.pdp{position:relative;background:var(--night);color:#fff;padding-block:28px clamp(64px,8vw,110px);overflow:hidden;isolation:isolate}
.pdp::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 600px at 25% 10%,rgba(0,58,230,.35),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(45,98,255,.12),transparent 60%)}
.crumbs{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-d);margin-bottom:22px}
.crumbs a{text-decoration:none;display:inline-block;padding:10px 0}.crumbs a:hover{color:#fff}
.pdp-grid{display:grid;gap:36px}
@media(min-width:1040px){.pdp-grid{grid-template-columns:1.1fr 1fr;gap:64px;align-items:start}.gallery{position:sticky;top:calc(var(--hdr) + 24px)}}

.gallery{display:grid;gap:12px;width:100%;max-width:640px;margin-inline:auto}
@media(min-width:1040px){.gallery{max-width:none}}
@media(min-width:640px){.gallery{grid-template-columns:88px 1fr}}
.stage{position:relative;aspect-ratio:1/1;border-radius:26px;overflow:hidden;background:#fff;order:-1}
@media(min-width:640px){.stage{order:0}}
.stage img,.stage video{width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.stage img[data-fit="contain"]{object-fit:contain;padding:7%;background:#fff}
.stage .badges{position:absolute;left:14px;top:14px;display:flex;gap:6px;flex-wrap:wrap}
.stage .badges span{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:99px;background:rgba(3,8,23,.82);color:#fff;backdrop-filter:blur(8px)}
.stage .badges span:first-child{background:var(--blue)}
.stage-nav{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}
.stage-nav button{width:44px;height:44px;border-radius:50%;background:rgba(3,8,23,.8);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px);transition:background .2s}
.stage-nav button:hover{background:var(--blue)}
.stage-nav svg{width:18px;height:18px}
.stage-count{position:absolute;left:14px;bottom:14px;font-family:var(--mono);font-size:11.5px;color:#fff;background:rgba(3,8,23,.72);padding:6px 10px;border-radius:99px}
.thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}
.thumbs::-webkit-scrollbar{display:none}
@media(min-width:640px){.thumbs{flex-direction:column;overflow:visible}}
.thumb{position:relative;flex:none;width:72px;height:72px;border-radius:14px;overflow:hidden;background:#fff;opacity:.55;transition:opacity .25s,box-shadow .25s}
@media(min-width:640px){.thumb{width:88px;height:88px}}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb[aria-current="true"]{opacity:1;box-shadow:0 0 0 2px var(--night),0 0 0 4px var(--blue-hi)}
.thumb:hover{opacity:1}
@media(max-width:639px){
  .thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;overflow:visible}
  .thumb{width:auto;height:auto;aspect-ratio:1/1;border-radius:10px}
}
.thumb .vid{position:absolute;inset:0;display:grid;place-items:center;background:rgba(3,8,23,.45)}
.thumb .vid svg{width:22px;height:22px;color:#fff}

.buybox .kicker{margin-bottom:12px}
.buybox h1{font-size:clamp(2.2rem,4.8vw,3.6rem);margin-bottom:16px}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-d);background:rgba(255,255,255,.04);border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:600}
.pill svg{width:15px;height:15px;color:var(--sky)}
.buy-lede{color:var(--mute-d);margin-bottom:24px;max-width:52ch}
.feats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:30px}
@media(min-width:560px){.feats{grid-template-columns:repeat(4,1fr)}}
.feat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:14px 8px;border-radius:14px;background:var(--night-2);border:1px solid var(--line-d);font-size:12px;font-weight:600;line-height:1.25}
.feat svg{width:22px;height:22px;color:var(--sky)}

.stp{margin-bottom:24px}
.stp-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.stp-h small{font-family:var(--body);letter-spacing:0;text-transform:none;font-weight:500;color:var(--mute-d);font-size:13px}
.stp-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blue);margin-right:10px;font-size:11px;letter-spacing:0}

.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.opt{position:relative;text-align:left;padding:14px;border-radius:16px;background:var(--night-2);border:1.5px solid var(--line-d);transition:border-color .25s,background .25s,transform .3s var(--ease)}
.opt:hover{border-color:rgba(143,176,255,.45)}
.opt:active{transform:scale(.98)}
.opt[aria-checked="true"]{border-color:var(--blue-hi);background:linear-gradient(160deg,rgba(0,58,230,.34),rgba(0,58,230,.08));box-shadow:inset 0 0 0 1px var(--blue-hi)}
.opt-flag{position:absolute;top:-10px;right:12px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:var(--steel);color:var(--night)}
.opt[aria-checked="true"] .opt-flag{background:var(--blue-hi);color:#fff}
.opt-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}
.opt-q{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:30px;line-height:.85}
.opt-q small{display:block;font-family:var(--mono);font-stretch:100%;font-weight:600;font-size:10px;letter-spacing:.12em;color:var(--mute-d);margin-top:6px}
.opt-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-d);flex:none;display:grid;place-items:center}
.opt[aria-checked="true"] .opt-radio{border-color:var(--blue-hi)}
.opt[aria-checked="true"] .opt-radio::after{content:'';width:10px;height:10px;border-radius:50%;background:var(--blue-hi)}
.opt-price{font-size:20px;font-weight:800}
.opt-each{font-family:var(--mono);font-size:11px;color:var(--sky);margin-top:2px}

.buy-row{display:grid;grid-template-columns:auto 1fr;gap:10px}
.buybox .qty{height:56px;border-color:var(--line-d);margin:0}
.buybox .qty button{width:46px;font-size:20px}
.buybox .qty input{width:34px;font-size:16px;color:#fff}
.atc-price{padding-left:12px;border-left:1px solid rgba(255,255,255,.35);font-weight:700}
.buy-now{margin-top:10px}
.assure{margin-top:18px;border-radius:16px;background:var(--night-2);border:1px solid var(--line-d);display:grid}
.assure div{display:flex;gap:12px;align-items:center;padding:13px 16px;font-size:13.5px;color:var(--mute-d)}
.assure div+div{border-top:1px solid var(--line-d)}
.assure svg{width:18px;height:18px;color:var(--sky);flex:none}
.assure b{color:#fff}
@media(max-width:520px){#atc .atc-price{display:none}}

.specs{display:grid;gap:32px;align-items:center}
@media(min-width:960px){.specs{grid-template-columns:1fr 1fr;gap:72px}}
.spec-art{background:#fff;border-radius:28px;border:1px solid var(--line);padding:22px}
.spec-table{width:100%;border-collapse:collapse;font-size:15px}
.spec-table th,.spec-table td{text-align:left;padding:15px 0;border-bottom:1px solid var(--line)}
.spec-table th{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600;width:42%}
.spec-table td{font-weight:700}

.cmp-wrap{overflow-x:auto;border-radius:24px;border:1px solid var(--line-d)}
.cmp{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.cmp th,.cmp td{padding:18px 22px;text-align:center;border-bottom:1px solid var(--line-d)}
.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--mute-d)}
.cmp thead th{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.cmp .us{background:rgba(0,58,230,.14);color:#fff;font-weight:700}
.cmp thead .us{background:var(--blue)}
.cmp tr:last-child td{border-bottom:0}
.cmp svg{width:22px;height:22px;display:inline-block;vertical-align:middle}
.cmp .y{color:var(--sky)}.cmp .x{color:#4B5775}
@media(max-width:640px){
  .cmp{min-width:0;table-layout:fixed;font-size:13.5px}
  .cmp th,.cmp td{padding:13px 6px}
  .cmp th:first-child,.cmp td:first-child{width:44%;padding-left:14px}
  .cmp thead th{font-size:10px;letter-spacing:.06em;line-height:1.3}
  .cmp svg{width:18px;height:18px}
}

.trust-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:12.5px;color:var(--mute-d)}
.trust-row span{display:inline-flex;align-items:center;gap:6px}
.trust-row svg{width:15px;height:15px;color:var(--sky)}
.trust-row a{color:#fff}

.reviews-empty{display:grid;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,4vw,40px)}
@media(min-width:860px){.reviews-empty{grid-template-columns:1fr auto}}
.reviews-empty h3{font-size:20px;font-weight:800;margin-bottom:6px}
.reviews-empty p{color:var(--mute)}
.stars-empty{display:flex;gap:4px;margin-bottom:12px;color:var(--steel)}
.stars-empty svg{width:22px;height:22px}

.sticky-buy{position:fixed;left:8px;right:8px;bottom:8px;z-index:60;background:rgba(3,8,23,.94);backdrop-filter:blur(14px);border:1px solid var(--line-d);border-radius:18px;color:#fff;padding:10px 10px 10px 12px;display:flex;align-items:center;gap:12px;transform:translateY(130%);transition:transform .45s var(--ease)}
.sticky-buy.show{transform:none}
.sticky-buy img{width:46px;height:46px;border-radius:10px;object-fit:cover}
.sticky-buy .meta{flex:1;min-width:0;line-height:1.25}
.sticky-buy .meta b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy .meta span{font-size:12.5px;color:var(--mute-d)}
.sticky-buy .btn{min-height:46px;padding:10px 20px}
@media(min-width:980px){.sticky-buy{left:auto;right:24px;bottom:24px;width:440px}}

.next-form{display:flex;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px;background:#fff;width:100%;max-width:420px}
.next-form input{flex:1;min-width:0;border:0;background:none;font:inherit;padding:0 16px}
.next-form input:focus{outline:none}
.next-form:focus-within{border-color:var(--blue)}

.rv-form{grid-column:1/-1;display:grid;gap:14px;border-top:1px solid var(--line);padding-top:22px}
.rv-form[hidden],#rvOpen[hidden],.rv-sum[hidden],.rv-list[hidden],.stars-empty[hidden]{display:none}
.rv-row{display:grid;gap:14px}
@media(min-width:640px){.rv-row{grid-template-columns:1fr 1fr}}
.rv-form .field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.rv-form .field label small{font-weight:500;color:var(--mute)}
.rv-form .field input,.rv-form .field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;min-height:50px}
.rv-form .field textarea{min-height:130px;resize:vertical}
.rv-form .field input:focus,.rv-form .field textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(0,58,230,.12)}
.rv-form .btn{justify-self:start}
.rv-note{font-size:13.5px;color:var(--mute)}
.rv-stars{border:0;padding:0;margin:0}
.rv-stars legend{font-size:13px;font-weight:700;margin-bottom:6px;padding:0}
.rv-pick{display:inline-flex;flex-direction:row-reverse;gap:4px}
.rv-pick input{position:absolute;opacity:0;width:1px;height:1px}
.rv-pick label{cursor:pointer;color:var(--steel);display:block;line-height:0}
.rv-pick svg{width:32px;height:32px;transition:color .15s}
.rv-pick label:hover,.rv-pick label:hover~label,.rv-pick input:checked~label{color:#f5a623}
.rv-pick input:focus-visible+label{outline:2px solid var(--blue);outline-offset:2px;border-radius:6px}
.rv-sum{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-weight:700}
.rv-sum b{font-size:28px}
.rv-starline{display:inline-flex;gap:2px;color:#f5a623}
.rv-starline svg{width:18px;height:18px}
.rv-starline .off{color:var(--steel)}
.rv-list{display:grid;gap:14px;margin-bottom:18px}
@media(min-width:860px){.rv-list{grid-template-columns:repeat(2,1fr)}}
.rv-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.rv-item p{margin:10px 0 12px;white-space:pre-line}
.rv-item footer{font-size:13px;color:var(--mute)}
.rv-item footer b{color:var(--ink)}

.why-slot{max-width:46ch;margin-top:26px;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.6}
.why-slot p{margin:0 0 14px}
.why-slot-kick{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;
  letter-spacing:-.01em;line-height:1;font-size:clamp(1.7rem,4vw,2.6rem);color:var(--blue);margin:22px 0 0}

.rv-photos-h{display:block;font-size:13px;font-weight:700;margin-bottom:8px}
.rv-photos-h small{font-weight:500;color:var(--mute)}
.rv-pick-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rv-form .field .rv-add{display:inline-flex;margin:0;align-items:center;gap:10px;min-height:50px;padding:0 18px;border:1.5px dashed var(--steel);border-radius:12px;background:var(--paper);font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.rv-form .rv-add svg{width:22px;height:22px;color:var(--blue)}
.rv-form .rv-add:hover{border-color:var(--blue);background:#fff}
.rv-form .rv-pick-file:focus-visible+.rv-add{border-color:var(--blue);box-shadow:0 0 0 4px rgba(0,58,230,.12)}
.rv-form .rv-pick-file:disabled+.rv-add{opacity:.5;cursor:default}
.rv-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.rv-thumbs[hidden]{display:none}
.rv-thumb{position:relative;width:88px;height:88px;border-radius:12px;overflow:hidden;background:var(--paper);border:1px solid var(--line)}
.rv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rv-thumb button{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:0;background:rgba(7,16,43,.78);color:#fff;font-size:18px;line-height:28px;cursor:pointer}
.rv-thumb button:focus-visible{outline:2px solid #fff;outline-offset:1px}
.rv-photo-msg{margin:8px 0 0;font-size:13px;color:var(--mute);min-height:1em}
.rv-photo-msg.bad{color:#b42318}
.rv-pics{display:flex;gap:8px;margin:0 0 12px}
.rv-pic{width:84px;height:84px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);cursor:zoom-in}
.rv-pic img{width:100%;height:100%;object-fit:cover;display:block}
.rv-pic:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.rv-lb{border:0;padding:0;background:transparent;max-width:min(92vw,1100px);max-height:90vh}
.rv-lb::backdrop{background:rgba(7,16,43,.86)}
.rv-lb img{display:block;max-width:min(92vw,1100px);max-height:84vh;border-radius:14px}
.rv-lb p{margin:10px 2px 0;color:#fff;font-size:14px}
.rv-lb-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(7,16,43,.78);color:#fff;font-size:24px;line-height:40px;cursor:pointer}