@charset "utf-8";/* =====================================================
   Base — 1rem = 13px (same scale as the reference page)
   ===================================================== */
   @import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
.peuterey_2026fw{
  font-size:81.25%;
  --ease:cubic-bezier(.22,.8,.24,1);
  --gray-light:#ddd;
  --gray-lighter:#fff;
}
.peuterey_2026fw *,
.peuterey_2026fw *::before,
.peuterey_2026fw *::after{box-sizing:border-box}
.peuterey_2026fw{-webkit-text-size-adjust:100%}
.peuterey_2026fw{
  margin:0;
	font-family: "Hind", sans-serif;
  font-size:1rem;font-weight:400;line-height:1.53846;
  color:#000;background:#fff;
  -webkit-font-smoothing:antialiased;
}
.peuterey_2026fw a{color:inherit;text-decoration:none}
.peuterey_2026fw button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.peuterey_2026fw img,
.peuterey_2026fw video{display:block;max-width:100%}
.peuterey_2026fw figure{margin:0}
.peuterey_2026fw p,
.peuterey_2026fw h1,
.peuterey_2026fw h2,
.peuterey_2026fw h4{margin:0}
.peuterey_2026fw ul{list-style:none;margin:0;padding:0}

.peuterey_2026fw h1,
.peuterey_2026fw h2{font-weight:300;line-height:1.2;color:#fff !important;}
.peuterey_2026fw h1{font-size:2.30769rem;line-height:3.23077rem}
.peuterey_2026fw h2{font-size:1.53846rem;line-height:1.84615rem}

/* small uppercase label (h6 style) */
.peuterey_2026fw .subtitle{
  font-size:11px;line-height:1.07692rem;letter-spacing:.08462rem;
  text-transform:uppercase;font-weight:500;
}

/* underlined text link */
.peuterey_2026fw .btn-link{
  display:inline-block;font-size:11px;line-height:1.07692rem;
  letter-spacing:.00846rem;text-transform:uppercase;font-weight:500;
}
.header-main .w-full,
.preheader,
.bg-color-banner-sale, #menu, #header{
	display: none !important;
}
.peuterey_2026fw .btn-link--text{position:relative}
.peuterey_2026fw .btn-link--text::after{
  content:"";position:absolute;left:0;right:0;bottom:-.15385rem;height:1px;
  background:currentColor;transform-origin:left;transition:transform .4s var(--ease);
}
.peuterey_2026fw .btn-link:hover .btn-link--text::after{transform:scaleX(0);transform-origin:right}
.peuterey_2026fw .btn-link--secondary{color:#fff !important}

/* =====================================================
   1. Hero banner (GSAP pin + slide transitions)
   ===================================================== */
.peuterey_2026fw .hero-banner{transition:translate .4s var(--ease)}

.peuterey_2026fw .hero-banner--wrapper{position:relative;width:100%;overflow:hidden}
.peuterey_2026fw .hero-banner{width:100%;height:100svh;overflow:hidden;position:relative;background:#222}
.peuterey_2026fw .hero-banner .slide{
  width:100%;height:100%;max-height:100%;position:absolute;top:54px;left:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:hidden;will-change:transform,opacity;
}
.peuterey_2026fw .hero-banner .slide-media{width:100%;height:100%;position:relative;z-index:1}
/* GPU layers: parts GSAP scales / moves / fades get their own layer */
.peuterey_2026fw .hero-banner .slide-media,
.peuterey_2026fw .hero-banner .slide-content,
.peuterey_2026fw .hero-banner .slide .overlay{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.peuterey_2026fw .hero-banner .slide-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0)}
.peuterey_2026fw .hero-banner .slide .overlay{
  position:absolute;inset:0;pointer-events:none;background:#000;opacity:0;z-index:3;
}
.peuterey_2026fw .hero-banner .slide-content{
  position:absolute;top:3.69231rem;left:0;width:100%;height:calc(100% - 7.38462rem);z-index:2;
  display:flex;padding:0 39px;color:#fff;
  align-items:center;justify-content:center;
}
.peuterey_2026fw .slide-content--bottom{align-items:flex-end}
.peuterey_2026fw .slide-content--left{align-items:flex-end}
.peuterey_2026fw .slide-content__z-index{
  display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding-bottom:.61538rem;
}
.peuterey_2026fw .slide-content--bottom .slide-content__z-index,
.peuterey_2026fw .slide-content--left .slide-content__z-index{margin-bottom:4.61538rem}
.peuterey_2026fw .hero-banner .subtitle{margin-bottom:.61538rem;font-size: 11px;}
.peuterey_2026fw .hero-banner .title{max-width:100%;color: #fff;font-size: 30px;}
.peuterey_2026fw .hero-banner .content{font-size: 16px;margin-bottom:1.23077rem;}
.peuterey_2026fw .btn-link--text{font-size: 11px;}
.peuterey_2026fw .cta-container{display:flex;justify-content:center}
.peuterey_2026fw .cta-container .btn-link+.btn-link{margin-left:1.84615rem;color: #fff;}

@media(min-width:992px){
.peuterey_2026fw .hero-banner.is-offset{
  /* was: margin-top:6.76923rem !important  -> caused reflow + fought the GSAP pin */
  translate:0 6.76923rem !important;
}
  .peuterey_2026fw .hero-banner .slide{
  width:100%;height:100%;max-height:100%;position:absolute;top:54px;left:0;
  }
  .peuterey_2026fw .hero-banner .slide-content{top:6.15385rem;height:calc(100% - 25.3077rem)}
  .peuterey_2026fw .slide-content--bottom{align-items:flex-end !important}
  .peuterey_2026fw .slide-content--bottom .slide-content__z-index{margin-bottom:0}
  .peuterey_2026fw .slide-content--left{align-items:center !important;justify-content:flex-start !important}
  .peuterey_2026fw .slide-content--left .slide-content__z-index{align-items:flex-start;text-align:left;margin-bottom:0;width:auto}
  .peuterey_2026fw .slide-content__z-index{width:auto}
  .peuterey_2026fw .hero-banner .title{margin-bottom:1.84615rem}
  .peuterey_2026fw .cta-container{margin-bottom:1.23077rem}
  .peuterey_2026fw .slide-content--left .cta-container{margin-bottom:0}
}

@media(max-width:768px){
  .peuterey_2026fw .pdp-link{height: 20px;}
   .peuterey_2026fw .hero-banner .slide-first .slide-content, .peuterey_2026fw .hero-banner .slide-second .slide-content {top:20%;height:calc(100% + 3rem)}
}

/* progress "snake" — desktop only */
.peuterey_2026fw .progress-bar--container{
  display:none;position:absolute;bottom:0;left:50%;z-index:5;transform:translateX(-50%);
}
.peuterey_2026fw .progress-bar--base{width:2px;height:80px;background:#777;position:relative;overflow:hidden}
.peuterey_2026fw .progress-bar--snake{width:2px;height:5px;background:#fff;position:absolute;top:0}
.peuterey_2026fw .hero-banner--wrapper.scroll-trigger-initialized .progress-bar--snake{
  height:40px;animation:snake-scroll 4s linear infinite;
}
@keyframes snake-scroll{0%{transform:translateY(-40px)}to{transform:translateY(80px)}}
@media(min-width:992px){.peuterey_2026fw .progress-bar--container{display:block}}

/* =====================================================
   2. Editorial separator
   ===================================================== */
.peuterey_2026fw .separator{padding:0 16px}
.peuterey_2026fw .separator__inner{
  max-width:1905px;margin:0 auto;padding:2.46154rem 0;text-align:center;
}
.peuterey_2026fw .separator__inner p{max-width:46rem;margin:1.84615rem auto 0;font-size: 12px;}
@media(min-width:992px){
  .peuterey_2026fw .separator__inner{padding:4.92308rem 0;font-size: 16px;}
 .peuterey_2026fw .separator__inner p{max-width:50%;font-size: 16px;}
}

/* =====================================================
   3. Complete the look
   ===================================================== */
.peuterey_2026fw .ctl{padding:3.07692rem 1.23077rem}

.peuterey_2026fw .ctl__image figure{margin:0}
.peuterey_2026fw .ctl__video{
  display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:.46154rem;background:#e8e4dc;
}
@media(min-width:768px){.peuterey_2026fw .ctl__video{aspect-ratio:16/9}}
.peuterey_2026fw .tiles-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1.84615rem .92308rem}
@media(min-width:992px){.peuterey_2026fw .tiles-wrapper{grid-template-columns:repeat(4,1fr);gap:0 1.23077rem}}

.peuterey_2026fw .product-tile-look{display:flex;flex-direction:column;position:relative}
.peuterey_2026fw .product-tile-look__image-wrapper{position:relative}
.peuterey_2026fw .product-tile-look__image-wrapper img{display:block;width:100%;border-radius:.15385rem;aspect-ratio:590/881;object-fit:cover;background:#f1eee8}
.peuterey_2026fw .product-tile-look__details{
  position:relative;display:flex;flex-direction:column;justify-content:flex-start;flex:1;
  padding:11px 0 0;
}
.peuterey_2026fw .pdp-link{font-size:11px;line-height:1.2;margin:.15385rem 0 .30769rem;display:block}
.peuterey_2026fw .pdp-link:hover{text-decoration:underline}
.peuterey_2026fw .price-and-colors{display:flex;align-items:center;justify-content:space-between}
.peuterey_2026fw .price{font-size:11px}
.peuterey_2026fw .quick-size-selector{
  width:32px;height:32px;display:grid;place-items:center;font-size:1.5rem;line-height:1;
  border:1px solid var(--gray-light);border-radius:50%;
  transition:background .3s,color .3s;
}
.peuterey_2026fw .quick-size-selector:hover{background:#000;color:#fff}

/* size selector: mobile = bottom sheet */
.peuterey_2026fw .product-tile-look__details--size{
  display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;z-index:90;padding:1.84615rem 1.23077rem;
}
.peuterey_2026fw .product-tile-look__details--size.state-active{display:block}
.peuterey_2026fw .sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .4s;z-index:85}
.peuterey_2026fw .sheet-backdrop.is-open{opacity:1;pointer-events:auto}
.peuterey_2026fw .product-tile__sizes-wrapper{display:flex;flex-direction:column;align-items:flex-start}
.peuterey_2026fw .product-tile__sizes-header{display:flex;justify-content:space-between;width:100%;margin-bottom:1.23077rem}
.peuterey_2026fw .product-tile__size-label{
  text-transform:uppercase;font-size:11px;line-height:1.23077rem;font-weight:400;
  font-family: "Hind", sans-serif;;letter-spacing:.04231rem;
}
.peuterey_2026fw .product-tile__size-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:.23077rem;width:100%}
.peuterey_2026fw .product-tile__size-btn{
  background:var(--gray-lighter);color:#313131;padding:.61538rem;border-radius:.15385rem;
  border:1px solid transparent;font-size:11px;transition:background .25s,color .25s,border-color .25s;
}
.peuterey_2026fw .product-tile__size-btn:hover{border-color:var(--gray-light)}
.peuterey_2026fw .product-tile__size-btn.selected{background:#000;color:#fff}
.peuterey_2026fw .add-to-cart-global{
  display:none;width:100%;margin-top:11px;padding:11px 1rem;background:#000;color:#fff;
  text-transform:uppercase;font-size:11px;letter-spacing:.08462rem;transition:opacity .3s;
}
.peuterey_2026fw .add-to-cart-global.is-visible{display:block}
.peuterey_2026fw .add-to-cart-global:disabled{opacity:.4;cursor:not-allowed}

/* size selector: desktop = hover overlay over the details column */
@media(min-width:992px){
  .peuterey_2026fw .quick-size-selector,
.peuterey_2026fw .js-size-close{display:none}
  .peuterey_2026fw .product-tile-look__details{min-height:9.23077rem}
  .peuterey_2026fw .price-and-colors{justify-content:flex-start}
  .peuterey_2026fw .product-tile-look__details--size{
    display:flex;position:absolute;inset:0;flex-direction:column;justify-content:flex-start;
    visibility:hidden;opacity:0;padding:11px 0 0;background:#fff;z-index:2;
    transition:opacity .4s ease-in-out,visibility .4s ease-in-out;
  }
  .peuterey_2026fw .product-tile-look:hover .product-tile-look__details--size{visibility:visible;opacity:1}
  .peuterey_2026fw .product-tile__sizes-header{margin-bottom:0}
  .peuterey_2026fw .product-tile__size-label{margin-bottom:.61538rem}
  .peuterey_2026fw .product-tile__size-btns{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.23077rem}
  .peuterey_2026fw .product-tile__size-btn{background:#fff;color:#000}
  .peuterey_2026fw .product-tile__size-btn.selected{background:#000;color:#fff}
}

/* =====================================================
   4. Title + description block
   ===================================================== */
.peuterey_2026fw .component-wrapper{padding:0 1.23077rem}
.peuterey_2026fw .component-wrapper__inner{max-width:92%;margin:0 auto;padding:4.92308rem 0}
.peuterey_2026fw .split-block{display:flex;flex-direction:column;gap:1.84615rem}
.peuterey_2026fw .split-block__text p{max-width:42rem}
@media(min-width:768px){
  .peuterey_2026fw .component-wrapper__inner{padding:7.38462rem 0}
  .peuterey_2026fw .split-block{flex-direction:row;align-items:flex-start;padding-top:2.46154rem}
  .peuterey_2026fw .split-block__title{width:33.33333%}
  .peuterey_2026fw .split-block__text{width:41.66667%;margin-left:25%}
}
@media(min-width:1440px){.peuterey_2026fw .split-block{justify-content:space-between;padding-top:4.92308rem}}

/* =====================================================
   5. LOOKS + BANNER  (PC: 4 looks in a row · SP: 2x2 · banner below, no overlap)
   ===================================================== */
.peuterey_2026fw .look-banner{display:block}
.peuterey_2026fw .look-banner__looks{display:grid;grid-template-columns:repeat(2,1fr);gap:.15385rem;margin:0;padding:0;list-style:none}
.peuterey_2026fw .look-banner__look{margin:0;padding:0;overflow:hidden}
.peuterey_2026fw .look-banner__look img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.peuterey_2026fw .look-banner__banner{position:relative;margin-top:.15385rem;overflow:hidden}
.peuterey_2026fw .look-banner__banner img{display:block;width:100%;object-fit:cover}
.peuterey_2026fw .look-banner__banner .img-pc{display:none;aspect-ratio:12/5}
.peuterey_2026fw .look-banner__banner .img-sp{display:block;}
.peuterey_2026fw .look-banner__text{
  position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);
  padding:0 1.23077rem;text-align:center;color:#fff;text-shadow:0 0 .6rem rgba(0,0,0,.35);
}
.peuterey_2026fw .look-banner__link{display:block;color:#fff;font-size:16px;line-height:1.5;text-decoration:none}
.peuterey_2026fw .look-banner__link:hover{text-decoration:underline}
@media(min-width:768px){
  .peuterey_2026fw .look-banner__looks{grid-template-columns:repeat(4,1fr)}
  .peuterey_2026fw .look-banner__banner .img-pc{display:block}
  .peuterey_2026fw .look-banner__banner .img-sp{display:none}
  .peuterey_2026fw .look-banner__link{font-size:26px;text-decoration:none;}
}

.peuterey_2026fw .look-banner__link,
.peuterey_2026fw .look-banner__link:hover,
.peuterey_2026fw .look-banner__link:focus {
    text-decoration: none;
}