.pdp{display:grid;grid-template-columns:670px minmax(0,1fr);align-items:start}
.gal{position:relative}
.gal img{display:block;width:100%;aspect-ratio:670/802;object-fit:cover;background:var(--tile)}
.gw{position:relative}
.rl{position:absolute;top:0;bottom:0;right:32px;z-index:2;pointer-events:none}
.pgr{position:sticky;top:calc(50vh - 80px);display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pgr i{display:block;width:1px;height:24px;background:#9a9a9a}
.pgr i.on{width:2px;height:32px;background:#000}
.rc{position:sticky;top:0;padding:0 0 60px 110px}
.bc{font-size:12px;line-height:14.4px;text-transform:uppercase;padding-top:0}
.bc i{font-style:normal;margin:0 6px;color:#999}
.thumb{display:flex;justify-content:center;padding-right:110px;margin:18px 0 22px}
.thumb img{height:250px;width:auto}
.pi{width:305px;display:grid}
.tt{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.tt h1{margin:0;font-size:16px;line-height:19px;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink)}
.tt .bm{width:11px;height:13px;margin-top:3px}
.pr{font-size:14px;line-height:19.6px;margin-top:10px}
.ds{font-size:14px;line-height:17px;margin:14px 0 0;font-weight:300}
.dt{margin-top:26px;display:flex;align-items:center;gap:8px;font-size:10px}
.dt::before{content:"";border:3.5px solid transparent;border-left:4px solid #000}
.hr{height:1px;background:#000;margin-top:26px}
.row{display:flex;align-items:center;justify-content:space-between;padding:20px 0 12px;border-bottom:1px solid #000}
.row.c{border:0;padding-top:14px}
.row .lb{font-size:10px;color:#000}
.vs{display:flex;gap:0;justify-content:space-between;width:224px}
.vs button{font-size:10px;font-weight:500;color:#000;padding:0 0 1px}
.vs button[aria-pressed=true]{text-decoration:underline;text-underline-offset:2px}
.vs button.off{color:#bbb;text-decoration:line-through}
.sws{display:flex;gap:6px}
.sws button{width:22px;height:22px;padding:2px;border:1px solid transparent}
.sws button span{display:block;width:100%;height:100%}
.sws button[aria-pressed=true]{border-color:#000}
.bt{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;height:52px}
.bt button{font-size:10px}
.bt .a{background:#000;color:#fff}
.bt .b{border:1px solid #000;color:#000}
.yl{padding:80px 40px 30px}
.yl strong{font-size:14px;line-height:19.6px;font-weight:700;text-transform:uppercase;color:var(--ink)}
.mb{display:none}
@media (max-width:900px){
  .pdp{grid-template-columns:minmax(0,1fr)}
  .mb{display:block}
  .dk{display:none}
  .bc{font-size:10px;line-height:12px;padding:16px 16px 8px}
  .gw{position:relative}
  .gal{display:flex;flex-direction:column;height:calc(100vw * 488 / 390);overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}
  .gal::-webkit-scrollbar{display:none}
  .gal img{flex:0 0 100%;height:100%;aspect-ratio:auto;scroll-snap-align:start;scroll-snap-stop:always}
  .rl{right:32px}
  .pgr{position:absolute;top:50%;right:0;transform:translateY(-50%)}
  .rc{position:static;padding:36px 16px 0}
  .pi{width:auto}
  .tg{font-size:10px;letter-spacing:-.3px;color:var(--mute);text-transform:uppercase;margin-bottom:20px}
  .pr{font-weight:500;margin-top:4px}
  .ds{font-size:14.5px;line-height:17px;margin-top:18px;letter-spacing:-.025em}
  .dt{text-transform:uppercase;margin-top:24px}
  .hr{margin-top:24px}
  .row{flex-direction:column;align-items:stretch;gap:18px;padding:30px 0 22px}
  .row.c{flex-direction:row;align-items:center;padding:22px 0 0}
  .row .lb{text-transform:uppercase}
  .vs{width:100%}
  .vs button{font-size:14px;line-height:17px;font-weight:400}
  .bt{height:60px;margin-top:18px}
  .bt button{text-transform:uppercase}
  .yl{padding:48px 16px 24px}
  .yl strong{font-size:12px;line-height:17px}
}