/* Ponçik V42 — life-size mannequin with single overhead spotlight / correct alpha alignment. */
.lookbook[hidden],.lookbook *[hidden]{display:none!important}

/* Full viewport backdrop is a standalone BODY child (not a body pseudo-element).
   This keeps the header, banner and other sections dark, without blocking clicks. */
.poncik-lookbook-scrim{position:fixed;inset:0;z-index:88;pointer-events:none;visibility:hidden;opacity:0;background:rgba(3,5,16,.83);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .65s ease,visibility .65s ease}
body.poncik-lookbook-active .poncik-lookbook-scrim{opacity:1;visibility:visible}

.lookbook{--lb-px:0px;--lb-py:0px;--lb-side-x:0px;--lb-side-y:0px;position:relative;isolation:isolate;z-index:89;overflow:hidden;min-height:720px;padding:clamp(38px,4vw,64px) max(18px,calc((100vw - 1440px)/2)) 36px;color:#221b44;background:#f4f1ed;transition:color .5s ease,box-shadow .6s ease}
.lookbook::before,.lookbook::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .7s ease}
.lookbook::before{background:radial-gradient(ellipse 62% 64% at 50% 25%,#263248 0%,#101727 38%,#080c17 72%,#050711 100%)}
.lookbook::after{background:radial-gradient(ellipse 58% 55% at 50% 45%,transparent 13%,rgba(2,4,11,.54) 100%),linear-gradient(180deg,rgba(255,255,255,.065),transparent 21%,transparent 81%,rgba(0,0,0,.32));mix-blend-mode:multiply}
.lookbook.in-view{color:#f5f3f8;box-shadow:0 30px 88px rgba(0,0,0,.24)}
.lookbook.in-view::before,.lookbook.in-view::after{opacity:1}
.lookbook.in-view::before{background:radial-gradient(ellipse 57% 64% at 50% 24%,#20283d 0%,#0c1020 42%,#050711 100%)}

.lookbook-heading{position:relative;z-index:5;max-width:1240px;margin:0 auto;padding:0 22px;text-align:left}
.lookbook-kicker{display:block;color:#ed0678;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.26em}
.lookbook-heading h2{margin:9px 0 5px;color:#221b44;font:600 clamp(30px,3.1vw,49px)/1.13 Arial,sans-serif;letter-spacing:-.045em;transition:color .5s ease}
.lookbook-heading p{margin:5px 0;color:#746b77;font:400 13px/1.7 Arial,sans-serif;transition:color .5s ease}
.lookbook.in-view .lookbook-heading h2{color:#fff}
.lookbook.in-view .lookbook-heading p{color:#c2bfd2}
.lookbook.in-view .lookbook-kicker{color:#ff65b1}
.lookbook-content{max-width:1360px;margin:auto;display:block;position:relative;z-index:2}
.lookbook-viewport{height:clamp(505px,49vw,730px);position:relative;min-width:0;perspective:1380px;touch-action:pan-y}
.lookbook-track{position:absolute;inset:0;z-index:3;isolation:isolate;transform-style:preserve-3d}

/* V39: ONE fixed, narrow spotlight directly above the CENTER/ACTIVE mannequin.
   Rotation moves another mannequin under the beam; spotlight does not chase side cards. */
.lookbook-light-rig{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .55s ease}
.lookbook.in-view .lookbook-light-rig{opacity:1}
.lookbook-light-rig::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 19% 44% at 50% 42%,rgba(235,217,171,.10),transparent 90%)}
/* Light cone begins in the ceiling, lands at the same Y as mannequin feet. */
.lookbook-beam-center{display:block;position:absolute;left:50%;top:-7%;width:clamp(180px,21vw,285px);height:95%;transform:translateX(-50%);
  clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(255,251,223,.93) 0%,rgba(255,247,206,.57) 26%,rgba(254,235,186,.18) 70%,rgba(255,243,210,.04) 100%);
  filter:blur(4px);mix-blend-mode:screen;opacity:.95}
.lookbook-beam-left,.lookbook-beam-right,.lookbook-stage-halo,.lookbook-stage-glint{display:none!important}
.lookbook-stage-floor{position:absolute;left:50%;bottom:7%;width:clamp(160px,25vw,340px);height:10%;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,240,195,.44),rgba(244,221,172,.16) 42%,transparent 72%);filter:blur(9px)}
/* Subtle FRONT layer makes the light touch the model instead of passing behind it. */
.lookbook-spot-wash{position:absolute;z-index:4;pointer-events:none;left:50%;top:-7%;width:clamp(180px,21vw,285px);height:95%;transform:translateX(-50%);
  clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(255,254,244,.28),rgba(255,249,215,.13) 40%,rgba(251,230,190,.04) 83%,transparent);
  mix-blend-mode:screen;filter:blur(5px);opacity:0;transition:opacity .5s ease}
.lookbook.in-view .lookbook-spot-wash{opacity:.52}


/* Transparent PNGs retain their edges; no rectangular card, border or image background. */
.lookbook-card{position:absolute;top:50%;left:50%;width:clamp(210px,30vw,405px);height:clamp(390px,39vw,555px);display:block;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;text-decoration:none;cursor:pointer;transform-origin:center;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .83s cubic-bezier(.19,.85,.21,1),opacity .6s ease,filter .6s ease}
.lookbook-card::before,.lookbook-card::after{content:"";position:absolute;pointer-events:none;transition:opacity .65s ease,transform .65s ease}
.lookbook-card::before{inset:15% 12% 11%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,250,215,.25),rgba(255,243,191,.08) 23%,transparent 61%);filter:blur(25px);opacity:0;z-index:-1}
.lookbook-card::after{left:16%;right:16%;bottom:1%;height:11%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.60),rgba(0,0,0,.2) 44%,transparent 76%);filter:blur(11px);opacity:0;z-index:-1}
.lookbook.in-view .lookbook-card[data-active="1"]::before{opacity:1;transform:scale(1.1)}
.lookbook.in-view .lookbook-card::after{opacity:.68}
.lookbook-card img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;background:transparent;
  transition:filter .72s ease,transform .35s ease;filter:brightness(.40) saturate(.62) drop-shadow(0 18px 32px rgba(0,0,0,.56))}
.lookbook.in-view .lookbook-card[data-active="1"] img{
  filter:brightness(1.04) contrast(1.03) saturate(1.01) drop-shadow(0 8px 16px rgba(0,0,0,.42));
  transform:translate3d(var(--lb-px),var(--lb-py),0)}
.lookbook.in-view .lookbook-card.is-near img{
  filter:brightness(.20) saturate(.42) drop-shadow(0 10px 22px rgba(0,0,0,.55));
  transform:translate3d(var(--lb-side-x),var(--lb-side-y),0)}
.lookbook-card:focus-visible{outline:3px solid #ff67ac;outline-offset:4px}

.lookbook-arrow{position:absolute;z-index:35;top:50%;width:46px;height:46px;border:1px solid rgba(34,27,68,.12);border-radius:50%;background:rgba(255,255,255,.91);color:#221b44;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:19px;cursor:pointer;transform:translateY(-50%);transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease}
.lookbook.in-view .lookbook-arrow{border-color:rgba(255,255,255,.28);background:rgba(247,245,255,.14);color:#fff;backdrop-filter:blur(10px)}
.lookbook-arrow:hover,.lookbook-arrow:focus-visible{background:#ed0678!important;border-color:#ed0678!important;color:#fff!important;transform:translateY(-50%) scale(1.07)}
.lookbook-arrow-prev{left:10px}.lookbook-arrow-next{right:10px}

/* Product facts stay below the mannequins, readable in both scene states. */
.lookbook-details{position:relative;z-index:5;max-width:520px;margin:6px auto 0;padding:22px 25px 18px;text-align:center;background:rgba(255,255,255,.79);border:1px solid rgba(255,255,255,.5);border-radius:4px;box-shadow:0 12px 38px rgba(18,14,34,.08);transition:background .55s ease,border-color .55s ease,box-shadow .55s ease,transform .45s ease}
.lookbook.in-view .lookbook-details{background:rgba(17,23,43,.72);border-color:rgba(255,255,255,.20);box-shadow:0 17px 58px rgba(0,0,0,.26);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lookbook-details.is-updating{animation:poncik-details-in .44s ease}
@keyframes poncik-details-in{from{opacity:.34;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.lookbook-count{font:500 12px/1 Arial,sans-serif;color:#897d91;letter-spacing:.16em}
.lookbook-caption{display:block;margin:12px 0 10px;color:#ed0678;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.2em}
.lookbook-details h3{margin:0;color:#221b44;font:600 clamp(21px,2.25vw,30px)/1.23 Arial,sans-serif;letter-spacing:-.03em}
.lookbook-details p{font:400 13px/1.6 Arial,sans-serif;color:#6d6676}.lookbook-details .lookbook-price{font-weight:700;color:#221b44}
.lookbook.in-view .lookbook-details h3,.lookbook.in-view .lookbook-details .lookbook-price{color:#fff}
.lookbook.in-view .lookbook-details p,.lookbook.in-view .lookbook-count{color:#c5c0d1}
.lookbook.in-view .lookbook-caption{color:#ff66b4}
.lookbook-open{display:flex;align-items:center;justify-content:space-between;gap:6px;max-width:310px;margin:18px auto 0;padding:13px 16px;background:#221b44;color:#fff!important;text-decoration:none;font:700 12px/1.4 Arial,sans-serif;transition:background .25s ease,transform .25s ease}
.lookbook.in-view .lookbook-open{background:#ed0678}
.lookbook-open:hover{background:#b90061!important;transform:translateY(-2px)}
.lookbook-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:17px}.lookbook-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:#cac4ce;cursor:pointer;transition:width .25s ease,background .25s ease}.lookbook-dots button.active{width:21px;background:#ed0678}.lookbook.in-view .lookbook-dots button{background:#5e607b}.lookbook.in-view .lookbook-dots button.active{background:#ff4faa}
.lookbook-hint{position:relative;z-index:5;text-align:center;margin:14px auto 8px;padding:0 10px;color:#7c7482;font:400 11px/1.6 Arial,sans-serif;transition:color .5s ease}
.lookbook.in-view .lookbook-hint{color:#b0afbf}
.lookbook.in-view .lookbook-heading{animation:poncik-title-enter .7s ease both}
@keyframes poncik-title-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:820px){.lookbook{min-height:0;padding:32px 0 26px}.lookbook-heading{text-align:center}.lookbook-viewport{height:490px}.lookbook-details{max-width:460px;padding:17px 20px 18px}.lookbook-caption{margin:11px 0 8px}.lookbook-open{max-width:280px}.lookbook-dots{margin:14px auto}.lookbook-hint{font-size:10px}body.poncik-lookbook-active .poncik-lookbook-scrim{opacity:.95}}
@media(max-width:490px){.lookbook{padding:28px 0 20px}.lookbook-heading{padding:0 15px}.lookbook-viewport{height:420px}.lookbook-card{width:218px;height:325px}.lookbook-arrow{width:37px;height:37px}.lookbook-arrow-prev{left:6px}.lookbook-arrow-next{right:6px}.lookbook-details{margin:0 12px;padding:13px 17px 15px}.lookbook-details h3{font-size:23px}.lookbook-hint{padding:0 28px}.lookbook-beam-center{left:50%;width:min(58vw,225px);height:90%;transform:translateX(-50%)}.lookbook-stage-floor{left:50%;width:min(62vw,260px);transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.poncik-lookbook-scrim,.lookbook,.lookbook::before,.lookbook::after,.lookbook-heading,.lookbook-card,.lookbook-card img,.lookbook-light-rig,.lookbook-beam,.lookbook-stage-halo,.lookbook-stage-glint,.lookbook-details,.lookbook-arrow,.lookbook-dots button{animation:none!important;transition:none!important;transform-style:flat!important}.lookbook.in-view .lookbook-card[data-active="1"] img,.lookbook.in-view .lookbook-card.is-near img{transform:none!important}}

/* Keep legacy banner mode working when the lookbook replaces it. */
.hero[hidden]{display:none!important}
.hero:not([hidden]) + .lookbook:not([hidden]){padding-top:15px}
@media(max-width:490px){.hero:not([hidden]) + .lookbook:not([hidden]){padding-top:12px}}

/* V31 banner protection (mobile + desktop): keep the real banner above the
   full-page scrim even during asynchronous layout or a stale JS request. */
.home-featured-stack>.hero:not([hidden]){position:relative;z-index:90;isolation:isolate}

/* V42 — mobile spotlight must land directly behind the model, not the front edge. */
@media(max-width:490px){
  .lookbook-beam-center,.lookbook-spot-wash{left:50%;top:-6%;width:min(54vw,205px);height:96%;transform:translateX(-50%)}
  .lookbook-stage-floor{left:50%;bottom:7%;width:min(54vw,235px);height:11%;transform:translateX(-50%)}
}
@media(prefers-reduced-motion:reduce){.lookbook-spot-wash{transition:none}}