/* creation date: Fri, 15 May 2026 14:04:58 GMT
concat references:
https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1778818084606%2Fcss%2Flandingpage%2Fgiftfinder.css
https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1778818084606%2Fcss%2Flandingpage%2Fblock-visuel-gauche.css
*/
/*! https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1778818084606%2Fcss%2Flandingpage%2Fgiftfinder.css */
section.pdGiftfinder .pdGiftfinder_questions {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    background-color: #E5EEF5;
}

section.pdGiftfinder ul,
section.pdGiftfinder li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

section.pdGiftfinder p {
    margin: 0;
}

section.pdGiftfinder .pdGiftfinder_breadcrumb {
    width: 100%;
    padding: 2rem;
    background: #FFF;
}

section.pdGiftfinder .pdGiftfinder_breadcrumb a {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    text-decoration: none;
    color: #002E5E;
}

section.pdGiftfinder .pdGiftfinder_breadcrumb a:hover {
    text-decoration: none;
    color: inherit;
}

section.pdGiftfinder .pdGiftfinder_breadcrumb a::before {
    margin-right: 0.45rem;
    margin-bottom: 0;
}

section.pdGiftfinder .pdGiftfinder__returnlink {
    position: absolute;
    top: 2.8rem;
    left: 2rem;
    font-size: 1.4rem;
    text-decoration: none;
}

section.pdGiftfinder .pdGiftfinder__returnlink::before,
section.pdGiftfinder .pdGiftfinder_breadcrumb a::before {
    display: inline-block;
    content: '';
    width: 0.4rem;
    height: 0.7rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjIwXzM3NjUpIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tMy4wNTk4ZS0wNyA0TDMuMzYgNy41TDQgNi44MzMzM0wxLjI4IDRMNCAxLjE2NjY3TDMuMzYgMC41TC0zLjA1OThlLTA3IDRaIiBmaWxsPSIjMDAyRTVFIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjIwXzM3NjUiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI3IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNCA3LjUpIHJvdGF0ZSgxODApIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
}

section.pdGiftfinder .pdGiftfinder__returnlink::before {
    margin-bottom: .1rem;
}

section.pdGiftfinder .pdGiftfinder_leftContainer {
    max-height: 18rem;
    overflow: hidden;
}

section.pdGiftfinder .pdGiftfinder_leftContainer img {
    width: 100%;
}

section.pdGiftfinder .desktop {
    display: none;
}

section.pdGiftfinder .pdGiftfinder_rightContainer {
    position: relative;
    padding: 7.2rem 1rem 2rem;
    width: 100%;
}

section.pdGiftfinder .pdGiftfinder__questions {
    position: relative;
    overflow: hidden;
    margin-bottom: 6.8rem;
}

section.pdGiftfinder .pdGiftfinder__question {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
}

section.pdGiftfinder .pdGiftfinder__title,
section.pdGiftfinder .pdGiftfinder__questiontext {
    text-align: center;
    margin-bottom: 2.8rem;
}

section.pdGiftfinder .pdGiftfinder__title {
    font-family: 'Oswald', sans-serif;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 600;
    text-transform: none;
}

section.pdGiftfinder .pdGiftfinder__title--active {
    font-size: 2.8rem;
    line-height: 3.2rem;
}

section.pdGiftfinder .pdGiftfinder__questiontext {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 400;
    text-transform: none;
}

section.pdGiftfinder .pdGiftfinder__title_text {
    display: block;
}

section.pdGiftfinder .pdGiftfinder__answer {
    display: block;
    width: 100%;
    padding: 1.4rem 0;
    margin-bottom: 2rem;
    font-family: 'Work Sans', sans-serif;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 600;
    background-color: transparent;
    border: 1px solid #002E5E;
    border-radius: 4px;
}

section.pdGiftfinder .pdGiftfinder__answer:hover,
section.pdGiftfinder .pdGiftfinder__answer:focus,
section.pdGiftfinder .pdGiftfinder__answer.selected {
    color: #FFF;
    background-color: #002E5E;
}

section.pdGiftfinder .pdGiftfinder__stepper ol {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.2rem;
}

section.pdGiftfinder .pdGiftfinder__stepper .pdGiftfinder__step {
    width: 100%;
    list-style-type: none;
}

section.pdGiftfinder .pdGiftfinder__stepper .pdGiftfinder__step button {
    display: block;
    padding: 0;
    width: 100%;
    height: 0.6rem;
    border-radius: 60px;
    background-color: #BDD4E5;
}

section.pdGiftfinder .pdGiftfinder__stepper .pdGiftfinder__step button.disabled {
    background-color: #BDD4E5 !important;
}

section.pdGiftfinder .pdGiftfinder__stepper .pdGiftfinder__step button:focus {
    outline: none;
}

section.pdGiftfinder .pdGiftfinder__stepper .pdGiftfinder__step--active button {
    background-color: #002E5E;
}

section.pdGiftfinder .pdGiftfinder_results {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.8rem 0;
    background-color: #E5EEF5;
}

section.pdGiftfinder .pdGiftfinder_resultshead {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.pdGiftfinder .pdGiftfinder_resultshead * {
    text-align: center;
}

section.pdGiftfinder .pdGiftfinder_resultshead_title {
    font-family: 'Oswald', sans-serif;
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 600;
    text-transform: none;
}

section.pdGiftfinder .pdGiftfinder_resultshead_text {
    font-size: 1.6rem;
    line-height: 1.9rem;
}

section.pdGiftfinder .pdGiftfinder_resultscta,
section.pdGiftfinder .pdGiftfinder_noresultsmsg {
    padding: 0 2rem;
    width: 100%;
}

section.pdGiftfinder .pdGiftfinder_resultscta,
section.pdGiftfinder .pdGiftfinder_resultscta ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

section.pdGiftfinder .pdGiftfinder_resultscta ul {
    gap: 2rem;
}

section.pdGiftfinder .pdGiftfinder_resultscta li {
    text-align: center;
}

section.pdGiftfinder .pdGiftfinder_resultscta a,
section.pdGiftfinder .pdGiftfinder_resultscta button {
    padding: 1.1rem 2rem;
    width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 600;
    border: 1px solid #002E5E;
    border-radius: 4px;
    transition: all .3s;
    text-decoration: none;
    text-transform: uppercase;
}

section.pdGiftfinder .pdGiftfinder_resultscta a {
    color: #FFFFFF;
    background-color: #002E5E;
}

section.pdGiftfinder .pdGiftfinder_resultscta a:hover,
section.pdGiftfinder .pdGiftfinder_resultscta a:focus {
    background-color: #FFFFFF;
    color: #002E5E;
    text-decoration: none;
}

section.pdGiftfinder .pdGiftfinder_resultscta button {
    color: #002E5E;
    background-color: #FFFFFF;
}

section.pdGiftfinder .pdGiftfinder_resultscta button:hover,
section.pdGiftfinder .pdGiftfinder_resultscta button:focus {
    background-color: #002E5E;
    color: #FFFFFF;
}

section.pdGiftfinder .pdGiftfinder_noresults {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.pdGiftfinder .pdGiftfinder_noresults .pdGiftfinder_noresultsimg {
    display: block;
    width: 5.6rem;
    margin-bottom: 2.8rem;
}

section.pdGiftfinder .pdGiftfinder_noresults .pdGiftfinder_noresultsmsg {
    margin-bottom: 2.8rem;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 400;
    text-transform: none;
    text-align: center;
}

section.pdGiftfinder .bloc-recommandations {
    position: relative;
}

section.pdGiftfinder .loader-spinner {
    margin: 2rem auto;
    width: 2.7rem;
    height: 2.7rem;
    transform: translateX(-50%);
}

section.pdGiftfinder .recom-calloutMsg {
    display: none;
}

section.pdGiftfinder .swiper-scrollbar {
    margin: 0 4rem;
    width: calc(100% - 8rem);
}

section.pdGiftfinder .pdGiftfinder_resultcontainer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 43.4rem;
}

section.pdGiftfinder .pdGiftfinder_loader {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

section.pdGiftfinder .pdGiftfinder__questioncontainer {
    padding: 0 1rem;
}

@media screen and (max-width: 1023px) {
    [class^="experience-component experience-layouts"] section:first-of-type, [class^="experience-component experience-assets-"] > section:first-of-type {
    max-width: 1340px;
    margin: 0 !important;
    }
    section.pdGiftfinder .swiper-container {
        margin-bottom: 4.5rem;
    }
}

@media screen and (min-width: 1024px) {
    section.pdGiftfinder .pdGiftfinder_questions {
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }

    section.pdGiftfinder .pdGiftfinder_breadcrumb {
        padding: 2rem 0;
    }

    section.pdGiftfinder .pdGiftfinder__returnlink {
        top: 5.9rem;
        left: 4rem;
    }

    section.pdGiftfinder .mobile {
        display: none;
    }

    section.pdGiftfinder .desktop {
        display: block;
    }

    section.pdGiftfinder .pdGiftfinder_leftContainer {
        width: 50%;
        max-height: none;
    }

    section.pdGiftfinder .pdGiftfinder_rightContainer {
        width: 50%;
        padding: 11.5rem 12rem 0;
    }

    section.pdGiftfinder .pdGiftfinder__questiontext {
        margin: 0 -4rem 4rem;
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    section.pdGiftfinder .pdGiftfinder__title {
        margin-bottom: 4rem;
        font-size: 2rem;
        line-height: 2.4rem;
    }

    section.pdGiftfinder .pdGiftfinder__title--active {
        font-size: 2.8rem;
        line-height: 3.2rem;
    }

    section.pdGiftfinder .pdGiftfinder__questions {
        margin-bottom: 12rem;
    }

    section.pdGiftfinder .pdGiftfinder_results {
        padding: 4rem 0;
    }

    section.pdGiftfinder .pdGiftfinder_resultshead_text {
        font-size: 1.8rem;
        line-height: 2.1rem;
    }

    section.pdGiftfinder .pdGiftfinder_resultscta ul {
        flex-direction: row;
    }

    section.pdGiftfinder .pdGiftfinder_resultscta a,
    section.pdGiftfinder .pdGiftfinder_resultscta button {
        width: auto;
    }

    section.pdGiftfinder .pdGiftfinder_noresults {
        margin: 4rem 0;
    }

    section.pdGiftfinder .pdGiftfinder_noresults .pdGiftfinder_noresultsmsg {
        font-size: 1.8rem;
        line-height: 2.1rem;
        max-width: 52.5rem;
    }

    section.pdGiftfinder .gift_finder-recommendation {
        padding: 0 4rem;
    }

    section.pdGiftfinder .pdGiftfinder_resultcontainer {
        min-height: 47.7rem;
    }

    section.pdGiftfinder .pdGiftfinder__stepper {
        margin-bottom: 4rem;
    }
}

/*! https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1778818084606%2Fcss%2Flandingpage%2Fblock-visuel-gauche.css */
.block-visuel-gauche-container {
    margin: 0 auto;
    background: var(--grey-f3);
}

.block-visuel-gauche-container .LP-mainTitle {
    font-size: 3.4rem;
    line-height: 4rem;
}

.block-visuel-gauche-container .LP-text {
    font-size: 1.6rem;
    line-height: 1.9rem;
}

.block-visuel-gauche-container .img-and-text-container {
    display: flex;
    align-items: center;
    gap: 10rem;
}

.block-visuel-gauche-container .img-and-text-container .bold {
    font-weight: 700;
}

.block-visuel-gauche-container .img-and-text-container picture img, .block-visuel-gauche-container .img-and-text-container .video {
	object-fit: cover;
	width: 65rem;
	height: 47.2rem;
}

.block-visuel-gauche-container .img-and-text-container .text-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 50rem;
    padding: 4rem 4rem 4rem 0;
}

.block-visuel-gauche-container .img-and-text-container .text-block h2 {
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 3rem;
    text-transform: none;
}

.block-visuel-gauche-container .img-and-text-container .text-block .LP-text {
     font-family: 'Work Sans';
}

.block-visuel-gauche-container .img-and-text-container .text-block .LP-text a {
    color:#002E5E;
    text-decoration: underline;
}

.block-visuel-gauche-container .img-and-text-container .text-block .LP-CTA {
    width: fit-content;
    padding: 1rem 2rem;
    border-radius: .4rem;
    text-transform: uppercase;
    text-align: center;
    margin-top: 2rem;
    font-family: 'Oswald';
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: none;
}

@media screen and (max-width: 1023px) {
    .block-visuel-gauche-container .img-and-text-container {
    	flex-direction: column;
    	gap: initial;
    }

    .block-visuel-gauche-container .LP-mainTitle {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }

    .block-visuel-gauche-container .img-and-text-container picture img, .block-visuel-gauche-container .img-and-text-container .video {
        width: 100%;
        height: 37.5rem;
        margin: 0 ;
        display: block;
        object-fit: cover;
    }

    .block-visuel-gauche-container .img-and-text-container picture {
    	width: 100%;
    }

    .block-visuel-gauche-container .img-and-text-container .text-block {
        margin: 0;
        padding: 2rem 2rem 2.8rem;
    }

    .block-visuel-gauche-container .img-and-text-container .text-block h2 {
        margin-bottom: 2rem;
    }
}
