﻿/* Premium quote request modal */
.modal-open{overflow:hidden}
.quote-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.quote-modal[hidden]{display:none}
.quote-modal.is-visible{opacity:1;visibility:visible}
.quote-modal-backdrop{position:absolute;inset:0;background:rgba(9,25,53,.52);backdrop-filter:blur(8px)}
.quote-modal-dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(245px,.76fr) minmax(390px,1.24fr);width:min(100%,900px);max-height:min(720px,calc(100vh - 48px));overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:0 28px 90px rgba(4,22,54,.28);transform:translateY(16px) scale(.98);transition:transform .28s ease}
.quote-modal.is-visible .quote-modal-dialog{transform:none}
.quote-modal-intro{position:relative;overflow:hidden;padding:45px 34px;background:linear-gradient(145deg,#0d1b35 0%,#15336e 72%,#1a5bd6 100%);color:#fff}
.quote-modal-intro:after{content:"";position:absolute;right:-100px;bottom:-120px;width:310px;height:310px;border:1px solid rgba(149,205,255,.34);border-radius:50%;box-shadow:0 0 0 22px rgba(149,205,255,.06),0 0 0 48px rgba(149,205,255,.04)}
.quote-modal-kicker{position:relative;z-index:1;margin:0 0 22px;color:#9bc3ff;font-size:11px;font-weight:800;letter-spacing:2.2px}
.quote-modal-intro h2{position:relative;z-index:1;margin:0 0 18px;color:#fff;font-size:clamp(29px,3.2vw,42px);line-height:1.08;letter-spacing:-1.6px}
.quote-modal-intro>p:not(.quote-modal-kicker){position:relative;z-index:1;max-width:270px;margin:0;color:#c9d7ed;font-size:14px;line-height:1.7}
.quote-modal-note{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:36px;color:#e4edf9;font-size:13px;font-weight:600}
.quote-modal-note span{color:#f2c46d;font-size:18px}
.quote-modal-close{position:absolute;top:14px;right:16px;z-index:3;width:34px;height:34px;border:1px solid #dce5f1;border-radius:50%;background:#fff;color:#4b5a72;font-size:24px;font-weight:300;line-height:1;transition:background .2s,color .2s,transform .2s}
.quote-modal-close:hover{background:var(--blue);border-color:var(--blue);color:#fff;transform:rotate(90deg)}
.quote-form{padding:45px 40px 35px}
.quote-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin-bottom:18px}
.quote-form label{display:flex;flex-direction:column;gap:8px;color:#23314b;font-size:12px;font-weight:750}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #dce4ef;border-radius:4px;background:#fbfcfe;color:var(--ink);padding:0 13px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.quote-form input,.quote-form select{height:45px}
.quote-form textarea{min-height:106px;padding-top:12px;resize:vertical}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:#9aa6b8}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(20,86,232,.09)}
.quote-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.quote-form-footer .button{min-height:46px;padding:0 18px;gap:15px}
.quote-form-message{min-height:18px;color:var(--teal);font-size:12px;line-height:1.45}
@media(max-width:700px){
  .quote-modal{padding:14px}
  .quote-modal-dialog{grid-template-columns:1fr;max-height:calc(100vh - 28px)}
  .quote-modal-intro{padding:30px 25px 26px}
  .quote-modal-intro h2{font-size:32px}
  .quote-modal-note{margin-top:22px}
  .quote-form{padding:27px 25px 25px}
}
@media(max-width:480px){
  .quote-form-grid{grid-template-columns:1fr;gap:14px;margin-bottom:15px}
  .quote-form-footer{align-items:stretch;flex-direction:column}
  .quote-form-footer .button{width:100%}
}
