.product{display:grid;grid-template-columns:min(760px,calc(76px + (100vh - 120px)*.75)) clamp(380px,34%,500px);justify-content:center;gap:var(--sp-8);align-items:start;padding-top:var(--sp-7);padding-bottom:var(--sp-11)}.product-media,.product-info{min-width:0}.product-media{position:sticky;top:calc(var(--header-h) + var(--sp-5));display:flex;flex-direction:column;gap:var(--sp-3);width:100%}@media(min-width:901px){.product-media{flex-direction:row;align-items:flex-start}.product-media .gallery-stage{flex:1;min-width:0}.gallery-thumbs{order:-1;flex:none;flex-direction:column;width:64px;overflow-x:hidden;overflow-y:auto;align-self:flex-start;max-height:100%}.gallery-thumbs .gallery-thumb{width:64px;height:85px}}.product-media .gallery-stage{position:relative;overflow:hidden;background:var(--surface-1);border:1px solid var(--line);aspect-ratio:3/4;width:100%}.product-media .gallery-stage img,.product-media .gallery-stage picture{width:100%;height:100%;display:block}.product-media .gallery-stage img{object-fit:contain}.product-media .ph{width:100%;height:100%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--sp-3)}.product-media .ph-logo{width:34%;width:round(34%,1px);opacity:.28}.product-media .ph em{font-style:normal;font-size:var(--text-xs);letter-spacing:.14em;color:var(--fg-subtle);text-transform:uppercase}.gallery-thumbs{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.gallery-thumb{width:60px;height:80px;flex-shrink:0;padding:0;cursor:pointer;border:1px solid var(--line);overflow:hidden;background:var(--surface-1);opacity:.5;transition:opacity var(--dur) var(--ease),border-color var(--dur) var(--ease)}.gallery-thumb picture,.gallery-thumb img{display:block;width:100%;height:100%}.gallery-thumb img{object-fit:cover}.gallery-thumb:hover{opacity:.85}.gallery-thumb.active{border-color:var(--fg);opacity:1}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;z-index:3;padding:0;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:var(--fg);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.gallery-nav svg{width:20px;height:20px}.gallery-stage:hover .gallery-nav,.gallery-nav:focus-visible{opacity:1}@media(hover:none){.gallery-nav{opacity:1}}.gallery-nav:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.gallery-nav:active{transform:translateY(-50%) scale(.94)}.gallery-nav.prev{left:var(--sp-4)}.gallery-nav.next{right:var(--sp-4)}.gallery-counter{position:absolute;top:var(--sp-4);right:var(--sp-4);z-index:3;background:#0000008c;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);color:var(--fg-muted);font-size:var(--text-2xs);letter-spacing:.1em;padding:5px var(--sp-3);font-variant-numeric:tabular-nums}.gallery-zoom{position:absolute;right:var(--sp-4);bottom:var(--sp-4);z-index:3;width:44px;height:44px;padding:0;background:#0000008c;border:1px solid rgba(255,255,255,.18);color:var(--fg);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.gallery-zoom svg{width:20px;height:20px}.gallery-stage:hover .gallery-zoom,.gallery-zoom:focus-visible{opacity:1}@media(hover:none){.gallery-zoom{opacity:1}}.gallery-zoom:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.gallery-zoom:active{transform:scale(.94)}.gallery-stage.is-zoomable img{cursor:zoom-in}.zoom{position:fixed;inset:0;z-index:200;background:var(--bg);opacity:var(--zoom-fade,1);display:block}.zoom[hidden]{display:none}.zoom:focus{outline:none}html.zoom-open{overflow:hidden}.zoom-canvas{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none;transform-origin:50% 50%;will-change:transform;cursor:zoom-in}.zoom.is-zoomed .zoom-canvas{cursor:grab}.zoom.is-zoomed .zoom-canvas:active{cursor:grabbing}.zoom-canvas picture{display:block;max-width:100%;max-height:100%}.zoom-canvas img{display:block;max-width:100vw;max-height:100dvh;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}.zoom-btn{position:absolute;z-index:2;padding:0;width:48px;height:48px;background:#0000009e;border:1px solid rgba(255,255,255,.28);color:var(--fg);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.zoom-btn svg{width:22px;height:22px}.zoom-btn:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.zoom-close{top:var(--sp-4);right:var(--sp-4)}.zoom-nav{top:50%;transform:translateY(-50%)}.zoom-nav.prev{left:var(--sp-4)}.zoom-nav.next{right:var(--sp-4)}.zoom-nav:active{transform:translateY(-50%) scale(.94)}.zoom-counter{position:absolute;top:var(--sp-4);left:var(--sp-4);z-index:2;background:#0000009e;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);color:var(--fg);font-size:var(--text-2xs);letter-spacing:.1em;padding:5px var(--sp-3);font-variant-numeric:tabular-nums}.zoom-hint{position:absolute;left:0;right:0;bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));margin:0;padding-inline:var(--gutter);text-align:center;text-wrap:balance;font-size:var(--text-2xs);letter-spacing:.06em;color:var(--fg-subtle);pointer-events:none;transition:opacity var(--dur) var(--ease)}.zoom.is-zoomed .zoom-hint{opacity:0}@media(hover:hover){.zoom-hint{display:none}}@media(max-width:700px){.zoom-nav{display:none}.zoom-btn{width:44px;height:44px}.zoom-close{top:calc(var(--sp-3) + env(safe-area-inset-top));right:var(--sp-3)}.zoom-counter{top:calc(var(--sp-3) + env(safe-area-inset-top));left:var(--sp-3)}}.product-info .cat{font-size:var(--text-2xs);letter-spacing:.14em;color:var(--fg-subtle);text-transform:uppercase}.product-info h1{font-size:clamp(21px,2.3vw,27px);font-weight:400;text-transform:none;letter-spacing:.005em;line-height:1.3;margin:var(--sp-3) 0 var(--sp-2)}.product-info .sku{font-size:var(--text-xs);color:var(--fg-subtle);letter-spacing:.06em;margin-bottom:var(--sp-7)}.product-info .price{font-size:clamp(21px,2.2vw,25px);font-weight:500;margin-bottom:var(--sp-5);font-variant-numeric:tabular-nums}.product-info .price .old{color:var(--fg-subtle);font-size:var(--text-sm);margin-left:var(--sp-2);text-decoration:line-through}.product-info .price .sale-tag{display:inline-block;margin-left:var(--sp-3);vertical-align:middle;background:var(--sale);color:var(--bg);font-size:var(--text-2xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px var(--sp-2)}.product-info .desc{color:var(--fg-muted);font-size:var(--text-base);line-height:1.75;margin-bottom:var(--sp-2)}@media(max-width:900px){.product-info .desc.clamped{display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}}.desc-toggle{min-height:44px;display:inline-flex;align-items:center;padding:0;margin:0 0 var(--sp-3);color:var(--fg);font-size:var(--text-xs);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);transition:text-decoration-color var(--dur) var(--ease)}.desc-toggle:hover{text-decoration-color:var(--fg)}.m-sep{height:1px;background:var(--line);margin:var(--sp-5) 0}.product-info .field{margin-bottom:var(--sp-5)}.oos-note{border:1px solid var(--line);background:var(--surface-2);padding:var(--sp-4);font-size:var(--text-sm);color:var(--fg-muted);line-height:1.6}.order-done{font-size:var(--text-base);line-height:1.7}.order-done b{font-weight:500}.related{border-top:1px solid var(--line);padding:var(--sp-10) 0 var(--sp-11)}.related h2{margin-bottom:var(--sp-8)}@media(max-width:1000px){.product{grid-template-columns:minmax(0,1fr);gap:var(--sp-7)}.product-media{position:static}.product-media .gallery-stage{height:auto;aspect-ratio:3/4}}@media(max-width:560px){.gallery-thumb{width:52px;height:70px}}.specs{display:grid;gap:var(--sp-3);margin:var(--sp-6) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--line)}.spec{display:grid;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:var(--sp-4);align-items:baseline}.spec dt{font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-subtle)}.spec dd{font-size:var(--text-sm);color:var(--fg-muted);margin:0}.spec dd a{color:var(--fg-muted);text-decoration:underline;text-underline-offset:3px}.spec dd a:hover{color:var(--fg)}@media(max-width:560px){.spec{grid-template-columns:1fr;gap:2px}}.product-nav{display:flex;align-items:center;border-bottom:1px solid var(--line)}.product-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);border-bottom:1px solid var(--line)}.product-top .crumbs{flex:1;min-width:0;padding:0}.product-top .product-nav{border-bottom:0;flex:none}@media(min-width:901px){.product-top{gap:var(--sp-6)}.product-top .crumbs{padding:var(--sp-4) 0}}.product-nav-back{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:48px;padding:0 var(--sp-2) 0 0;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;transition:color var(--dur) var(--ease)}.product-nav-back:hover{color:var(--fg)}.product-nav-back svg{width:15px;height:15px;flex:none}.buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--gutter);background:var(--surface-1);border-top:1px solid var(--line);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom,0px));transform:translateY(0);transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.buy-bar[data-tucked]{transform:translateY(100%);opacity:0;pointer-events:none}.buy-bar-price{font-size:var(--text-md);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.buy-bar-btn{flex:1;min-width:0;min-height:48px;padding-inline:var(--sp-4)}@media(min-width:1001px){.buy-bar{display:none}}.product-actions{display:block;margin:var(--sp-5) 0 var(--sp-8)}.cta-row{display:flex;flex-direction:column;gap:var(--sp-3)}.product-cta{display:flex;min-height:52px;text-align:center}.cta-second{background:transparent;color:var(--fg);border:1px solid var(--line-strong)}.cta-second:hover{border-color:var(--fg)}.fit-now{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--line)}.fit-now[hidden]{display:none}.fit-now-head{font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--sp-3)}.fit-now-slots{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.fit-slot{flex:1 1 0;min-width:104px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--sp-2) var(--sp-3);background:transparent;border:1px solid var(--line-strong);color:var(--fg);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.fit-slot-day{font-size:var(--text-sm);letter-spacing:.02em}.fit-slot-time{font-size:var(--text-2xs);color:var(--fg-subtle);font-variant-numeric:tabular-nums}.fit-slot:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.fit-slot:hover .fit-slot-time{color:var(--bg)}.fit-slot:active{transform:scale(.98)}.fit-slot-other{flex:1 1 100%;min-height:44px;border-color:var(--line);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.fit-slot-other:hover{color:var(--bg)}.fit-now-note{margin:var(--sp-3) 0 0;font-size:var(--text-2xs);color:var(--fg-subtle);line-height:1.5}@media(max-width:1000px){body:has(.buy-bar:not([hidden])) footer{padding-bottom:88px}}.specs-box{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:var(--sp-6) 0}.specs-box>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:52px;padding:var(--sp-3) 0;font-size:var(--text-sm);color:var(--fg-muted)}.specs-box>summary::-webkit-details-marker{display:none}.specs-box>summary:after{content:"";width:8px;height:8px;flex:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--dur) var(--ease)}.specs-box[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.specs-box>summary:hover{color:var(--fg)}.specs-box .specs{margin:0 0 var(--sp-5)}.sheet-head,#mOrderForm{display:none}body.sheet-open #mOrderForm{display:block;position:fixed;z-index:70;background:var(--surface-1);border:1px solid var(--line);overflow:auto;-webkit-overflow-scrolling:touch;animation:sheet-in .28s var(--ease)}body.sheet-open .sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);position:sticky;top:0;z-index:1;padding:var(--sp-4) 0 var(--sp-3);margin-bottom:var(--sp-4);background:var(--surface-1);border-bottom:1px solid var(--line)}.sheet-head b{font-weight:500;font-size:var(--text-md)}.sheet-close{width:44px;height:44px;margin-right:-8px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;color:var(--fg);cursor:pointer}.sheet-close svg{width:18px;height:18px}.sheet-backdrop{position:fixed;inset:0;z-index:69;background:#0000009e}.sheet-backdrop[hidden]{display:none}body.sheet-open{overflow:hidden}.m-sep{display:none}@media(min-width:901px){body.sheet-open #mOrderForm{top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 2 * var(--gutter)));max-height:min(86vh,860px);padding:0 var(--sp-7) var(--sp-7);box-shadow:0 32px 80px #000000b3}body.sheet-open .sheet-head{padding-top:var(--sp-6)}}@media(max-width:900px){body.sheet-open #mOrderForm{left:0;right:0;bottom:0;max-height:min(88vh,88svh);border:0;border-top:1px solid var(--line);border-radius:14px 14px 0 0;padding:0 var(--gutter) calc(var(--sp-6) + env(safe-area-inset-bottom,0px));box-shadow:0 -24px 64px #000000a6}body.sheet-open .buy-bar{display:none}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){body.sheet-open #mOrderForm{animation:none}}.avail{font-size:var(--text-xs);letter-spacing:.04em;line-height:1.5;margin-top:var(--sp-2)}.avail-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:var(--sp-2);vertical-align:middle;position:relative;top:-1px}.avail.in{color:var(--fg-muted)}.avail.in .avail-dot{background:var(--fg)}.avail.out{color:var(--fg-subtle)}.avail.out .avail-dot{background:var(--line-loud)}.size-field{margin-top:var(--sp-5)}.size-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}.size-head label{margin:0}.size-guide{font-size:var(--text-xs);color:var(--fg-muted);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.size-guide:hover{color:var(--fg)}.product-notes{list-style:none;margin:var(--sp-6) 0 0;padding:var(--sp-5) 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--sp-3)}.product-notes li{font-size:var(--text-xs);line-height:1.6;color:var(--fg-muted)}.product-notes b{color:var(--fg);font-weight:500}.product-notes a{text-decoration:underline;text-underline-offset:3px}.order-mode-note{margin-top:var(--sp-3)}@media(max-width:900px){.specs dd a{display:inline-block;padding:9px 0}.themes-row{line-height:2.3}.themes-row a{display:inline-block;padding:6px 0}.product-notes a{display:inline-block;padding:10px 0}.consent-row input[type=checkbox],#mConsent{width:22px;height:22px}label:has(#mConsent){padding:8px 0}}.sheet-only{display:none}body.sheet-open .sheet-only{display:inline-flex;margin-top:var(--sp-4);width:100%;justify-content:center}
