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:#1a1a1a;font-family:tildasans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.mattress-configurator{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#212121}::-webkit-scrollbar-thumb{background:#9aebc6;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#7bc9a4}.image-radio-content:hover{box-shadow:0 4px 12px #9aebc633;transform:translateY(-2px)}.add-to-cart-btn{overflow:hidden;position:relative}.add-to-cart-btn:before{background:linear-gradient(90deg,#0000,#9aebc633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;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:pulse 2s infinite}@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:#0e0e0f;--bg-2:#151515;--bg-3:#1e1e1f;--text:#e7e7e7;--muted:#b9b9b9;--accent:#9aebc6;--line:#2b2b2d;--radius:4px;--gap:24px;--padded:20px;--pinned-h:220px;--global-card-min-height:56px}*{box-sizing:border-box}#root,body,html{background:#0e0e0f;background:var(--bg);height:100%}body{color:#e7e7e7;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0}.app-root{min-height:100%;padding-bottom:64px}.error-screen,.loading-screen{color:#e7e7e7;color:var(--text);display:grid;font-size:18px;min-height:100svh;place-items:center}.app-root.with-pinned{padding-top:220px;padding-top:var(--pinned-h)}.pinned-mattress{align-items:center;background:#0e0e0f;background:var(--bg);border-bottom:1px solid #2b2b2d;border-bottom:1px solid var(--line);display:flex;height:220px;height:var(--pinned-h);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pinned-layers{height:100%;max-width:560px;position:relative;width:100%}.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";grid-template-columns:1fr 320px;margin:0 auto;max-width:1440px;padding:24px;position:relative}.visual{background:#0e0e0f;background:var(--bg);border:1px solid #2b2b2d;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);grid-area:visual}.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}.control-group{background:#151515;background:var(--bg-2);border:1px solid #2b2b2d;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);padding:20px;padding:var(--padded)}.control-title{color:#e7e7e7;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;position:relative}.control-item input{opacity:0;pointer-events:none;position:absolute}.control-box{align-items:center;background:#1e1e1f;background:var(--bg-3);border:2px solid #0000;border-radius:4px;border-radius:var(--radius);color:#b9b9b9;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 .2s ease,transform .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.control-item input:checked+.control-box{border-color:#9aebc6;border-color:var(--accent);color:#e7e7e7;color:var(--text)}.control-item:active .control-box{transform:scale(.98)}.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))}.layer-selector{background:#151515;background:var(--bg-2);border:1px solid #2b2b2d;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);display:flex;flex-direction:column;min-width:0;padding:20px;padding:var(--padded)}.layer-title{color:#e7e7e7;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{position:relative}.layer-option input{opacity:0;pointer-events:none;position:absolute}.option-card{align-items:center;background:#1e1e1f;background:var(--bg-3);border:2px solid #0000;border-radius:4px;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 .2s ease,transform .15s ease,box-shadow .2s ease;width:100%}.layer-option input:checked+.option-card{border-color:#9aebc6;border-color:var(--accent);box-shadow:inset 0 0 0 1px #9aebc626}.layer-option:active .option-card{transform:scale(.985)}.option-image{object-fit:cover}.image-placeholder,.option-image{border-radius:2px;flex-shrink:0;height:40px;width:40px}.image-placeholder{background:#3a3a3c}.option-name{color:#b9b9b9;color:var(--muted);font-size:10px;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;line-height:1.15;max-width:100%;overflow-wrap:break-word;text-align:center;white-space:normal;width:100%;word-break:break-word}.sidebar{align-self:start;grid-area:sidebar;max-height:calc(100vh - 48px);overflow-y:auto;position:sticky;top:24px}.price-calculator{background:#151515;background:var(--bg-2);border:1px solid #2b2b2d;border:1px solid var(--line);border-radius:4px;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:#e7e7e7;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:#9aebc6;color:var(--accent)}.price-currency{font-size:16px}.price-breakdown{grid-gap:6px;border-top:1px solid #2b2b2d;border-top:1px solid var(--line);display:grid;gap:6px;margin-top:12px;overflow-x:auto;padding-top:10px}.price-row{grid-gap:10px;align-items:start;color:#b9b9b9;color:var(--muted);display:grid;font-size:13px;gap:10px;grid-template-columns:minmax(80px,120px) minmax(100px,1fr) minmax(60px,auto);min-width:0}.price-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-row>span:nth-child(2){white-space:normal;word-break:break-word}.price-col{color:#9aebc6;color:var(--accent);text-align:right;white-space:nowrap}.add-to-cart-btn{background:#000;border:none;border-radius:4px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:700;margin-top:14px;padding:12px 16px;transition:background .2s ease,transform .15s ease;white-space:normal;width:100%}.add-to-cart-btn:hover{background:#1d1d1f}.add-to-cart-btn:active{transform:translateY(1px)}.bottom-bar{grid-gap:12px;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0f10fa;border-top:1px solid #2b2b2d;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:#9aebc6;color:var(--accent)}.bb-currency{font-size:14px}.bb-actions{grid-gap:8px;display:grid;gap:8px}.bb-btn{background:#0b0b0c;border:1px solid #2b2b2d;border:1px solid var(--line);border-radius:4px;border-radius:var(--radius);color:#e7e7e7;color:var(--text);cursor:pointer;font-weight:600;min-width:140px;padding:10px 12px;transition:border-color .2s ease,background .2s ease,transform .15s ease;white-space:normal}.bb-btn:hover{border-color:#9aebc6;border-color:var(--accent)}.bb-btn.secondary{opacity:.95}@media (max-width:1200px){.layout{gap:20px;grid-template-columns:1fr 300px}.selectors{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:992px){.layout{grid-template-areas:"visual" "controls" "selectors" "sidebar";grid-template-columns:1fr}.visual .layers-canvas{height:320px}.sidebar{max-height:none;position:static}.selectors{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){:root{--pinned-h:200px}.layout{gap:16px;padding:16px}.visual{display:none}.controls{grid-template-columns:1fr}.size-options{grid-template-columns:repeat(auto-fill,minmax(55px,1fr))}.control-box{font-size:11px;min-height:42px;padding:6px 8px}.height-options{grid-auto-columns:minmax(60px,1fr);grid-auto-flow:column}.selectors{grid-template-columns:1fr}.layer-options{gap:6px}.image-placeholder,.option-image{height:32px;width:32px}.option-name{font-size:9px}.sidebar{order:10}.bottom-bar{padding:8px 12px}.bb-btn{font-size:13px;min-width:120px;padding:8px 10px}}@media (max-width:480px){.size-options{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.control-box{font-size:10px;min-height:38px;padding:4px 6px}.image-placeholder,.option-image{height:28px;width:28px}.option-name{font-size:8px}.price-value{font-size:24px}.bb-value{font-size:18px}}
/*# sourceMappingURL=main.bce89bf4.css.map*/