/* Published quotes share the existing GiftPayout colours and type. */
.quick-offer{max-width:760px;margin-inline:auto;background:#fff}
.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.quote-fields .field{margin:0;min-width:0}
.quote-fields input{width:100%;background:#fbfdff;min-width:0}
.quote-values-hint{display:block;color:#5a7494;font-size:11px;line-height:1.7;margin:12px 0 18px}
.quote-get{width:100%;min-height:50px}
.quote-message{color:#a92323;background:#fff5f5;border:1px solid #f0cdcd;border-radius:12px;padding:12px 15px;margin:16px 0 0;font-size:13px;line-height:1.6}
.quote-offer{margin-top:20px;padding:22px;border:1px solid #c9dffb;border-radius:18px;background:#f1f7ff}
.quote-offer h3{font-size:18px;line-height:1.4;margin:0 0 15px;color:#123459}
.quote-offer dl{margin:0 0 18px}
.quote-offer dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid #deebfc}
.quote-offer dt{font-size:13px;color:#506e92;line-height:1.5}
.quote-offer dd{margin:0;font-size:21px;font-weight:750;color:#073876;white-space:nowrap;letter-spacing:-.03em}
.quote-offer .quote-face dd{font-size:15px;font-weight:600;color:#385675}
.quote-offer .quote-credit dd{color:var(--blue)}
.quote-offer .btn{width:100%;min-height:50px}
.quote-offer .small{font-size:11px;margin:13px 0 0;text-align:center;color:#506e92}
.quote-foot{margin:16px 0 0;text-align:center;color:#617b9b;font-size:11px;line-height:1.7}
.quote-offer[hidden],.quote-message[hidden]{display:none}
@media(max-width:640px){
 .quote-fields{grid-template-columns:1fr;gap:17px}
 .quote-fields input{font-size:16px}
 .quote-values-hint{font-size:11px;margin-top:10px}
 .quote-offer{padding:17px;border-radius:15px}
 .quote-offer h3{font-size:17px}
 .quote-offer dt{font-size:12px}
 .quote-offer dd{font-size:20px}
}
.quote-fields select{width:100%;min-height:52px;background:#fbfdff;font-size:15px;font-weight:650;color:#173f6d;cursor:pointer}
.quote-fields select:invalid{font-weight:400;color:#6c819c}.quote-values-hint{margin-bottom:20px}.quote-offer{margin-top:24px}
@media(max-width:640px){.quote-fields select{font-size:16px;min-height:54px}}
/* The brand picker is drawn by the page, so browser/OS dark menus do not leak in. */
.quote-brand-field{position:relative}
.quote-fields input[data-quote-brand],.quote-fields input[data-quote-amount]{min-height:52px;font-family:inherit;font-size:15px;font-weight:400;color:#173f6d;background:#fff}
.quote-brand-options{position:absolute;top:100%;left:0;right:0;margin-top:6px;padding:6px;background:#fff;color:#173f6d;border:1px solid #d5e2f0;border-radius:12px;box-shadow:0 12px 30px #16395d1c;z-index:20;max-height:280px;overflow:auto;font-weight:400}
.quote-brand-options[hidden]{display:none}
.quote-brand-option{padding:11px 12px;border-radius:7px;cursor:pointer;font-size:15px;font-weight:400;line-height:1.4}
.quote-brand-option:hover,.quote-brand-option[aria-selected=true]{background:#edf5ff;color:#0759bb}
.quote-brand-empty{padding:10px 12px;margin:0;font-size:13px;color:#617b9b}
@media(max-width:640px){.quote-fields input[data-quote-brand],.quote-fields input[data-quote-amount]{font-size:16px}}