#quote-dialog{width:min(720px,calc(100% - 32px));padding:28px 32px;border:1px solid #dbe5df;border-top:4px solid var(--orange);border-radius:22px;box-shadow:0 28px 90px #061f1f50;max-height:calc(100dvh - 32px)}
#quote-dialog .close{top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#edf3ef;font-size:24px;display:grid;place-items:center;padding:0}
#quote-dialog>.eyebrow{font:700 13px/1.5 var(--font-ui);letter-spacing:.6px;padding-right:32px}
#quote-dialog h2{font-size:32px;margin:10px 0 8px}
#quote-dialog .dialog-lead{font-size:16px;line-height:1.5;margin:0 0 20px}
#quote-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
#quote-form label{display:flex;flex-direction:column;gap:8px;margin:0;font:650 15px/1.4 var(--font-ui);min-width:0}
#quote-form label:nth-child(3),#quote-form>.button,#quote-form>.form-note,#quote-status{grid-column:1/-1}
#quote-form select,#quote-form textarea{box-sizing:border-box;width:100%;margin:0;border:1px solid #cad9d1;border-radius:12px;background-color:#f5f8f5;color:var(--petrol);font:400 16px/1.5 var(--font);transition:border-color .2s,box-shadow .2s}
#quote-form select{appearance:none;-webkit-appearance:none;height:50px;padding:12px 38px 12px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231a3a3a' stroke-width='1.8'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}
#quote-form textarea{height:96px;min-height:80px;padding:12px 14px;resize:vertical}
#quote-form select:hover,#quote-form textarea:hover{border-color:#86a699}
#quote-form select:focus,#quote-form textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #e07b2a20;background-color:white}
#quote-form>.button{border-radius:12px;min-height:48px;font:750 15px/1.5 var(--font-ui);margin:0}
#quote-form>.form-note,#quote-status{font-size:14px;line-height:1.5;margin:0}
#quote-status:empty{display:none}
@media(max-width:540px){#quote-dialog{padding:22px 20px;border-radius:18px}#quote-dialog h2{font-size:27px}#quote-dialog .dialog-lead{margin-bottom:14px}#quote-form{grid-template-columns:1fr;gap:12px}#quote-form label{font-size:14px}#quote-form select{height:46px}#quote-form textarea{height:80px}#quote-form>.form-note{font-size:13px}}
@media(max-height:650px) and (min-width:541px){#quote-dialog{padding:20px 28px}#quote-dialog h2{font-size:28px}#quote-dialog .dialog-lead{margin-bottom:12px}#quote-form{gap:12px}#quote-form textarea{height:80px}}