.layout{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,34px);align-items:start}.layout>*{min-width:0}@media(min-width:980px){.layout{grid-template-columns:1.05fr .95fr}.gallery-col{position:sticky;top:88px}.buybar{display:none!important}select.opt-select,input.fld,textarea.fld{font-size:.95rem}}.gallery{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.gallery .main{aspect-ratio:1 / 1;width:100%;background:var(--surface-2);position:relative}.slides{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none}.slides::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:reduce){.slides{scroll-behavior:auto}}.slides>img{flex:0 0 100%;scroll-snap-align:center}.gallery .main img{width:100%;height:100%;object-fit:cover;display:block}.gallery .empty{width:100%;height:100%;display:grid;place-items:center;color:var(--soft)}.gallery .empty svg{width:86px;height:86px}.gallery-title{position:absolute;inset-inline:0;bottom:0;pointer-events:none;padding:46px 18px 15px;background:linear-gradient(to top,#000000bd,#0000006b 48%,#0000)}.gallery.title-band .gallery-title{position:static;padding:15px 18px 13px;background:none;border-bottom:1px solid var(--line)}.gallery.title-band h1{color:var(--text);text-shadow:none}.thumbs{display:flex;gap:10px;padding:12px;overflow-x:auto;scrollbar-width:thin}.thumbs button{flex:0 0 auto;width:64px;height:64px;border-radius:12px;overflow:hidden;border:2px solid transparent;background:var(--surface-2);padding:0}.thumbs button img{width:100%;height:100%;object-fit:cover}.thumbs button.active{border-color:var(--brand)}.badges{display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;margin-top:18px}.badge{display:inline-flex;align-items:center;font-size:.82rem;color:var(--muted);background:none;border:0;border-radius:0;padding:0;box-shadow:none}.badge svg{width:14px;height:14px;flex:0 0 auto;margin-inline-end:6px;opacity:.8}.badge:not(:last-child):after{content:"·";margin:0 10px;opacity:.55}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,30px);--opt-w: 320px}h1{margin:0;color:#fff;font-size:clamp(1.45rem,4.2vw,2rem);line-height:1.12;font-weight:700;font-variation-settings:"wdth" 112;letter-spacing:-.025em;text-shadow:0 1px 3px rgba(0,0,0,.4)}[dir=rtl] h1{font-variation-settings:"wdth" 100;letter-spacing:0}.rating{display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:var(--star)}.rating .count{color:var(--muted);font-size:.82rem}.stars{position:relative;display:inline-block;color:var(--line);white-space:nowrap;font-size:1.05rem;letter-spacing:2px;line-height:1.15}.stars-on{position:absolute;inset-inline-start:0;top:0;overflow:hidden;color:var(--star);white-space:nowrap}.line-price .price-old-line{font-size:.78rem;font-weight:500;color:var(--muted);text-decoration:line-through;margin-inline-end:6px}.stock-pill{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:500;padding:0;color:var(--muted)}.stock-pill.in .dot{background:var(--brand)}.stock-pill.low{color:var(--warn);font-weight:600}.stock-pill.out{color:var(--danger);font-weight:600}.stock-pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.deal-teaser{display:inline-flex;align-items:center;gap:6px;margin-inline-start:8px;font-size:.78rem;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:999px;padding:4px 11px}.deal-teaser[hidden]{display:none}.deal-teaser .deal-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.vp-summary{margin-top:10px;font-size:.86rem;font-weight:600;color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:10px;padding:7px 12px}.opt-swatch{display:inline-block;width:.85em;height:.85em;border-radius:50%;margin-inline-end:.3em;vertical-align:-1px;border:1px solid rgba(128,128,128,.55);box-shadow:0 0 0 1px #0000000f}hr.sep{border:0;border-top:1px solid var(--line);margin:22px 0}.opt{margin-bottom:18px}.opt-name{font-size:.92rem;font-weight:700;margin-bottom:10px}.opt-name .unit,.opt-name .pick{color:var(--muted);font-weight:500}.swatches{display:flex;flex-wrap:wrap;gap:11px}.swatch{width:44px;height:44px;border-radius:50%;border:2px solid var(--line);background:var(--c);position:relative;display:grid;place-items:center;transition:transform .12s,box-shadow .14s,opacity .12s;box-shadow:var(--shadow-sm)}.swatch:hover:not(.disabled){transform:scale(1.08)}.swatch.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--text)}.swatch svg{width:18px;height:18px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));opacity:0}.swatch.active svg{opacity:1}.swatch.disabled{opacity:.25;cursor:not-allowed}.pills{display:flex;flex-wrap:wrap;gap:12px 9px;padding-top:3px}.pill{padding:9px 17px;border-radius:12px;font-size:.9rem;font-weight:600;position:relative;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1.5px solid var(--line);color:var(--text);transition:border-color .12s,background .12s,color .12s}.pill:hover:not(.disabled){border-color:var(--soft)}.pill.active{background:color-mix(in srgb,var(--brand) 14%,transparent);border-color:var(--brand);color:var(--brand)}.pill.disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.pill-x{display:none;position:absolute;top:-7px;inset-inline-end:-7px;width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;line-height:1;background:var(--surface);border:1.5px solid var(--brand);color:var(--brand)}.pill.active .pill-x{display:inline-flex}select.opt-select,input.fld,textarea.fld{width:100%;padding:12px 13px;border-radius:var(--radius-sm);font-size:16px;border:1.5px solid var(--line);background:var(--surface-2);color:var(--text);transition:border-color .12s,box-shadow .12s}select.opt-select:focus,input.fld:focus,textarea.fld:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 18%,transparent)}select.opt-select{max-width:var(--opt-w)}input.fld-locked{cursor:not-allowed;opacity:.72}input.fld.fld-invalid,select.fld.fld-invalid,textarea.fld.fld-invalid{border-color:var(--danger)}input.fld.fld-invalid:focus,select.fld.fld-invalid:focus,textarea.fld.fld-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}.fld-err{color:var(--danger);font-size:.8rem;font-weight:600;margin-top:6px}.qty-row{display:flex;align-items:center;gap:14px}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-2)}.qty button{width:44px;height:46px;border:0;background:transparent;color:var(--text);font-size:1.3rem}.qty button:disabled{opacity:.3}.qty input{width:46px;height:46px;text-align:center;border:0;background:transparent;color:var(--text);font-size:1.05rem;font-weight:600;-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.lines{display:flex;flex-direction:column;gap:4px}.line{padding:0}.lines .line+.line{margin-top:18px;padding-top:20px;border-top:1px solid var(--line)}.line-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.line-title{font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.line-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted)}.line-remove:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.line-remove svg{width:15px;height:15px}.line .qty-opt{margin-bottom:0}.line .qty-row{flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:var(--opt-w)}.line .qty{order:1}.line-price{order:2;margin-inline-start:auto;font-weight:700;font-size:1.1rem;white-space:nowrap}.line-stock{order:3;flex-basis:100%;margin-inline-start:0}.add-line{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 15px;border-radius:12px;border:1.5px dashed var(--line);background:transparent;color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer}.add-line:hover{border-color:var(--soft);background:var(--surface-2)}.add-line svg{width:16px;height:16px}.desc{color:var(--text);font-size:.94rem;line-height:1.7}.desc :where(h1,h2,h3){font-size:1.05rem;margin:1em 0 .4em}.desc,h1,.opt-name{overflow-wrap:anywhere}.desc :where(table,pre){display:block;max-width:100%;overflow-x:auto}.desc :where(img,video,iframe,embed){max-width:100%;height:auto}.desc img{border-radius:10px;margin:10px 0}.desc p{margin:.5em 0}.desc .ql-align-center{text-align:center}.desc .ql-align-right{text-align:end}.desc .ql-align-justify{text-align:justify}.desc .ql-size-small{font-size:.75em}.desc .ql-size-large{font-size:1.5em}.desc .ql-size-huge{font-size:2.5em}.desc .ql-indent-1{padding-inline-start:3em}.desc .ql-indent-2{padding-inline-start:6em}.desc .ql-indent-3{padding-inline-start:9em}.desc .ql-indent-4{padding-inline-start:12em}.desc .ql-font-serif{font-family:Georgia,Times New Roman,serif}.desc .ql-font-monospace{font-family:Monaco,Courier New,monospace}.fld-label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin:14px 0 6px}.fld-label.req:after{content:" *";color:var(--danger)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-panel{margin:22px calc(clamp(20px,3vw,30px)*-1) 20px;padding:0 clamp(20px,3vw,30px);border-top:1px solid var(--line)}.summary-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.summary-line[hidden]{display:none}.summary-line .lbl{color:var(--muted);min-width:0;font-variation-settings:"wdth" 88;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.72rem}[dir=rtl] .summary-line .lbl{font-variation-settings:"wdth" 100;letter-spacing:0}.summary-line .val{font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto;font-size:.98rem;font-weight:500}.summary-line.subtotal .val,.summary-line.delivery .val{color:var(--muted)}.summary-line.discount .lbl{color:var(--brand)}.summary-line.discount .val{color:var(--brand);font-weight:700}.summary-line.total{border-top:2px solid var(--text);border-bottom:0;margin-top:-1px;padding:14px 0 4px;align-items:baseline}.summary-line.total .lbl{color:var(--text);font-size:.72rem}.summary-line.total .val{font-size:clamp(1.6rem,4vw,2rem);font-weight:700;font-variation-settings:"wdth" 112;letter-spacing:-.03em}[dir=rtl] .summary-line.total .val{font-variation-settings:"wdth" 100;letter-spacing:0}.coupon-row{display:flex;gap:8px;margin:2px 0 8px}.coupon-row[hidden]{display:none}.coupon-row .fld{flex:1 1 auto;width:auto;min-width:0;margin:0;text-transform:uppercase}.coupon-apply{flex:0 0 auto;padding:0 14px;white-space:nowrap;border-radius:var(--radius-sm);font-weight:600;border:1.5px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;transition:border-color .12s}.coupon-apply:hover:not(:disabled){border-color:var(--soft)}.coupon-apply:disabled,.coupon-row .fld:disabled{opacity:.5;cursor:default}.coupon-apply.is-remove{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.coupon-apply.is-remove:hover{border-color:var(--danger)}.coupon-row .fld[readonly]{opacity:.85;cursor:default}.coupon-msg{font-size:.82rem;margin:0 0 6px;min-height:1.1em;color:var(--muted);line-height:1.4}.coupon-msg.bad{color:var(--danger)}.coupon-msg.info{color:var(--muted)}.pay-row{display:flex;flex-direction:column;gap:10px}.pay{width:100%;padding:16px 18px;border:0;border-radius:var(--radius-sm);font-size:1.02rem;font-weight:700;font-variation-settings:"wdth" 108;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:filter .12s,opacity .12s}[dir=rtl] .pay{font-variation-settings:"wdth" 100;letter-spacing:0}.pay:hover:not(:disabled){filter:brightness(.96)}.pay:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pay:disabled{opacity:.5;cursor:default}.pay svg{width:18px;height:18px}.pay-cod,.pay-card{background:var(--cta);color:var(--cta-ink);box-shadow:var(--shadow-sm)}.pay.ghost{background:var(--surface-2);color:var(--text);border:1.5px solid var(--line)}.closed-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--ink)}.closed-note svg{width:22px;height:22px;flex:0 0 auto;color:#c0392b;margin-top:1px}.closed-note strong{display:block;font-size:.98rem}.closed-note div div{color:var(--muted);font-size:.85rem;margin-top:2px}.err{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.88rem;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.buybar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px clamp(12px,4vw,20px) calc(12px + env(safe-area-inset-bottom));padding-left:max(clamp(12px,4vw,20px),env(safe-area-inset-left));padding-right:max(clamp(12px,4vw,20px),env(safe-area-inset-right));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;gap:12px;align-items:center;transition:transform .22s ease,opacity .22s ease}.buybar.is-tucked{transform:translateY(100%);opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.buybar{transition:none}}.buybar .bb-total{display:flex;flex-direction:column;gap:2px;line-height:1.1}.buybar .bb-total small{color:var(--muted);font-size:.66rem;font-variation-settings:"wdth" 88;text-transform:uppercase;letter-spacing:.09em;font-weight:600}[dir=rtl] .buybar .bb-total small{font-variation-settings:"wdth" 100;letter-spacing:0}.buybar .bb-total .js-total{font-size:clamp(1.35rem,6vw,1.6rem);font-weight:700;white-space:nowrap;font-variation-settings:"wdth" 112;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.buybar .bb-actions{margin-inline-start:auto;display:flex;gap:8px}.buybar .pay{width:auto;padding:13px 18px}.state .ref{font-size:1.35rem;font-weight:800;letter-spacing:2px;margin:14px 0;font-variant-numeric:tabular-nums}.skeleton{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:92px;z-index:60;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:.85rem;box-shadow:var(--shadow);opacity:0;transition:opacity .2s;pointer-events:none}.toast.show{opacity:1}