@layer components{.pdp{display:grid;gap:1.75rem;padding-block:0 3rem;padding-bottom:calc(var(--dock-space) + 1rem)}.pdp-panel{display:grid;gap:2rem;align-content:start}.g-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter))}.g-slide{scroll-snap-align:start}.g-zoom{display:block;width:100%;aspect-ratio:var(--ratio-product);background:var(--color-paper);cursor:zoom-in}.g-zoom img,.g-empty :global(img),.g-empty :global(svg){width:100%;height:100%;object-fit:cover}.g-empty{aspect-ratio:var(--ratio-product);margin-inline:calc(-1 * var(--gutter));background:var(--color-paper)}.gallery:not([hidden]){animation:g-in var(--dur-short) var(--ease-out)}@keyframes g-in{0%{opacity:0}}.g-dots{display:flex;justify-content:center;gap:.375rem;margin-top:.75rem}.g-dot{width:.375rem;height:.375rem;border-radius:var(--radius-pill);background:var(--color-line-strong);transition:background-color var(--dur-micro) var(--ease-out)}.g-dot.is-on{background:var(--color-navy)}.zoom{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--color-bg)}.zoom[open]{display:grid;place-items:center}.zoom img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}.zoom-close{position:fixed;top:1rem;right:1rem;display:grid;place-items:center;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-pill);background:var(--color-glass)}.buy{display:grid;gap:1.5rem}.color-link{display:block;width:2rem;height:2rem;border-radius:var(--radius-pill);border:2px solid var(--color-line);background:var(--dot)}.color-link[aria-current=true]{border-color:var(--color-navy);box-shadow:inset 0 0 0 3px var(--color-bg)}.color-link:focus-visible{outline:var(--focus-ring-w) solid var(--color-navy);outline-offset:var(--focus-ring-offset)}.size-msg:empty{display:none}.shake{animation:shake var(--dur-short) var(--ease-out)}@keyframes shake{25%{transform:translate(calc(-1 * var(--shift-xs)))}75%{transform:translate(var(--shift-xs))}}.buy-actions{display:grid;gap:.75rem}.out-msg{display:none}[data-buy][data-out] .out-msg{display:block}[data-buy][data-out] .add-btn{display:none}.acc-list{border-top:1px solid var(--color-line)}.acc{border-bottom:1px solid var(--color-line)}.acc summary{display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-min);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:600;cursor:pointer;list-style:none}.acc summary:after{content:"+";font-weight:400}.acc[open] summary:after{content:"−"}.acc>:not(summary){padding-bottom:1rem}.acc-dl{display:grid;grid-template-columns:auto 1fr;gap:.375rem 1.5rem}.acc-dl dt{color:var(--color-fg-2)}.buy-bar{position:fixed;left:var(--dock-offset);right:var(--dock-offset);bottom:calc(var(--dock-offset) + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .5rem .5rem 1.25rem;border-radius:var(--radius-pill);background:var(--color-glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);box-shadow:var(--shadow-float)}.buy-bar[data-out]{display:none}@media(min-width:64rem){.pdp{grid-template-columns:7fr 5fr;gap:4rem;padding-top:2rem;padding-bottom:5rem}.g-track{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;overflow:visible;margin-inline:0}.g-zoom{border-radius:var(--radius-lg);overflow:hidden}.g-slide:first-child{grid-column:1 / -1}.g-empty{margin-inline:0;border-radius:var(--radius-lg);overflow:hidden}.g-dots{display:none}.pdp-panel{position:sticky;top:calc(var(--header-h) + 1.5rem);align-self:start}}@media(prefers-reduced-motion:reduce){.shake,.gallery:not([hidden]){animation:none}}}