body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Inter,system-ui,sans-serif}.mattress-configurator{animation:fadeIn .5s ease-in}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--accent) 55%,#0000);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--accent) 70%,#0000)}.control-box:hover,.option-card:hover{transform:translateY(-1px)}.add-to-cart-btn{overflow:hidden;position:relative}.add-to-cart-btn:before{background:linear-gradient(90deg,#0000,color-mix(in oklab,var(--accent) 25%,#0000),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--dur) var(--elev);width:100%}.add-to-cart-btn:hover:before{left:100%}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.price-value{animation:none}@media (max-width:1024px) and (min-width:641px){.configurator-wrapper{padding:0 20px}.image-radio-grid{grid-template-columns:repeat(4,1fr)}.mattress-visualization{height:400px}}@media (max-width:640px){.option-group{padding:0 10px}.image-placeholder{height:32px;width:32px}.option-text{font-size:10px}.price-breakdown{font-size:12px}.price-breakdown td{padding:6px 0}}:root{--bg:radial-gradient(1200px 800px at 20% -10%,#141414 0%,#0a0a0a 55%) fixed,#0a0a0a;--surface:#16161899;--surface-strong:#1c1c1eb3;--bg-2:#12121499;--bg-3:#18181a99;--text:#e6e7ea;--muted:#b2b6bd;--accent:#fff;--accent-2:#ffffff9d;--line:color-mix(in oklab,#fff 8%,#0000);--radius:12px;--gap:24px;--padded:20px;--media-h:40px;--dur-fast:140ms;--dur:160ms;--elev:cubic-bezier(.22,.61,.36,1);--global-card-min-height:56px}*{box-sizing:border-box}#root,body,html{background:radial-gradient(1200px 800px at 20% -10%,#141414 0,#0a0a0a 55%) fixed,#0a0a0a;background:var(--bg);background-attachment:fixed;height:100%}body{color:#e6e7ea;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0}body,html{overflow-x:hidden}.app-root{min-height:100%;padding-bottom:64px}.error-screen,.loading-screen{color:#e6e7ea;color:var(--text);display:grid;font-size:18px;min-height:100svh;place-items:center}.mattress-layer{height:92%;inset:0;margin:auto;object-fit:contain;position:absolute;transition:opacity .25s ease,transform .25s ease;width:92%}.layout{grid-gap:24px;grid-gap:var(--gap);display:grid;gap:24px;gap:var(--gap);grid-template-areas:"visual sidebar" "controls sidebar" "selectors sidebar" "details sidebar";grid-template-columns:1fr 320px;margin:0 auto;max-width:1440px;min-width:0;padding:24px;position:relative}.visual{border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);grid-area:visual;overflow:clip}.layers-canvas{align-items:center;display:flex;height:420px;justify-content:center;position:relative}.layer-frame{z-index:100}.controls{grid-gap:24px;grid-gap:var(--gap);display:grid;gap:24px;gap:var(--gap);grid-area:controls;grid-template-columns:1fr 1fr;min-width:0}.control-group{background:#12121499;background:var(--bg-2);border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);padding:20px;padding:var(--padded)}.control-title{color:#e6e7ea;color:var(--text);font-size:16px;font-weight:600;margin:0 0 12px}.control-options{grid-gap:10px;display:grid;gap:10px}.size-options{grid-template-columns:repeat(5,minmax(0,1fr))}.height-options{grid-auto-columns:minmax(84px,1fr);grid-auto-flow:column}.control-item{display:block;min-width:0;position:relative}.control-item input{opacity:0;pointer-events:none;position:absolute}.control-box{align-items:center;background:#18181a99;background:var(--bg-3);border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);color:#b2b6bd;color:var(--muted);display:flex;font-size:13px;justify-content:center;min-height:48px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;transition:border-color .16s cubic-bezier(.22,.61,.36,1),transform .14s cubic-bezier(.22,.61,.36,1),box-shadow .16s cubic-bezier(.22,.61,.36,1),background .16s cubic-bezier(.22,.61,.36,1);transition:border-color var(--dur) var(--elev),transform var(--dur-fast) var(--elev),box-shadow var(--dur) var(--elev),background var(--dur) var(--elev);-webkit-user-select:none;user-select:none;white-space:nowrap}.control-item input:checked+.control-box{background:color-mix(in oklab,#18181a99 70%,#fff 8%);background:color-mix(in oklab,var(--bg-3) 70%,var(--accent) 8%);border-color:color-mix(in oklab,#fff 70%,#0000);border-color:color-mix(in oklab,var(--accent) 70%,#0000);box-shadow:inset 0 0 0 1px color-mix(in oklab,#fff 20%,#0000),0 6px 16px #00000040;box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 20%,#0000) inset,0 6px 16px #00000040;color:#e6e7ea;color:var(--text)}.control-item .control-box:hover{box-shadow:0 2px 10px #00000040;transform:translateY(-1px)}.control-item:active .control-box{transform:translateY(0)}.control-item .control-box:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,#fff 60%,#0000);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 60%,#0000);outline:0}.control-item input:disabled+.control-box{cursor:not-allowed;opacity:.5}.selectors{grid-gap:24px;grid-gap:var(--gap);display:grid;gap:24px;gap:var(--gap);grid-area:selectors;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.details{border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:0;grid-area:details;overflow:hidden}.detail-block{display:block}.detail-card{grid-gap:16px;align-items:start;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:#16161899;background:var(--surface);box-shadow:inset 0 1px #ffffff0d,0 8px 30px #00000047;display:grid;gap:16px;grid-template-columns:240px 1fr;padding:16px}.detail-image-wrap{align-items:center;display:flex;justify-content:center}.detail-image{border-radius:4px;height:auto;max-width:220px;object-fit:contain;width:100%}.detail-content{min-width:0}.detail-title{color:#e6e7ea;color:var(--text);font-size:16px;font-weight:700;margin:0 0 6px}.detail-text{color:#b2b6bd;color:var(--muted);font-size:14px;line-height:1.5;margin:0}.detail-text ul{list-style:none;margin:8px 0;padding-left:0}.detail-text li{align-items:flex-start;display:flex;gap:8px;line-height:1.5;margin:4px 0}.detail-text li:before{color:#fff;color:var(--accent);content:"•";flex-shrink:0;font-weight:700}.detail-divider{background:color-mix(in oklab,#fff 8%,#0000);background:var(--line);height:1px;margin:0 16px}.layer-selector{border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;min-width:0;padding:20px;padding:var(--padded)}.layer-title{color:#e6e7ea;color:var(--text);font-size:16px;font-weight:600;margin:0 0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-options{grid-gap:8px;display:grid;gap:8px}.layer-option{min-width:0;position:relative}.layer-option input{opacity:0;pointer-events:none;position:absolute}.option-card{align-items:center;background:#1c1c1eb3;background:var(--surface-strong);border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;min-height:56px;min-height:var(--global-card-min-height);overflow:hidden;padding:6px;transition:border-color .16s cubic-bezier(.22,.61,.36,1),transform .14s cubic-bezier(.22,.61,.36,1),box-shadow .16s cubic-bezier(.22,.61,.36,1),background .16s cubic-bezier(.22,.61,.36,1);transition:border-color var(--dur) var(--elev),transform var(--dur-fast) var(--elev),box-shadow var(--dur) var(--elev),background var(--dur) var(--elev);width:100%}.layer-option input:checked+.option-card{background:color-mix(in oklab,#1c1c1eb3 70%,#fff 6%);background:color-mix(in oklab,var(--surface-strong) 70%,var(--accent) 6%);border-color:color-mix(in oklab,#fff 70%,#0000);border-color:color-mix(in oklab,var(--accent) 70%,#0000);box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000038}.layer-option .option-card:hover{box-shadow:0 2px 10px #00000040;transform:translateY(-1px)}.layer-option:active .option-card{transform:translateY(0)}.layer-option .option-card:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,#fff 60%,#0000);box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 60%,#0000);outline:0}.layer-option input:disabled+.option-card{cursor:not-allowed;opacity:.55}.option-media{display:grid;height:40px;height:var(--media-h);padding:2px;place-items:center;width:100%}.option-image{border-radius:6px;flex-shrink:0;height:auto;max-height:36px;max-height:calc(var(--media-h) - 4px);max-width:95%;object-fit:contain;width:auto}.image-placeholder{background:#3a3a3c;border-radius:6px;flex-shrink:0;height:36px;height:calc(var(--media-h) - 4px);width:36px;width:calc(var(--media-h) - 4px)}.option-name{color:#b2b6bd;color:var(--muted);font-size:10px;-webkit-hyphens:manual;hyphens:manual;line-height:1.2;max-width:100%;overflow-wrap:break-word;text-align:center;white-space:normal;width:100%;word-break:normal}.sidebar{align-self:start;grid-area:sidebar;max-height:calc(100vh - 48px);overflow-y:auto;position:sticky;top:24px}.price-calculator{border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);padding:20px;padding:var(--padded)}.price-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.price-label{color:#e6e7ea;color:var(--text);font-size:15px;font-weight:600}.price-amount{align-items:baseline;display:flex;gap:6px}.price-value{font-size:28px;font-weight:800}.price-currency,.price-value{color:#fff;color:var(--accent)}.price-currency{font-size:16px}.price-breakdown{grid-gap:6px;border-top:1px solid color-mix(in oklab,#fff 8%,#0000);border-top:1px solid var(--line);display:grid;gap:6px;margin-top:12px;overflow-x:hidden;padding-top:10px}.price-row{grid-gap:8px;align-items:start;color:#b2b6bd;color:var(--muted);display:grid;font-size:13px;gap:8px;grid-template-columns:minmax(60px,100px) 1fr minmax(50px,auto);min-width:0}.price-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.price-row>span:first-child{white-space:nowrap}.price-row>span:nth-child(2){line-height:1.3;white-space:normal;word-break:break-word}.price-col{color:#fff;color:var(--accent);font-size:12px;text-align:right;white-space:nowrap}.add-to-cart-btn{background:linear-gradient(180deg,color-mix(in oklab,#fff 12%,#0b0b0c),#0b0b0c);background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,#0b0b0c) 0,#0b0b0c 100%);border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:700;margin-top:14px;padding:12px 16px;transition:background .16s cubic-bezier(.22,.61,.36,1),transform .14s cubic-bezier(.22,.61,.36,1),box-shadow .16s cubic-bezier(.22,.61,.36,1);transition:background var(--dur) var(--elev),transform var(--dur-fast) var(--elev),box-shadow var(--dur) var(--elev);white-space:normal;width:100%}.add-to-cart-btn:hover{background:linear-gradient(180deg,color-mix(in oklab,#fff 16%,#111113),#111113);background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 16%,#111113) 0,#111113 100%);box-shadow:0 8px 28px #00000059;transform:translateY(-1px)}.add-to-cart-btn:active{transform:translateY(0)}.bottom-bar{grid-gap:12px;align-items:center;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:#0f0f10cc;border-top:1px solid color-mix(in oklab,#fff 8%,#0000);border-top:1px solid var(--line);bottom:0;display:grid;gap:12px;grid-template-columns:1fr auto;left:0;padding:10px 16px;position:fixed;right:0;z-index:1200}.bb-price{align-items:baseline;display:flex;flex-wrap:wrap;gap:6px}.bb-value{font-size:20px;font-weight:800}.bb-currency,.bb-value{color:#fff;color:var(--accent)}.bb-currency{font-size:14px}.bb-actions{grid-gap:8px;display:grid;gap:8px}.bb-btn{background:#0b0b0c;border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:12px;border-radius:var(--radius);color:#e6e7ea;color:var(--text);cursor:pointer;font-weight:600;min-width:140px;padding:10px 12px;transition:border-color .16s cubic-bezier(.22,.61,.36,1),background .16s cubic-bezier(.22,.61,.36,1),transform .14s cubic-bezier(.22,.61,.36,1),box-shadow .16s cubic-bezier(.22,.61,.36,1);transition:border-color var(--dur) var(--elev),background var(--dur) var(--elev),transform var(--dur-fast) var(--elev),box-shadow var(--dur) var(--elev);white-space:normal}@media (min-width:1101px){.bottom-bar .bb-actions .bb-btn{display:none}}.bb-btn:hover{border-color:color-mix(in oklab,#fff 60%,#0000);border-color:color-mix(in oklab,var(--accent) 60%,#0000);box-shadow:0 8px 24px #00000042;transform:translateY(-1px)}.bb-btn.secondary{opacity:.95}@media (min-width:1101px){.bottom-bar{display:none}.app-root{padding-bottom:0}}.glass-panel{box-shadow:inset 0 1px #ffffff0d,0 8px 30px #00000047}.cart-button,.glass-panel{-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);background:#16161899;background:var(--surface)}.cart-button{align-items:center;border:1px solid color-mix(in oklab,#fff 8%,#0000);border:1px solid var(--line);border-radius:50px;box-shadow:0 4px 20px #00000040;color:#e6e7ea;color:var(--text);cursor:pointer;display:flex;font-size:18px;gap:8px;padding:12px 16px;position:fixed;right:24px;top:24px;transition:all .16s cubic-bezier(.22,.61,.36,1);transition:all var(--dur) var(--elev);z-index:1000}.cart-button:hover{background:#1c1c1eb3;background:var(--surface-strong);box-shadow:0 8px 30px #00000059;transform:translateY(-2px)}.cart-badge{align-items:center;background:#ff3b30;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;min-width:20px;width:20px}@media (max-width:1366px){.layout{gap:20px;grid-template-columns:1fr 300px}.selectors{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:1100px){.layout{grid-template-areas:"visual" "controls" "selectors" "sidebar" "details";grid-template-columns:1fr}.visual .layers-canvas{height:360px}.sidebar{max-height:none;position:static}.selectors{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:1024px){:root{--media-h:32px}.layout{gap:16px;padding:16px}.visual .layers-canvas{height:clamp(200px,38vh,280px)}.controls{grid-template-columns:1fr}.size-options{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.control-box{font-size:12px;min-height:44px;padding:6px 8px}.height-options{grid-auto-columns:minmax(70px,1fr);grid-auto-flow:column}.selectors{grid-template-columns:1fr}.layer-options{gap:8px}.option-media{padding:1px}.option-image{max-height:38px;max-height:calc(var(--media-h) - 2px);max-width:92%}.image-placeholder{height:38px;height:calc(var(--media-h) - 2px);width:38px;width:calc(var(--media-h) - 2px)}.option-name{font-size:10px}.sidebar{order:10}.bottom-bar{padding:8px 12px}.bb-btn{font-size:13px;min-width:120px;padding:8px 10px}.detail-card{grid-template-columns:1fr}.detail-image{max-width:100%}}@media (max-width:600px){:root{--media-h:32px}.size-options{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.control-box{font-size:11px;min-height:40px;padding:4px 6px}.visual .layers-canvas{height:clamp(180px,36vh,240px)}.option-media{padding:1px}.option-image{max-height:38px;max-height:calc(var(--media-h) - 2px);max-width:90%}.image-placeholder{height:38px;height:calc(var(--media-h) - 2px);width:38px;width:calc(var(--media-h) - 2px)}.option-name{font-size:9px}.price-value{font-size:24px}.bb-value{font-size:18px}.cart-button{font-size:16px;padding:10px 14px;right:16px;top:16px}}@media (max-width:420px){:root{--media-h:28px}.size-options{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.visual .layers-canvas{height:clamp(160px,34vh,220px)}.option-media{padding:1px}.option-image{max-height:38px;max-height:calc(var(--media-h) - 2px);max-width:88%}.image-placeholder{height:38px;height:calc(var(--media-h) - 2px);width:38px;width:calc(var(--media-h) - 2px)}.option-name{font-size:8.5px}.cart-button{font-size:14px;padding:8px 12px;right:12px;top:12px}.cart-badge{font-size:11px;height:18px;width:18px}}.cart-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.cart-modal{animation:slideInUp .4s ease-out;background:#1c1c1e;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:480px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cart-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px}.cart-title{color:var(--text);font-size:18px;font-weight:600;margin:0}.cart-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background var(--dur) var(--elev);width:32px}.cart-close:hover{background:var(--bg-3);color:var(--text)}.cart-content{flex:1 1;overflow-y:auto;padding:0}.cart-empty{color:var(--muted);padding:40px 20px;text-align:center}.cart-items{display:flex;flex-direction:column}.cart-item{border-bottom:1px solid var(--line)}.cart-item:last-child{border-bottom:none}.cart-item-content{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.cart-item-info{flex:1 1}.cart-item-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px}.cart-item-details{color:var(--muted);font-size:12px;line-height:1.4;margin:0}.cart-item-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.quantity-controls{align-items:center;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,#0b0b0c) 0,#0b0b0c 100%);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:4px;padding:4px}.quantity-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:32px;justify-content:center;transition:all var(--dur) var(--elev);width:32px}.quantity-btn:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 16%,#111113) 0,#111113 100%);box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.quantity-btn:active:not(:disabled){transform:translateY(0)}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{color:var(--text);font-size:14px;font-weight:500;min-width:24px;text-align:center}.cart-item-price{color:var(--accent);font-size:14px;font-weight:600;min-width:80px;text-align:right}.remove-btn{align-items:center;background:linear-gradient(180deg,#ff3b30e6,#ff3b30cc);border:1px solid #ff3b304d;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all var(--dur) var(--elev);width:32px}.remove-btn:hover{background:linear-gradient(180deg,#ff3b30,#e6342a);box-shadow:0 4px 12px #ff3b3066;transform:translateY(-1px)}.remove-btn:active{transform:translateY(0)}.delete-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2050}.delete-modal{animation:slideInUp .4s ease-out;background:#1c1c1e;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #00000080;max-width:400px;width:100%}.delete-content{padding:24px;text-align:center}.delete-content h3{color:var(--text);font-size:18px;font-weight:600;margin:0 0 12px}.delete-content p{color:var(--muted);font-size:14px;line-height:1.4;margin:0 0 24px}.delete-actions{display:flex;gap:12px;justify-content:center}.delete-cancel,.delete-confirm{border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:all var(--dur) var(--elev)}.delete-cancel{background:var(--bg-3);border:1px solid var(--line);color:var(--text)}.delete-cancel:hover{background:var(--surface)}.delete-confirm{background:linear-gradient(180deg,#ff3b30e6,#ff3b30cc);border:1px solid #ff3b304d;color:#fff}.delete-confirm:hover{background:linear-gradient(180deg,#ff3b30,#e6342a);box-shadow:0 4px 12px #ff3b3066;transform:translateY(-1px)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cart-footer{background:var(--bg-2);border-top:1px solid var(--line);padding:20px}.cart-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.total-label{color:var(--text);font-size:16px;font-weight:500}.total-price{color:var(--accent);font-size:20px;font-weight:700}.checkout-btn{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,#0b0b0c) 0,#0b0b0c 100%);border:1px solid var(--line);border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all var(--dur) var(--elev);width:100%}.checkout-btn:hover{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 16%,#111113) 0,#111113 100%);box-shadow:0 8px 28px #00000059;transform:translateY(-1px)}.checkout-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2100}.checkout-modal{animation:slideInUp .4s ease-out;background:#1c1c1e;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.checkout-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:20px}.checkout-back{align-items:center;background:none;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all var(--dur) var(--elev)}.checkout-back:hover{background:var(--bg-3);color:var(--text)}.checkout-title{color:var(--text);font-size:18px;font-weight:600;margin:0}.checkout-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background var(--dur) var(--elev);width:32px}.checkout-close:hover{background:var(--bg-3);color:var(--text)}.checkout-content{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px}.order-summary{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.summary-item{grid-gap:12px;align-items:start;border-bottom:1px solid var(--line);display:grid;gap:12px;grid-template-columns:1fr auto auto;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-info{display:flex;flex-direction:column;gap:2px;min-width:0}.summary-title{color:var(--text);font-size:13px;font-weight:600;line-height:1.3}.summary-details{color:var(--muted);font-size:11px;line-height:1.3}.summary-quantity{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:center;min-width:24px}.summary-price{font-size:13px;font-weight:600}.summary-price,.summary-total{color:var(--accent);text-align:right}.summary-total{font-size:16px;font-weight:700;margin-top:12px;padding-top:12px}.checkout-form{gap:20px}.checkout-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:var(--text);font-size:14px;font-weight:500}.form-group input{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-size:14px;padding:12px;transition:border-color var(--dur) var(--elev)}.form-group input:focus{border-color:var(--accent);outline:none}.form-group input.error{border-color:#ff3b30}.error-text{color:#ff3b30;font-size:12px}.form-section{display:flex;flex-direction:column;gap:12px}.form-section h3{color:var(--text);font-size:16px;font-weight:600;margin:0}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:flex-start;background:var(--bg-3);border:2px solid #0000;border-radius:var(--radius);cursor:pointer;display:flex;gap:12px;padding:12px;position:relative;transition:all var(--dur) var(--elev)}.radio-option:hover{background:var(--surface);border-color:color-mix(in oklab,var(--accent) 30%,#0000)}.radio-option input[type=radio]{appearance:none;background:var(--bg-2);border:2px solid var(--line);border-radius:50%;flex-shrink:0;height:20px;margin:0;position:relative;transition:all var(--dur) var(--elev);width:20px}.radio-option input[type=radio]:checked{background:var(--accent);border-color:var(--accent)}.radio-option input[type=radio]:checked:after{background:#000;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-option input[type=radio]:checked+span{color:var(--accent);font-weight:600}.radio-option span{color:var(--text);font-size:14px;line-height:1.4;transition:all var(--dur) var(--elev)}.checkout-footer{background:var(--bg-2);border-top:1px solid var(--line);padding:20px}.checkout-submit{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 12%,#0b0b0c) 0,#0b0b0c 100%);border:1px solid var(--line);border-radius:var(--radius);color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:all var(--dur) var(--elev);width:100%}.checkout-submit:hover{background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 16%,#111113) 0,#111113 100%);box-shadow:0 8px 28px #00000059;transform:translateY(-1px)}.delivery-address{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.address-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 140px}.delivery-notes{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color var(--dur) var(--elev)}.delivery-notes:focus{border-color:var(--accent);outline:none}.delivery-notes::placeholder{color:var(--muted)}@media (max-width:768px){.cart-overlay,.checkout-overlay{padding:16px}.cart-modal,.checkout-modal{max-height:85vh}.cart-header,.checkout-header{padding:16px}.cart-content,.checkout-content{padding:0}.checkout-content{gap:20px;padding:16px}.cart-item-content{padding:12px 16px}.cart-footer,.checkout-footer{padding:16px}.summary-item{gap:8px;grid-template-columns:1fr auto}.summary-quantity{grid-column:2;grid-row:1}.summary-price{grid-column:2;grid-row:2}}@media (max-width:480px){.cart-overlay,.checkout-overlay{padding:8px}.cart-modal,.checkout-modal{border-radius:12px;max-height:90vh}.cart-item-actions{align-items:flex-start;flex-direction:column;gap:8px}.cart-item-price{align-self:flex-end}.address-row{gap:16px;grid-template-columns:1fr}}
/*# sourceMappingURL=main.12f7e438.css.map*/