.service-bar{background:#173a2c;color:#dce8e1;font-size:12px;padding:7px 0}.service-bar .container{display:flex;justify-content:space-between}.order-page{background:#f5f6f3}.order-page .nav{height:66px}.order-hero{background:#fff;border-top:1px solid #e5e8e3;padding:32px 0}.order-hero small{color:#79837e}.order-hero h1{font:700 42px Georgia,"Songti SC",serif;margin:10px 0 4px}.order-hero p{color:var(--muted)}.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:22px;color:#316248;font-size:13px;font-weight:700}.wizard{background:#fff;border-block:1px solid #d9ded9;position:sticky;top:0;z-index:5}.wizard .container{height:72px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7b8580;font-weight:700}.wizard b{width:29px;height:29px;border:1px solid #cbd1cd;border-radius:50%;display:grid;place-items:center;font-size:12px}.wizard b:first-child{background:#1b5b3f;color:#fff}.wizard i{width:58px;height:1px;background:#d5dad7;margin:0 4px}.configurator{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;padding-block:40px 90px;align-items:start}.config-main{background:#fff;border:1px solid #dce1dc;padding:38px}.config-intro{text-align:center}.config-intro em{font-size:12px;color:#478466;font-weight:800;font-style:normal}.config-intro h2,.config-title h2{font:700 28px Georgia,"Songti SC",serif;margin:7px 0}.config-intro p,.config-title p{margin:0;color:var(--muted)}.shape-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.shape-card{height:184px;background:#fff;border:1px solid #d7ddd8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;position:relative;color:var(--ink)}.shape-card.active,.shape-card:hover{border:2px solid #2a724f;background:#fbfdfb}.shape-card small{color:#78827e;font-size:11px}.shape-card>span{position:absolute;right:10px;top:10px;width:17px;height:17px;border:1px solid #b9c1bc;border-radius:50%}.shape-card.active>span{border:5px solid #2a724f}.shape-art{display:block;width:80px;height:52px;background:#e8d8b7;border:2px solid #916f45;box-shadow:7px 7px 0 #c6af83;margin-bottom:12px}.shape-art.round{border-radius:50%}.shape-art.trapezoid{clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}.shape-art.custom{clip-path:polygon(10% 10%,70% 0,100% 35%,80% 100%,25% 90%,0 55%);display:grid;place-items:center;font-size:22px}.config-title{border-top:1px solid #dfe3df;margin-top:40px;padding-top:32px;display:flex;gap:16px}.config-title>b{background:#1b5b3f;color:#fff;border-radius:50%;min-width:34px;height:34px;display:grid;place-items:center;font-size:12px}.measure-box{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.cushion-diagram{background:#f1f3ef;padding:24px;text-align:center}.cushion-diagram>div{height:170px;position:relative}.cushion-diagram>div:before{content:"";position:absolute;width:70%;height:94px;left:15%;top:28px;background:#ded0ad;border:2px solid #79684d;transform:perspective(400px) rotateX(50deg) rotateZ(-5deg);box-shadow:0 17px 0 #bca77a}.cushion-diagram span{position:absolute;font-size:11px;font-weight:800;z-index:1}.cushion-diagram span:nth-child(1){bottom:15px;left:39%}.cushion-diagram span:nth-child(2){right:0;top:68px}.cushion-diagram span:nth-child(3){left:0;top:80px}.cushion-diagram a{font-size:12px;color:#1b5b3f;text-decoration:underline}.dimension-fields,.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.foam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:23px}.foam-card{border:1px solid #d5dbd7;padding:14px;min-height:188px;display:flex;flex-direction:column;cursor:pointer;position:relative}.foam-card:has(input:checked){border:2px solid #2a724f;background:#fbfdfb}.foam-card input{position:absolute;right:10px;accent-color:#1b5b3f}.foam-card small{font-size:11px;color:#77827c}.foam{height:58px;margin:12px 6px 17px;background:#d9d16b;box-shadow:5px 5px 0 #bcb54e}.foam-1{background:#658a75;box-shadow:5px 5px 0 #496b59}.foam-2{background:linear-gradient(#eee3c5 0 35%,#83a18f 35%);box-shadow:5px 5px 0 #617e6c}.foam-3{background:#6a95a0;box-shadow:5px 5px 0 #49727c}.firm-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d5dbd7;margin-top:14px}.firm-grid label{padding:14px;display:grid;grid-template-columns:auto 1fr;gap:0 8px}.firm-grid label+label{border-left:1px solid #d5dbd7}.firm-grid input{grid-row:1/3;accent-color:#1b5b3f}.firm-grid small{font-size:11px;color:#77827c}.two-grid{margin-top:23px}.swatches{grid-column:1/-1;display:flex;gap:9px;align-items:center}.swatches i{width:28px;height:28px;border-radius:50%;background:#d6cbb6;box-shadow:0 0 0 1px #bcc4bf}.swatches i:nth-child(2){background:#73806a}.swatches i:nth-child(3){background:#a85f46}.swatches i:nth-child(4){background:#414947}.swatches i:nth-child(5){background:#2f465a}.swatches small{color:#77827c}.order-summary{position:sticky;top:92px;background:#fff;border:1px solid #d5dbd6;box-shadow:0 10px 35px #23372b14}.summary-preview{background:#eff2ed;padding:25px;text-align:center;display:flex;flex-direction:column}.mini-cushion{width:145px;height:65px;margin:6px auto 26px;background:#d9cab0;border:2px solid #7d6f59;transform:perspective(300px) rotateX(42deg);box-shadow:0 17px 0 #b7a484}.summary-preview span{font-size:12px;color:#707b75}.summary-body{padding:24px}.summary-body h3{margin-top:0}.summary-line{display:flex;justify-content:space-between;border-top:1px solid #e0e4e0;padding:10px 0;font-size:13px}.summary-total{display:flex;justify-content:space-between;align-items:end;margin:20px 0}.summary-total span{font-weight:800}.summary-total small{display:block;color:#7a847f;font-size:10px}.summary-total strong{font:700 36px Georgia;color:#1b5b3f}.summary-body>p{font-size:10px;color:#83908a}.summary-body>.btn{width:100%;border-radius:2px;background:#de8b31}.summary-body footer{background:#f2f4f1;margin:18px -24px -24px;padding:15px 24px;display:flex;flex-direction:column;font-size:12px}.summary-body footer span{color:#748079}@media(max-width:950px){.configurator{grid-template-columns:1fr}.order-summary{position:static}.shape-gallery,.foam-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.service-bar span:last-child{display:none}.wizard span{display:none}.wizard i{width:15px}.config-main{padding:24px 15px}.shape-gallery,.foam-grid,.measure-box,.dimension-fields,.two-grid{grid-template-columns:1fr}.firm-grid{grid-template-columns:1fr}.firm-grid label+label{border-left:0;border-top:1px solid #d5dbd7}.order-hero h1{font-size:34px}}
