#quote{grid-template-columns:1fr;gap:36px}#quote .category-heading{max-width:720px}#quote .category-content{padding-top:0}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.quote-fields label{display:flex;flex-direction:column;gap:8px;font-size:.9rem}.quote-fields .full{grid-column:1/-1}.quote-fields input,.quote-fields select,.quote-fields textarea{box-sizing:border-box;width:100%;border:1px solid #526675;border-radius:3px;padding:14px 12px;background:#102535;color:#fff;font:inherit;min-height:48px}.quote-fields textarea{resize:vertical}.quote-fields :focus-visible{outline:2px solid #c0e0f3;outline-offset:3px}.quote-result{background:#0b1e2d;border:1px solid var(--line);padding:24px;align-self:start}.quote-result h2{font-size:1.15rem;margin-bottom:12px}#door-preview svg{width:100%;max-height:300px}#quote-summary{white-space:pre-line;font-size:.95rem;line-height:1.9}.quote-note{font-size:.82rem!important;color:#a8bac7!important;line-height:1.7}.quote-button{background:#e4edf2;color:#071522;border:0;border-radius:3px;padding:16px 24px;font:inherit;cursor:pointer;min-height:48px}.quote-button:hover{background:white}#quote-status{font-size:.9rem;min-height:1.9em;margin-top:16px}@media(max-width:800px){.quote-layout{grid-template-columns:1fr;gap:24px}}@media(max-width:420px){.quote-fields{grid-template-columns:1fr}.quote-result{padding:18px}}
.product-finish-types,.frame-material-types{min-width:0;margin:0;padding:0;border:0}.product-finish-types legend,.frame-material-types legend{margin:0 0 12px;color:#91a8b8;font-size:.76rem;font-weight:700;letter-spacing:.08em}.finish-options,.frame-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finish-options label,.frame-options label{position:relative;display:grid;min-height:112px;grid-template-columns:auto 1fr;align-content:center;gap:5px 12px;padding:18px;border:1px solid rgba(255,255,255,.18);background:#0a1d2b;cursor:pointer;transition:.2s ease}.finish-options input,.frame-options input{position:absolute;opacity:0;pointer-events:none}.finish-options span{grid-row:1/3;color:#6f8b9b;font-size:.75rem}.finish-options strong,.frame-options strong{font-size:1rem}.finish-options small,.frame-options small{grid-column:2;color:#91a8b8;line-height:1.45}.frame-options small{grid-column:1}.finish-options label:has(input:checked),.frame-options label:has(input:checked){border-color:#dce9ef;background:#e9f1f5;color:#071522;box-shadow:0 0 0 1px #dce9ef}.finish-options label:has(input:checked) small,.finish-options label:has(input:checked) span,.frame-options label:has(input:checked) small{color:#4f6877}.frame-material-types>.quote-note{margin:10px 0 0!important}@media(max-width:600px){.finish-options,.frame-options{grid-template-columns:1fr}.finish-options label,.frame-options label{min-height:96px}}
