.quick-size-control{--quick-border:var(--bed-line,var(--mattress-border,var(--card-line)));--quick-panel:var(--bed-panel,var(--mattress-panel,var(--surface)));--quick-card:var(--bed-card,var(--mattress-card,var(--surface-soft)));min-width:0;margin-top:12px;position:relative}.quick-size-trigger{border:1px solid var(--quick-border);background:var(--quick-panel);width:100%;min-height:51px;color:var(--text);cursor:pointer;text-align:left;border-radius:7px;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:8px;padding:10px;display:grid}.quick-size-trigger>span:first-child{gap:3px;min-width:0;display:grid}.quick-size-trigger small{color:var(--muted);font-size:.75rem}.quick-size-trigger strong{font-size:.875rem}.quick-size-price{font-family:var(--font-playfair);white-space:nowrap;font-size:1.125rem}.quick-size-chevron{border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;transform:rotate(45deg)translateY(-2px)}.quick-size-dialog{z-index:25;border:1px solid var(--quick-border);background:var(--quick-card);color:var(--text);border-radius:9px;padding:13px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 20px 60px #2d1e1238}.quick-size-backdrop{z-index:24;background:0 0;border:0;position:fixed;inset:0}.quick-size-heading{justify-content:space-between;align-items:start;gap:8px;display:flex}.quick-size-heading>div{min-width:0}.quick-size-heading span{color:var(--accent-text);letter-spacing:.06em;font-size:.75rem;font-weight:700}.quick-size-heading h4{font-family:var(--font-playfair);overflow-wrap:anywhere;margin:2px 0 0;font-size:1.125rem;font-weight:400}.quick-size-heading .plain-icon-button{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 40px;place-items:center;display:inline-grid}.quick-size-close-icon{width:16px;height:16px;display:block;position:relative}.quick-size-close-icon:before,.quick-size-close-icon:after{content:"";background:currentColor;width:14px;height:1px;position:absolute;top:7px;left:1px}.quick-size-close-icon:before{transform:rotate(45deg)}.quick-size-close-icon:after{transform:rotate(-45deg)}.quick-size-options{gap:6px;max-height:300px;margin-top:9px;padding:4px;display:grid;overflow-y:auto}.quick-size-option{border:1px solid var(--quick-border);min-height:64px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;padding:9px;display:grid}.quick-size-option.is-selected{border-color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.quick-size-option:disabled{cursor:not-allowed;opacity:.5}.quick-size-option>span:first-child{min-width:0;display:grid}.quick-size-option strong{font-size:.875rem}.quick-size-option small{font-size:.75rem}.quick-size-option .variant-price-stack{white-space:nowrap;justify-items:end;display:grid}.quick-size-option .variant-price-stack del{color:var(--muted);font-size:.75rem}.quick-size-option .variant-discount{background:color-mix(in srgb, var(--accent) 24%, transparent);border-radius:4px;grid-column:2;justify-self:end;padding:3px 5px;font-size:.75rem}.quick-size-option>small:last-child{color:var(--muted);grid-column:1/-1}.quick-size-option>.stock-ok:last-child{color:#50734f}.quick-size-option>.stock-off:last-child{color:#9e5f57}html[data-theme=dark] .quick-size-option>.stock-ok:last-child{color:#a0c79c}html[data-theme=dark] .quick-size-option>.stock-off:last-child{color:#dda099}.quick-size-confirm,.quick-size-cart{background:var(--button-bg);width:100%;min-height:48px;color:var(--button-text);cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:10px;font-size:.875rem;display:flex}.quick-size-confirm:disabled,.quick-size-cart:disabled{cursor:not-allowed;opacity:.55}.quick-size-confirm>.ozzy-icon,.quick-size-cart>.ozzy-icon{flex:0 0 16px;width:16px;height:16px}.quick-size-control button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width:720px){.quick-size-backdrop{background:#0a08067a}.quick-size-dialog{z-index:60;max-height:min(76vh,620px);padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto}.quick-size-options{max-height:48vh}}
