/* creation date: Thu, 26 Jun 2025 09:02:44 GMT
concat references:
https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Fcomponent.css
https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Flandingpage%2Fbloc-macarron.css
https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Flandingpage%2Fcarousel-categories.css
https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Flandingpage%2Fbloc-look.css
*/
/*! https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Fcomponent.css */
.component-figure{margin:0;width:100%;height:100%}.component-image{width:100%;height:100%;object-fit:cover;object-position:var(--focal-point-x) var(--focal-point-y)}
/*! https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Flandingpage%2Fbloc-macarron.css */
.macaron-container{display:flex}.macaron-container .macaron-wrapper{display:flex;justify-content:center;padding:0}.macaron-container .macaron-wrapper.macaron-wrapper--inline{justify-content:flex-start}.macaron-container .macaron-wrapper .macaron-item{display:flex;flex-direction:column;width:auto;cursor:pointer;align-items:center;margin-right:1rem}.macaron-container .macaron-wrapper .macaron-item .macaron-link{display:block;border-radius:50%;overflow:hidden;margin:0 0 1.5rem;width:9rem;height:9rem;padding:.5rem .5rem 0}.macaron-container .macaron-wrapper .macaron-item .macaron-link .macaron-image{height:8rem;width:8rem;border-radius:50%;transition:.5s ease-in-out}.macaron-container .macaron-wrapper .macaron-item .macaron-link .macaron-image.selected{transform:scale(1.125);transition:.3s ease-in-out}.macaron-container .macaron-wrapper .macaron-item .macaron-link .macaron-image-container{display:block;height:8rem;width:8rem;border-radius:50%;background-color:#eae8e9}.macaron-container .macaron-wrapper .macaron-item .macaron-name{white-space:normal;overflow:hidden;text-overflow:ellipsis}.macaron-container .macaron-title p{margin:0;font-size:1.4rem;line-height:1.6rem;text-align:center}.macaron-container .macaron-wrapper .macaron-item.hover .macaron-title p{text-decoration:underline}.macaron-item:first-child{margin-left:2rem}.macaron-container .swiper-button-next::before,.macaron-container .swiper-button-prev::before{content:'';display:block;width:4rem;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.9) 59.5%)}.macaron-container .swiper-button-prev::before{transform:rotate(180deg) translateY(50%)}.macaron-container .swiper-button-next.swiper-button-disabled,.macaron-container .swiper-button-prev.swiper-button-disabled{display:none}@media (max-width:1023px){.macaron-container .macaron-wrapper .macaron-item{max-width:9rem}}@media (min-width:1024px){.macaron-container{justify-content:center}.macaron-container .macaron-wrapper{justify-content:center;margin:0}.macaron-container .macaron-wrapper .macaron-item{margin-right:.8rem;max-width:11.2rem}.macaron-container .macaron-wrapper .macaron-item:last-child{margin-right:0}.macaron-item:first-child{margin-left:0}.macaron-container .macaron-wrapper .macaron-item .macaron-link{width:11.2rem;height:11.2rem;padding:1.6rem 1.6rem 0;margin:0 0 .4rem}.macaron-container .macaron-wrapper .macaron-item .macaron-link .macaron-image.selected{transform:scale(1.4)}.macaron-container .swiper-buttons{display:none}}
/*! https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Flandingpage%2Fcarousel-categories.css */
.carousel-categories-container{width:100%;margin:0 auto}.carousel-categories-container .blocks-container .title-section h2.title{font-size:3.4rem;text-transform:none;font-weight:600;font-family:Oswald;margin-bottom:2rem}.carousel-categories-container .blocks-container .title-section p a{text-decoration:underline;color:inherit}.carousel-categories-container .blocks-container .title-section .text-element{width:87.3rem;font-size:1.6rem;font-family:"Work Sans";margin:0}.carousel-categories-container .blocks-container .title-section{margin:0 0 2rem}.carousel-categories-container .blocks-container .carousel-section{padding:2rem 0}.carousel-categories-container .blocks-container .carousel-section .image-container{border-radius:8px;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 100%)}.carousel-categories-container .blocks-container .carousel-section img.img-carousel{width:100%;height:44.2rem;border-radius:8px;object-fit:cover;position:relative;z-index:-1}.carousel-categories-container .blocks-container .carousel-section .cta-carousel{position:absolute;bottom:2rem;left:2rem;width:calc(100% - 4rem);font-family:Oswald;font-size:3.4rem;font-weight:600;text-decoration:none;color:#fff}.carousel-categories-container .blocks-container .carousel-section .image-container:hover .cta-carousel{text-decoration:underline}.carousel-categories-container .blocks-container .carousel-section .swiper-container{padding:0 6rem}.carousel-categories-container .blocks-container .carousel-section .swiper-wrapper li{width:29rem;list-style:none}.carousel-categories-container .blocks-container .carousel-section ul{padding:0;margin:0}.carousel-categories-container .blocks-container .carousel-section .swiper-wrapper a{display:block}.carousel-categories-container .blocks-container .carousel-section .swiper-wrapper a:last-child{margin-right:0!important}.carousel-container .swiper-scrollbar{position:relative;left:0;bottom:0;height:.2rem;width:100%;margin:3rem 0 1rem;background:#f3f3f3;border-radius:2px;cursor:pointer;transition:.2s}.carousel-container .swiper-scrollbar:active,.carousel-container .swiper-scrollbar:focus,.carousel-container .swiper-scrollbar:hover{height:.4rem;transform:translateY(-.1rem);transition:.2s}.carousel-container .swiper-scrollbar .swiper-scrollbar-drag{background-color:#002e5e;border-radius:2px}.carousel-container .swiper-scrollbar .swiper-scrollbar-drag:active,.carousel-container .swiper-scrollbar .swiper-scrollbar-drag:focus,.carousel-container .swiper-scrollbar .swiper-scrollbar-drag:hover{height:.4rem;transform:translateY(-.1rem);transition:.2s}.carousel-container .swiper-buttons{display:flex;z-index:1;justify-content:center;align-items:center}.carousel-container .swiper-buttons .swiper-button-next,.carousel-container .swiper-buttons .swiper-button-prev{position:absolute;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);top:calc(50%);z-index:1;width:4rem;height:4rem;border-radius:50%;background:rgba(255,255,255,.5);color:#002e5e;backdrop-filter:blur(2px);transition:.2s}.carousel-container .swiper-buttons .swiper-button-next::before,.carousel-container .swiper-buttons .swiper-button-prev::before{display:none}.carousel-container .swiper-buttons .swiper-button-next .icon_arrow_right_lite::before,.carousel-container .swiper-buttons .swiper-button-prev .icon_arrow_right_lite::before{position:relative;display:flex;justify-content:center;align-items:center;font-size:1.4rem;color:#002e5e;text-align:center}.carousel-container .swiper-buttons .swiper-button-disabled{display:none}.carousel-container .swiper-buttons .swiper-button-next:focus,.carousel-container .swiper-buttons .swiper-button-next:hover,.carousel-container .swiper-buttons .swiper-button-prev:focus,.carousel-container .swiper-buttons .swiper-button-prev:hover{background:#fff;transition:.5s}.carousel-container .swiper-buttons .swiper-button-prev{left:8rem;transform:translateY(-50%) rotate(180deg)}.carousel-container .swiper-buttons .swiper-button-next{right:8rem}@media screen and (max-width:768px){.carousel-categories-container .carousel-section{margin:0 -2rem}}@media screen and (max-width:1024px){.carousel-categories-container .blocks-container .carousel-section .swiper-container{padding:0 2rem}.carousel-categories-container .blocks-container .title-section .text-element{width:auto}.carousel-categories-container .blocks-container .title-section{margin:0 0 2rem;padding:0 2rem}.carousel-categories-container .blocks-container .title-section h2.title{font-size:2.8rem}.carousel-categories-container .blocks-container .carousel-section img.img-carousel{height:36rem}.carousel-categories-container .blocks-container .carousel-section .cta-carousel{font-size:2.8rem;left:1rem;width:calc(100% - 2rem)}.carousel-categories-container .blocks-container .carousel-section .swiper-wrapper li{width:24rem}.carousel-container .swiper-buttons{display:none}}
/*! https%3A%2F%2Fwww.petit-bateau.co.uk%2Fon%2Fdemandware.static%2FSites-PB_UK-Site%2F-%2Fen_GB%2Fv1750910826563%2Fcss%2Flandingpage%2Fbloc-look.css */
.bloc-look{width:100%;margin:0 auto 80px}.bloc-look .hp-bloc-swiper-visuel{display:flex;align-items:top;padding:40px 0 40px 40px}.bloc-look .hp-bloc-swiper-visuel *{margin:0;padding:0;box-sizing:border-box;font-family:"Work Sans",sans-serif}.bloc-look .hp-bloc-swiper-visuel .first-carousel{margin-right:20px;width:40%}.bloc-look .hp-bloc-swiper-visuel a.link-picture{display:inline-block;width:100%;height:517px;background-size:cover;background-position:var(--focal-point-x) var(--focal-point-y);background-repeat:no-repeat}a[id*=hp-bloc-swiper-image].link-picture{background-image:var(--bloc-plp-image-desktop)}.bloc-look .title-section{display:flex;justify-content:space-between;margin-bottom:20px;align-items:center}.bloc-look .title-section h2{font-family:Oswald;font-size:34px;text-transform:none;margin-right:10px}.bloc-look .title-section .hp-bloc-swiper-visuel-cta a{display:flex;justify-content:center;align-items:center;width:fit-content;height:4rem;text-transform:uppercase;padding:1.2rem 2rem;border-radius:4px;font-family:Oswald;text-align:center;text-decoration:none}.bloc-look .section-carousel{max-width:calc(60% - 20px);width:100%;display:flex;flex-direction:column}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe .swiper-button-horizontal{padding:0 10px;cursor:pointer}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe .swiper-button-horizontal:hover{background:rgba(255,255,255,.5)}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe .swiper-slide{padding-bottom:10px}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a{display:block;text-decoration:none;text-align:left}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a img{width:100%;margin-bottom:10px;display:block}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a p.product-name{text-transform:uppercase;font-weight:700;color:#002e5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;margin-bottom:8px;font-family:Oswald,sans-serif}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a p.product-price{text-transform:none;color:#002e5e;white-space:nowrap;overflow:hidden;text-align:left;font-size:16px;font-family:"Work Sans",sans-serif}.bloc-look .section-carousel a.cta-under-product{margin:2rem auto 0;width:fit-content;height:4rem;padding:1.2rem 2rem;font-size:1.4rem;font-weight:600;line-height:1.8rem;text-align:center;border-radius:4px;border:1px solid;text-decoration:none}.bloc-look .section-carousel a.cta-under-product span.cta-text{display:inline-block;font-family:Oswald;transform:translateY(-.2rem)}.bloc-look .cta-under-product.cta-2,.bloc-look .cta-under-product.cta-3,.bloc-look .cta-under-product.cta-4,.bloc-look .cta-under-product.cta-5,.bloc-look .inside-carousel.carousel2,.bloc-look .inside-carousel.carousel3,.bloc-look .inside-carousel.carousel4,.bloc-look .inside-carousel.carousel5{display:none}.bloc-look .cta-under-product.cta-1,.bloc-look .inside-carousel.carousel1{display:block}.bloc-look .first-carousel .swiper-bullets{position:relative;display:flex;justify-content:center;align-items:center;bottom:10%;z-index:1;gap:1rem}.bloc-look .first-carousel .swiper-pagination-bullet{width:12px;height:12px;background-color:transparent;border:2px solid #002e5e;opacity:1;cursor:pointer}.bloc-look .first-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#002e5e}.bloc-look .first-carousel .swiper-bullet-2,.bloc-look .first-carousel .swiper-bullet-3,.bloc-look .first-carousel .swiper-bullet-4,.bloc-look .first-carousel .swiper-bullet-5{background-color:transparent}@media screen and (max-width:1024px){.bloc-look{margin:0 0 36px}.bloc-look .title-section{flex-direction:column;align-items:flex-start;padding:0 20px;margin:0 0 20px;gap:2rem}.bloc-look .hp-bloc-swiper-visuel{flex-direction:column;padding:20px}.bloc-look .section-carousel{width:100%;max-width:100%}.bloc-look .title-section h2{margin:0;text-transform:none;font-size:28px;font-weight:600;text-align:left;font-family:Oswald,sans-serif}.bloc-look .hp-bloc-swiper-visuel .first-carousel{width:100%;max-width:100%}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe{margin-top:20px}.bloc-look .hp-bloc-swiper-visuel a.link-picture{width:100%;height:33.5rem;background-position:var(--focal-point-x-mob) var(--focal-point-y-mob)}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a img{height:234px;object-fit:cover;object-position:center}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a p.product-name{font-size:12px!important}.bloc-look .hp-bloc-swiper-visuel .container-tiles-hp-swipe a p.product-price{font-size:12px}.bloc-look .first-carousel .swiper-bullets{bottom:2.5rem}}