/* Load after the existing CarBuyerUSA stylesheets. */
#vinQuoteBox { --vin-green:#1b8a4a; --vin-navy:#0d2b52; --vin-text:#1f2937; --vin-muted:#6b7280; max-width:720px; margin:28px auto 48px; border-radius:16px; overflow:hidden; background:#fff; color:var(--vin-text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; line-height:1.45; box-shadow:0 8px 28px rgba(13,43,82,.12); }
#vinQuoteBox *,#vinQuoteBox *:before,#vinQuoteBox *:after { box-sizing:border-box; }
#vinQuoteBox .vin-top { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:22px 28px; background:linear-gradient(135deg,#0d2b52 0%,#1565c0 100%); color:#fff; }
#vinQuoteBox .vin-brand { font-size:18px; font-weight:800; letter-spacing:.02em; } #vinQuoteBox .vin-brand span { color:#7ed4ff; }
#vinQuoteBox .vin-phone { color:#fff; font-size:15px; font-weight:700; text-decoration:none; white-space:nowrap; }
#vinQuoteBox .vin-body { padding:32px 28px 28px; }
#vinQuoteBox h1 { margin:0 0 8px; color:var(--vin-navy); font:700 28px/1.2 inherit; }
#vinQuoteBox h2 { margin:0 0 6px; color:var(--vin-navy); font:700 20px/1.3 inherit; }
#vinQuoteBox .vin-badge { display:inline-block; margin:0 0 14px; padding:6px 12px; border-radius:999px; background:#e8f7ee; color:#146b39; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
#vinQuoteBox .vin-lead { margin:0 0 22px; color:var(--vin-muted); font-size:16px; }
#vinQuoteBox .vin-step { margin:0 0 18px; color:var(--vin-muted); font-size:14.5px; }
#vinQuoteBox .vin-trust { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 30px; }
#vinQuoteBox .vin-trust-card { padding:20px 12px 18px; border:3px solid #0a4a24; border-radius:16px; background:linear-gradient(#1b8a4a,#0e6f33); color:#e8f7ee; text-align:center; font-size:14px; font-weight:700; line-height:1.35; box-shadow:0 5px 0 #06331a,0 12px 24px rgba(10,74,36,.35),inset 0 1px 0 rgba(255,255,255,.25); }
#vinQuoteBox .vin-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin:0 auto 12px; border-radius:50%; background:#fff; color:#1b8a4a; font-size:26px; font-weight:900; box-shadow:0 4px 0 #0a4a24,0 6px 14px rgba(0,0,0,.2); }
#vinQuoteBox .vin-trust-card strong { display:block; margin:0 0 6px; color:#fff; font-size:28px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; text-shadow:0 2px 0 rgba(0,0,0,.25); }
#vinQuoteBox .vin-error { margin:0 0 18px; color:var(--vin-navy); font-size:15px; font-weight:700; text-align:center; }
#vinQuoteBox .vin-grid,#vinQuoteBox .vin-contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; } #vinQuoteBox .vin-field-full { grid-column:1 / -1; }
#vinQuoteBox .vin-field label,#vinQuoteBox #cartype > label { display:block; margin:0 0 5px; color:var(--vin-navy); font-size:12px; font-weight:700; }
#vinQuoteBox .vin-field input,#vinQuoteBox .vin-field select,#vinQuoteBox #cartype select { display:block; width:100%; height:46px; margin:0; padding:0 12px; border:1.5px solid #d1d5db; border-radius:10px !important; background:#fff; color:var(--vin-text); font:15px inherit; box-shadow:none; }
#vinQuoteBox .vin-field input:focus,#vinQuoteBox .vin-field select:focus,#vinQuoteBox #cartype select:focus { outline:0; border-color:var(--vin-green); box-shadow:0 0 0 3px rgba(27,138,74,.15); }
#vinQuoteBox .vin-action { display:block; width:100%; margin:18px 0 28px; padding:24px; border:4px solid #06331a; border-radius:18px; background:linear-gradient(#4ae87e 0%,#22c55e 28%,#128a3f 70%,#0a5c2c 100%); color:#fff; font-family:inherit; font-size:22px; font-weight:900; letter-spacing:.04em; line-height:1.25; text-align:center; text-shadow:0 2px 0 rgba(0,0,0,.35); cursor:pointer; box-shadow:0 8px 0 #042816,0 16px 0 rgba(4,40,22,.35),0 22px 40px rgba(18,138,63,.45),inset 0 3px 0 rgba(255,255,255,.45),inset 0 -4px 8px rgba(0,0,0,.18); }
#vinQuoteBox .vin-action:hover { transform:translateY(-3px); background:linear-gradient(#5bf08c 0%,#2ad46a 28%,#14a049 70%,#0a5c2c 100%); }
#vinQuoteBox .vin-action:active { transform:translateY(5px); box-shadow:0 2px 0 #042816,0 6px 16px rgba(18,138,63,.4); }
#vinQuoteBox .vin-action span,#vinQuoteBox .vin-action small { display:block; } #vinQuoteBox .vin-action small { margin-top:6px; font-size:14px; font-weight:700; letter-spacing:.02em; text-transform:none; }
#vinQuoteBox .vin-bookmark { display:block; color:#b91c1c; font-size:13px; font-weight:600; text-align:center; }
#vinQuoteBox .vin-choice { max-width:510px; margin:0 auto; } #vinQuoteBox .vin-choice select { margin-bottom:0; }
#vinQuoteBox .vin-offer { margin:0 0 18px; padding:22px 20px 18px; border:2px solid #b2f0d0; border-radius:14px; background:linear-gradient(#f3fcf7,#fff); text-align:center; }
#vinQuoteBox .vin-offer-label { margin-bottom:6px; color:var(--vin-muted); font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
#vinQuoteBox .vin-amount { color:#00bfa5; font-size:52px; font-weight:800; line-height:1; letter-spacing:-.02em; overflow-wrap:anywhere; } #vinQuoteBox .vin-amount > span:first-child { margin-right:2px; font-size:28px; vertical-align:top; }
#vinQuoteBox .vin-offer p { margin:10px 0 0; color:var(--vin-muted); font-size:13px; }
#vinQuoteBox .vin-vehicle { margin:-6px 0 26px; color:var(--vin-navy); font-size:15px; font-weight:700; text-align:center; }
#vinQuoteBox .vin-contact-title { margin-top:4px; } #vinQuoteBox .vin-radios { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:18px 0 0; padding:14px; border:1px solid #e5e7eb; border-radius:10px; } #vinQuoteBox .vin-radios legend { width:auto; margin:0; padding:0 5px; color:var(--vin-navy); font-size:12px; font-weight:700; } #vinQuoteBox .vin-radios span { display:block; margin-bottom:7px; color:var(--vin-muted); font-size:13px; font-weight:700; } #vinQuoteBox .vin-radios label { margin-right:10px; font-size:13px; font-weight:400; }
#vinQuoteBox .vin-captcha { display:flex; justify-content:center; margin:18px 0 4px; } #vinQuoteBox .vin-fine { margin:0; color:var(--vin-muted); font-size:12px; text-align:center; }
#vinQuoteBox .vin-no-price { margin-bottom:24px; } #vinQuoteBox .vin-no-price p { margin:0; color:var(--vin-muted); }
@media (max-width:560px) { #vinQuoteBox { margin:16px 8px 28px; } #vinQuoteBox .vin-top { padding:16px 18px; flex-direction:column; align-items:flex-start; gap:6px; } #vinQuoteBox .vin-body { padding:24px 18px 22px; } #vinQuoteBox .vin-grid,#vinQuoteBox .vin-contact-grid,#vinQuoteBox .vin-trust,#vinQuoteBox .vin-radios { grid-template-columns:1fr; } #vinQuoteBox .vin-amount { font-size:42px; } #vinQuoteBox .vin-field input,#vinQuoteBox .vin-field select { font-size:16px; } #vinQuoteBox .vin-action { padding:22px 14px 20px; font-size:19px; } }
@media (prefers-reduced-motion:reduce) { #vinQuoteBox .vin-action { transition:none; } #vinQuoteBox .vin-action:hover,#vinQuoteBox .vin-action:active { transform:none; } }
