.drop{--accent:oklch(70% .18 50);flex-direction:column;gap:20px;margin-top:40px;display:flex;container-type:inline-size}.drop-head{align-items:flex-start;gap:10px;display:flex}.drop-head>div{flex:1}.drop-kicker{color:var(--zinc-400);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.drop-kicker .dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%}.drop-name{letter-spacing:-.04em;color:var(--zinc-100);margin:4px 0 0;font-size:clamp(34px,9cqi,58px);font-weight:900;line-height:.95}.drop-tagline{color:var(--zinc-400);max-width:52ch;margin:10px 0 0;font-size:clamp(13px,2.6cqi,15px)}@supports (width:if(media(width > 100px): 1px; else: 2px)){.drop-tagline{max-width:if(media(max-width: 480px): none; else: 52ch)}}.drop-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:18px;display:grid}.gallery-wrap{timeline-scope:--gal;border:1px solid var(--line);corner-shape:superellipse(.75);background:color-mix(in oklch,var(--surface),var(--accent) 7%);border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.sparks{pointer-events:none;opacity:.5;position:absolute;inset:0}.spark{left:random(4%,90%);top:random(6%,80%);width:random(--sz,4px,11px);height:random(--sz,4px,11px);background:var(--accent);opacity:random(.15,.5);animation:spark-drift random(3s,7s) ease-in-out infinite alternate;animation-delay:random(0s,3s);border-radius:50%;position:absolute}@keyframes spark-drift{to{transform:translateY(-12px)}}.gallery{z-index:1;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;scroll-timeline:--gal x;gap:10px;display:flex;position:relative;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.shot{scroll-snap-align:center;aspect-ratio:4/3;corner-shape:superellipse(.6);border:1px solid var(--line);background:radial-gradient(120% 120% at 70% 15%,oklch(70% .19 var(--a,50)) 0%,transparent 55%), color-mix(in oklch,var(--surface-2,#141414),#000 20%);border-radius:20px;flex:0 0 82%;place-items:center;margin:0;display:grid;position:relative}.shot-art{filter:drop-shadow(0 14px 30px oklch(0% 0 0/.55));font-size:clamp(56px,16cqi,96px)}.shot figcaption{color:var(--zinc-300);font-size:11px;position:absolute;bottom:12px;left:14px}.gallery::scroll-marker-group{justify-content:center;gap:6px;padding-block-start:10px;display:flex}.shot::scroll-marker{content:"";background:var(--zinc-600);border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.shot::scroll-marker:target-current{background:var(--amber-soft);transform:scale(1.25)}.gallery::scroll-button(inline-start){content:"←"}.gallery::scroll-button(inline-end){content:"→"}.gallery::scroll-button(*){border:1px solid var(--line);background:var(--bg-2);width:32px;height:32px;color:var(--zinc-300);cursor:pointer;border-radius:50%;place-items:center;margin-inline:4px;font-size:14px}.gallery::scroll-button(*):hover{color:var(--amber-soft);border-color:#f59e0b80}.gallery::scroll-button(*):disabled{opacity:.25;cursor:default}.gallery-hint{width:22px;height:22px;color:var(--amber-soft);pointer-events:none;text-shadow:0 1px 6px oklch(0% 0 0/.8);flex:none;align-self:center;place-items:center;margin-inline-start:-26px;font-size:15px;display:grid;position:sticky;right:10px}@supports (container-type:scroll-state){.gallery{container-type:scroll-state}.gallery-hint{opacity:0;transition:opacity .25s}@container scroll-state(scrollable:inline-end){.gallery-hint{opacity:.9}}}.gallery-foot{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.gallery-progress{background:var(--line);border-radius:99px;flex:1;height:3px;display:none;overflow:hidden}@supports (animation-timeline:scroll()){.gallery-progress{display:block}.gallery-progress i{background:linear-gradient(90deg,var(--amber-600),var(--amber-soft));transform-origin:0;width:100%;height:100%;animation:linear both gal-progress --gal;display:block}}@keyframes gal-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.drop-info{flex-direction:column;gap:16px;display:flex}.price-row{align-items:baseline;gap:10px;display:flex}.price{color:var(--zinc-100);letter-spacing:-.02em;font-size:clamp(24px,5cqi,32px);font-weight:900}.old-price{color:var(--zinc-500);font-size:14px}.save-chip{background:var(--amber-ghost);color:var(--amber-soft);border:1px solid #f59e0b4d;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.mini-label{color:var(--zinc-500);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.variant-row,.bars-head{align-items:center;gap:8px;display:flex}.variant-row select{margin-left:auto}.variant-select,.variant-select::picker(variant){appearance:base-select}.variant-select{min-width:150px;color:var(--zinc-100);background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:0;font-family:inherit;font-size:13px}.variant-select button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;display:flex}.variant-select selectedcontent{flex:1}.variant-select .sel-arrow{color:var(--amber-soft);flex-shrink:0;font-size:10px;transition:transform .2s}.variant-select:open .sel-arrow{transform:rotate(180deg)}.variant-select::picker(variant){background:var(--surface-2);box-shadow:0 8px 24px var(--glass);opacity:0;transform-origin:top;transition:opacity .25s ease,transform .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete;border:1px solid #f59e0b4d;border-radius:12px;margin-top:4px;padding:6px;transform:translateY(-8px)scale(.96)}.variant-select:open::picker(variant){opacity:1;transform:translateY(0)scale(1)}@starting-style{.variant-select:open::picker(variant){opacity:0;transform:translateY(-8px)scale(.96)}}.variant-select option{cursor:pointer;transition:background .15s,opacity .3s,transform .35s;transition-delay:calc(sibling-index() * 60ms);border-radius:8px;margin:2px 0;padding:8px 14px}.variant-select option:hover{background:var(--bg-2)}.variant-select option:checked{background:var(--amber-ghost);color:var(--amber-soft)}@starting-style{.variant-select:open option{opacity:0;transform:translate(20px)}}.bars-block{flex-direction:column;gap:8px;display:flex}.spec-bar{color:var(--zinc-300);grid-template-columns:86px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.bar{background:var(--glass,var(--zinc-800));border-radius:99px;height:6px;display:block;overflow:hidden}.bar:before{content:"";border-radius:inherit;background:linear-gradient(90deg,var(--amber-600),var(--accent,var(--amber-500)));height:100%;display:block}@supports (width:attr(x type(<percentage>))){.bar:before{width:attr(data-level type(<percentage>))}}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--bg-2);color:var(--zinc-300);opacity:1;transition:opacity .35s,transform .35s;transition-delay:calc(sibling-index() * 70ms);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;transform:translateY(0)}@starting-style{.chip{opacity:0;transform:translateY(8px)}}.specs-block{flex-direction:column;gap:8px;display:flex}.specs-block details{border:1px solid var(--line);background:var(--bg-2);interpolate-size:allow-keywords;border-radius:12px;padding:0 14px}.specs-block details::details-content{height:0;transition:height .3s ease,content-visibility .3s allow-discrete;overflow:hidden}.specs-block details[open]::details-content{height:auto}.specs-block summary{cursor:pointer;color:var(--zinc-200);justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;list-style:none;display:flex}.specs-block summary::-webkit-details-marker{display:none}.specs-block summary .chev{color:var(--amber-soft);font-size:15px;transition:transform .2s}.specs-block details[open] summary .chev{transform:rotate(180deg)}.spec-body{color:var(--zinc-400);padding-bottom:12px;font-size:12.5px;line-height:1.55}.spec-body code{color:var(--amber-soft);font-family:JetBrains Mono,monospace;font-size:11px}.note-field{flex-direction:column;gap:6px;display:flex}.note-field textarea{resize:none;width:100%;max-width:100%;color:var(--zinc-100);background:var(--bg-2);border:1px solid var(--line);field-sizing:content;border-radius:12px;min-block-size:44px;padding:10px 12px;font-family:inherit;font-size:13px}.buy-row{align-items:center;gap:8px;display:flex}.extras-row{border-top:1px dashed var(--line);align-items:center;gap:8px;padding-top:2px;display:flex}.ext-link{color:var(--amber-soft);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600;text-decoration:none}.ext-link:hover{text-decoration:underline}.btn-buy{corner-shape:superellipse(.5);background:linear-gradient(135deg,var(--amber-500),color-mix(in oklch,var(--accent,var(--amber-500)),#000 20%));color:#111;cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;padding:13px 20px;font-size:14px;font-weight:800;transition:filter .2s,transform .2s}.btn-buy:hover{filter:brightness(1.08)}.btn-buy:active{transform:scale(.98)}.drop-dialog{corner-shape:superellipse(.6);background:var(--surface);width:90vw;max-width:380px;color:var(--zinc-100);opacity:0;transition:opacity .25s ease,transform .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete;border:1px solid #f59e0b4d;border-radius:18px;margin:auto;padding:0;transform:scale(.92)}.drop-dialog[open]{opacity:1;transform:scale(1)}.drop-dialog::backdrop{background:var(--glass);backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease,overlay .25s ease allow-discrete,display .25s ease allow-discrete}.drop-dialog[open]::backdrop{opacity:1}@starting-style{.drop-dialog[open]{opacity:0;transform:scale(.92)}.drop-dialog[open]::backdrop{opacity:0}}.dd-inner{text-align:center;padding:26px}.dd-inner b{color:var(--amber-soft);margin-bottom:8px;font-size:17px;display:block}.dd-inner p{color:var(--zinc-400);margin-bottom:16px;font-size:13px}.dd-actions{justify-content:center;gap:8px;display:flex}.feat{margin-inline-start:6px;display:inline-flex}.feat-badge{background:var(--amber-ghost);block-size:18px;inline-size:18px;color:var(--amber-soft);cursor:help;border:1px solid #f59e0b59;border-radius:50%;flex:none;place-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:800;line-height:1;transition:border-color .2s,transform .2s;display:inline-grid}.feat-badge:hover,.feat:focus-within .feat-badge{border-color:#f59e0bcc;transform:scale(1.12)}.feat-tip{background:var(--surface-2);width:max-content;max-width:min(260px,78vw);color:var(--zinc-200);text-align:start;box-shadow:0 8px 24px var(--glass);opacity:0;visibility:hidden;z-index:40;pointer-events:none;border:1px solid #f59e0b4d;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.45;transition:opacity .18s,translate .18s,visibility .18s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.feat-tip code{color:var(--amber-soft);font-size:11px}.feat:hover .feat-tip,.feat:focus-within .feat-tip{opacity:1;visibility:visible;translate:-50% -3px}@supports (anchor-name:--a){.feat-tip{position-area:top;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;margin:8px;position:fixed;bottom:auto;left:auto;translate:none}}.drop:has(.variant-select option[value="150"]:checked){--accent:oklch(72% .19 150)}.drop:has(.variant-select option[value="250"]:checked){--accent:oklch(70% .16 250)}.drop:has(.variant-select option[value="300"]:checked){--accent:oklch(65% .2 300)}@container (width<=680px){.drop-grid{grid-template-columns:1fr}}