.to-top{z-index:150;background:var(--bg);width:44px;height:44px;color:var(--text);border:1px solid var(--line);cursor:pointer;opacity:0;visibility:hidden;-webkit-tap-highlight-color:transparent;border-radius:0;justify-content:center;align-items:center;padding:0;transition:opacity .25s,transform .25s,visibility .25s,border-color .2s;display:flex;position:fixed;bottom:84px;right:24px;transform:translateY(8px)}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.to-top:hover,.to-top:active,.to-top:focus-visible{border-color:var(--text);outline:none}@media (max-width:768px){.to-top{bottom:calc(144px + max(15px, env(safe-area-inset-bottom)))}}
.fx{--fx-bg:#181512;--fx-text:#efe9e0;--fx-dim:#efe9e061;--fx-muted:#efe9e08c;--fx-line:#efe9e024;--fx-pin-h:calc(100svh - var(--header-h,84px));width:100vw;height:calc(var(--fx-pin-h) + (var(--fx-n,1) - 1) * 50svh);background:var(--fx-bg);color:var(--fx-text);margin-top:2.5rem;margin-left:calc(50% - 50vw);position:relative}.fx-pin{top:var(--header-h,84px);height:var(--fx-pin-h);position:sticky;overflow:hidden}.fx-pin:before{content:"";z-index:0;pointer-events:none;background:var(--oina-grain);animation:1s step-end infinite oina-grain;position:absolute;inset:0}.fx-inner{z-index:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:3rem;max-width:88vw;height:100%;margin:0 auto;padding:clamp(.75rem,2.2vh,1.75rem) 3rem;display:grid;position:relative}.fx-side{flex-direction:column;justify-content:center;min-width:0;max-height:100%;display:flex}.fx-kicker{font-family:var(--font-label);letter-spacing:var(--tracking-label,.22em);text-transform:uppercase;color:var(--fx-muted);font-size:.625rem;font-weight:500}.fx-title{font-family:var(--font-display);letter-spacing:.005em;color:var(--fx-text);text-wrap:balance;margin:.5rem 0 clamp(.8rem,3vh,2rem);font-size:min(3.5rem,7vh);font-weight:300;line-height:1.12}.fx-list{border-top:1px solid var(--fx-line);margin:0;padding:0;list-style:none}.fx-list li{border-bottom:1px solid var(--fx-line)}.fx-name{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);color:var(--fx-dim);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:clamp(.15rem,.7vh,.7rem) 0;font-size:min(4.5rem,4.8vw,7.5vh);font-weight:300;line-height:1.1;transition:color .4s,padding-left .4s;display:block;overflow:hidden}.fx-name:hover{color:var(--fx-muted)}.fx-name.is-on{color:var(--fx-text);padding-left:.9rem}.fx-name:focus-visible{outline:1px solid var(--fx-text);outline-offset:2px}.fx-photo{aspect-ratio:3/4;cursor:pointer;background:#1e1b17;justify-self:center;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.fx-product{opacity:0;transition:opacity .7s;position:absolute;inset:0}.fx-product.is-on{opacity:1}.fx-slide{opacity:0;transition:opacity .8s;position:absolute;inset:0}.fx-slide.is-on{opacity:1}.fx-slide img,.fx-slide video{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.fx-cap{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffd1;background:#14110e4d;padding:1rem 4.25rem 1rem 1.1rem;transition:background .35s,color .35s;position:absolute;bottom:0;left:0;right:0}.fx-photo:hover .fx-cap{color:#fff;background:#14110e99}.fx-cap-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:1.4rem;font-weight:400;line-height:1.2;overflow:hidden}.fx-cap-price{letter-spacing:.4px;font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:.8125rem;font-weight:300}.fx-cap-price s{opacity:.6;margin-left:.5rem}.fx-icons{z-index:3;flex-direction:column;gap:.15rem;display:flex;position:absolute;bottom:.55rem;right:.55rem}.fx-icon{cursor:pointer;color:#ffffffc7;background:0 0;border:0;padding:6px;line-height:0;transition:color .25s,transform .2s;display:inline-flex}.fx-icon svg{width:20px;height:20px}.fx-icon:hover{color:#fff;transform:scale(1.08)}.fx-icon.is-on path{fill:currentColor}.fx-icon:disabled{opacity:.3;cursor:not-allowed;transform:none}.fx-quick{z-index:4;color:#241e19;cursor:default;background:#f7f4ef;padding:.8rem;position:absolute;bottom:5.4rem;left:.6rem;right:.6rem}.fx-quick-label{font-family:var(--font-label);letter-spacing:.22em;text-transform:uppercase;color:#7a6e62;margin-bottom:.55rem;font-size:.5625rem;font-weight:500}.fx-quick-row{flex-wrap:wrap;gap:.4rem;display:flex}.fx-quick .pc-size{color:#241e19;border-color:#ded4c6}.fx-quick .pc-size:hover{border-color:#241e19}@media (max-width:1100px){.fx-inner{gap:2.5rem;padding-inline:2rem}.fx-title{font-size:min(2.875rem,7vh)}}.fx-count{display:none}@media (max-width:900px){.fx{--fx-pin-h:calc(100svh - var(--header-h,64px) - 74px - env(safe-area-inset-bottom))}.fx-inner{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.8rem;max-width:none;padding:1rem 1rem .9rem}.fx-side{display:contents}.fx-head{order:1;grid-template-columns:1fr auto;align-items:end;gap:0 1rem;display:grid}.fx-kicker{grid-column:1}.fx-title{white-space:nowrap;grid-column:1;margin:.25rem 0 0;font-size:min(2rem,7vw)}.fx-count{font-family:var(--font-label);letter-spacing:.2em;font-variant-numeric:tabular-nums;color:var(--fx-muted);grid-area:1/2/span 2;padding-bottom:.35rem;font-size:.6875rem;font-weight:500;display:block}.fx-photo{aspect-ratio:auto;order:2;justify-self:stretch;width:100%;max-width:none;height:100%}.fx-list{scrollbar-width:none;border-top:0;order:3;gap:1.4rem;padding:.1rem 4.5rem .2rem 0;scroll-padding-inline:1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 1.25rem calc(100% - 3rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 1.25rem calc(100% - 3rem),#0000 100%)}.fx-list::-webkit-scrollbar{display:none}.fx-list li{border-bottom:0;flex:none}.fx-name{padding:.15rem 0;font-size:1.3rem}.fx-name.is-on{padding-left:0}.fx-cap{padding:.75rem 4rem .8rem .9rem}.fx-cap-name{font-size:1.2rem}.fx-icons{bottom:4.6rem;right:.35rem}.fx-icon{filter:drop-shadow(0 1px 3px #00000059)}.fx-quick{bottom:4.6rem;left:.6rem;right:3.4rem}}@media (max-width:640px){.fx-photo{width:calc(100% + 2rem);margin-inline:-1rem}}@media (min-width:641px) and (max-width:900px){.fx{--fx-pin-h:calc(100svh - var(--header-h,64px))}.fx-inner{gap:1.1rem;padding:1.5rem 1.5rem 1.25rem}.fx-kicker{font-size:.6875rem}.fx-title{font-size:2.75rem}.fx-count{font-size:.75rem}.fx-list{gap:2rem}.fx-name{font-size:1.75rem}.fx-cap{padding:1rem 4.5rem 1.1rem 1.2rem}.fx-cap-name{font-size:1.6rem}.fx-cap-price{font-size:.9375rem}.fx-icon svg{width:24px;height:24px}.fx-icons,.fx-quick{bottom:5.5rem}}@media (max-width:900px) and (max-height:600px){.fx-inner{gap:.5rem;padding-top:.6rem;padding-bottom:.5rem}.fx-kicker{display:none}.fx-title{font-size:1.5rem}.fx-name{font-size:1.15rem}.fx-cap{padding:.5rem 4rem .55rem .8rem}.fx-cap-name{font-size:1.05rem}.fx-icons{top:.4rem;bottom:auto}.fx-quick{top:3.2rem;bottom:auto}}@media (prefers-reduced-motion:reduce){.fx-product,.fx-slide,.fx-name,.fx-cap{transition:none}.fx-pin:before{animation:none}}
