.quote-page{color:#f5f0e6;background:radial-gradient(at 50% 0,#352211 0%,#0000 48%),#080808;min-height:calc(100vh - 90px);padding:45px 20px 90px}.quote-container{max-width:980px;margin:0 auto}.quote-heading{text-align:center;margin-bottom:37px}.quote-back-home{color:#c6a16a;align-items:center;gap:8px;margin-bottom:30px;font-size:13px;transition:color .2s;display:inline-flex}.quote-back-home:hover{color:#ffe1a0}.quote-eyebrow{color:#d6a551;letter-spacing:.2em;margin-bottom:13px;font-size:12px;font-weight:800;display:block}.quote-heading h1{color:#f4d28b;text-shadow:0 2px 16px #a8753080;margin:0;font-size:clamp(32px,4vw,46px);font-weight:900}.quote-heading p{color:#c4b9a9;max-width:620px;margin:15px auto 0;font-size:15px;line-height:1.9}.quote-progress{grid-template-columns:repeat(4,1fr);gap:10px;max-width:690px;margin:0 auto 35px;display:grid}.quote-progress-step{color:#867f74;flex-direction:column;align-items:center;gap:10px;display:flex}.quote-progress-circle{color:#a89b85;background:#13110f;border:1px solid #5b4930;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:800;display:flex}.quote-progress-step.active .quote-progress-circle{color:#1a1106;background:linear-gradient(145deg,#ffe2a2,#c48a33);border-color:#ffe4aa;box-shadow:0 0 18px #c48a3370}.quote-progress-step.complete .quote-progress-circle{color:#e9bf72;background:#2c2113;border-color:#c99b4e}.quote-progress-label{font-size:13px;font-weight:600}.quote-progress-step.active .quote-progress-label,.quote-progress-step.complete .quote-progress-label{color:#eac17b}.quote-panel{background:linear-gradient(145deg,#17130f,#0e0d0b 70%);border:1px solid #7c5a2f;border-radius:18px;padding:34px;box-shadow:0 12px 45px #0009,inset 0 1px #e8bb6930}.quote-step-content{min-height:350px}.quote-step-heading{align-items:flex-start;gap:15px;margin-bottom:28px;display:flex}.quote-step-heading>svg{color:#dfad5c;flex-shrink:0;margin-top:4px}.quote-step-heading h2{color:#f6e0b4;margin:0;font-size:23px;font-weight:800}.quote-step-heading p{color:#a9a094;margin-top:8px;font-size:14px;line-height:1.7}.quote-dropzone{text-align:center;background:#0c0b09;border:2px dashed #886435;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;min-height:275px;padding:30px 20px;transition:background .2s,border-color .2s;display:flex}.quote-dropzone.dragging{background:#292011;border-color:#f2c777}.quote-upload-icon{color:#e4b35f;background:#22190f;border:1px solid #8c6636;border-radius:50%;place-items:center;width:75px;height:75px;margin-bottom:17px;display:grid}.quote-dropzone h3{color:#eee0c5;font-size:17px;font-weight:700}.quote-dropzone p{color:#d8a95e;letter-spacing:.06em;margin-top:12px;font-size:14px}.quote-file-limit{color:#95897a;margin-top:6px;font-size:12px}.quote-outline-button{color:#f2d18e;cursor:pointer;background:#17120b;border:1px solid #d6a653;border-radius:25px;margin-top:22px;padding:11px 25px;font-size:14px;font-weight:700}.quote-outline-button:hover{background:#2a1e0e}.quote-hidden-input{display:none}.quote-selected-file{color:#e8bb6b;background:#211a10;border:1px solid #7c5a2f;border-radius:10px;align-items:center;gap:13px;margin-top:18px;padding:15px;display:flex}.quote-selected-file-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.quote-selected-file-info strong{text-overflow:ellipsis;white-space:nowrap;color:#f1e5d1;font-size:14px;overflow:hidden}.quote-selected-file-info span{color:#a69a89;font-size:12px}.quote-selected-file button{color:#e7b96a;cursor:pointer;background:0 0;border:none}.quote-material-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.quote-material-card{color:#e5d8c4;cursor:pointer;background:#13110e;border:1px solid #4d3c29;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:145px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.quote-material-card:hover,.quote-material-card.selected{background:#2a2012;border-color:#d7a653}.quote-material-card.selected{box-shadow:0 0 18px #a7783030}.quote-material-icon{color:#c89b51}.quote-material-card strong{font-size:17px}.quote-check{top:12px;color:#e8b969;position:absolute;inset-inline-end:12px}.quote-note{color:#a99a86;margin-top:25px;font-size:13px;line-height:1.8}.quote-field{margin-bottom:29px}.quote-field h3{color:#e6d5b8;margin-bottom:13px;font-size:15px;font-weight:700}.quote-color-grid,.quote-quality-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.quote-color-option{color:#d9ccbb;cursor:pointer;background:#14110e;border:1px solid #51402b;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:60px;display:flex}.quote-color-option.selected,.quote-quality-card.selected{background:#2b2114;border-color:#d8aa59}.quote-color-swatch{border:1px solid #777;border-radius:50%;width:20px;height:20px}.quote-quality-grid{grid-template-columns:repeat(3,1fr)}.quote-quality-card{color:#f0e2c9;text-align:center;cursor:pointer;background:#14110e;border:1px solid #51402b;border-radius:10px;flex-direction:column;gap:8px;padding:19px 10px;display:flex}.quote-quality-card strong{font-size:15px}.quote-quality-card span{color:#a99b86;font-size:12px}.quote-quantity{border:1px solid #a07840;border-radius:9px;align-items:center;display:inline-flex;overflow:hidden}.quote-quantity button{color:#e5b86a;cursor:pointer;background:#241b11;place-items:center;width:48px;height:46px;display:grid}.quote-quantity button:disabled{opacity:.35;cursor:not-allowed}.quote-quantity output{text-align:center;min-width:70px;font-size:17px;font-weight:700}.quote-summary{border:1px solid #57432a;border-radius:12px;overflow:hidden}.quote-summary>div{border-bottom:1px solid #403323;justify-content:space-between;gap:20px;padding:17px 20px;display:flex}.quote-summary>div:last-child{border-bottom:0}.quote-summary span{color:#a99c89}.quote-summary strong{overflow-wrap:anywhere;color:#f1d39a;text-align:end}.quote-notice{color:#e1c493;background:#261c0e;border:1px solid #806030;border-radius:10px;align-items:flex-start;gap:13px;margin-top:23px;padding:17px;font-size:13px;line-height:1.8;display:flex}.quote-notice svg{flex-shrink:0}.quote-customer-section{margin-top:32px}.quote-customer-section>h3{color:#f1d296;margin-bottom:20px;font-size:21px;font-weight:800}.quote-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.quote-customer-field{flex-direction:column;gap:9px;display:flex}.quote-customer-field>span{color:#e1cfaf;font-size:14px;font-weight:600}.quote-customer-field input,.quote-customer-field textarea{color:#fff4dc;background:#100e0b;border:1px solid #6a4d2b;border-radius:9px;outline:none;width:100%;padding:13px 15px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.quote-customer-field input:focus,.quote-customer-field textarea:focus{border-color:#e4b462;box-shadow:0 0 0 3px #d8a44b20}.quote-customer-field input::placeholder,.quote-customer-field textarea::placeholder{color:#82796b}.quote-customer-field input[aria-invalid=true]{border-color:#e87c73}.quote-field-error{color:#ff9c92;font-size:12px}.quote-notes-field{margin-top:22px}.quote-customer-field textarea{resize:vertical;min-height:115px;line-height:1.7}.quote-submit-preview{color:#1b1206;cursor:pointer;background:linear-gradient(#ffe2a0,#c48a34);border:1px solid #ffe2a5;border-radius:25px;justify-content:center;align-items:center;width:100%;min-height:49px;margin-top:23px;padding:12px 25px;font-size:15px;font-weight:800;transition:filter .2s;display:flex;box-shadow:0 0 18px #c48a3450}.quote-submit-preview:hover{filter:brightness(1.08)}.quote-actions{border-top:1px solid #463521;justify-content:space-between;gap:15px;margin-top:28px;padding-top:24px;display:flex}.quote-next-button,.quote-back-button{cursor:pointer;border-radius:25px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:11px 27px;font-size:14px;font-weight:800;display:inline-flex}.quote-next-button{color:#1b1206;background:linear-gradient(#f9dc9c,#c38a34);border:1px solid #fce1a5;box-shadow:0 0 15px #b7853660}.quote-back-button{color:#e6c18a;background:#15110c;border:1px solid #85673f}.quote-error{color:#ff9c92;margin-top:18px;font-size:14px}@media (max-width:700px){.quote-page{padding:30px 13px 60px}.quote-panel{padding:22px 17px}.quote-material-grid,.quote-color-grid{grid-template-columns:repeat(2,1fr)}.quote-quality-grid{grid-template-columns:1fr}.quote-step-heading h2{font-size:19px}.quote-progress-circle{width:38px;height:38px}.quote-progress-label{font-size:11px}.quote-summary>div{padding:14px 12px;font-size:13px}.quote-customer-grid{grid-template-columns:1fr}}@media (max-width:400px){.quote-panel{padding:18px 12px}.quote-progress{gap:5px}.quote-progress-label{font-size:10px}.quote-color-option{gap:6px;font-size:12px}.quote-actions{gap:8px}.quote-next-button,.quote-back-button{padding:11px 18px}}
