/* SecureHold WP — Car Rental vertical page.
   Additive layer on securehold.css + equipment-rental.css + event-rental.css + hotel-rental.css.
   No new tokens, no new palette. Only components this vertical needs:
   fleet mini-strip, fleet deposit cards, deposit/excess/CDW trio, counter vs online. */

/* ── HERO: fleet mini-strip ───────────────────────────── */
.sh-homepage .sh-solutions .fleet-mini-row { display: flex; gap: 8px; padding: 14px 20px 4px; }
.sh-homepage .sh-solutions .fleet-mini-chip { flex: 1; display: flex; align-items: center; gap: 8px; background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: 10px; padding: 8px 10px; }
.sh-homepage .sh-solutions .fleet-mini-icon { width: 30px; height: 30px; border-radius: 8px; background: var(--brand-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sh-homepage .sh-solutions .fleet-mini-text { display: flex; flex-direction: column; gap: 1px; }
.sh-homepage .sh-solutions .fleet-mini-name { font-size: 10.5px; font-weight: 600; color: var(--slate-500); }
.sh-homepage .sh-solutions .fleet-mini-amt { font-family: 'JetBrains Mono', monospace; font-size: 12.5px; font-weight: 700; color: var(--slate-800); }
@media (max-width: 460px) { .sh-homepage .sh-solutions .fleet-mini-row { flex-wrap: wrap; } .sh-homepage .sh-solutions .fleet-mini-chip { flex: 1 1 calc(50% - 4px); } }

/* ── FIT QUALIFICATION — reuses hotel-rental.css .fit-wrap / .fit-card ── */

/* ── SECURITY DEPOSIT vs EXCESS vs CDW — 3-col amt-grid variant ── */
.sh-homepage .sh-solutions .amt-grid--three { grid-template-columns: repeat(3, 1fr); max-width: 940px; margin: 0 auto; }
@media (max-width: 767px) { .sh-homepage .sh-solutions .amt-grid--three { grid-template-columns: 1fr; } }

/* ── COUNTER VS ONLINE ─────────────────────────────────── */
.sh-homepage .sh-solutions .cvo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 767px) { .sh-homepage .sh-solutions .cvo-grid { grid-template-columns: 1fr; } }
.sh-homepage .sh-solutions .cvo-card { background: #fff; border: 1px solid var(--slate-200); border-radius: var(--radius-lg); padding: 26px; display: flex; flex-direction: column; gap: 16px; }
.sh-homepage .sh-solutions .cvo-card--counter { border-top: 3px solid var(--slate-300); }
.sh-homepage .sh-solutions .cvo-card--online { border-top: 3px solid var(--brand); }
.sh-homepage .sh-solutions .cvo-card-head { display: flex; align-items: center; gap: 10px; }
.sh-homepage .sh-solutions .cvo-card-head-icon { width: 34px; height: 34px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sh-homepage .sh-solutions .cvo-card--counter .cvo-card-head-icon { background: var(--slate-100); }
.sh-homepage .sh-solutions .cvo-card--online .cvo-card-head-icon { background: var(--brand-light); }
.sh-homepage .sh-solutions .cvo-title { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 16px; color: var(--slate-900); }
.sh-homepage .sh-solutions .cvo-list { display: flex; flex-direction: column; gap: 11px; }
.sh-homepage .sh-solutions .cvo-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 13.5px; line-height: 1.6; color: var(--slate-600); }
.sh-homepage .sh-solutions .cvo-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; margin-top: 6px; }
.sh-homepage .sh-solutions .cvo-card--counter .cvo-dot { background: var(--slate-300); }
.sh-homepage .sh-solutions .cvo-card--online .cvo-dot { background: var(--brand); }

/* ── FLEET DEPOSIT CARDS (section 7) ──────────────────── */
.sh-homepage .sh-solutions .fleet-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 1023px) { .sh-homepage .sh-solutions .fleet-grid { grid-template-columns: 1fr; } }
.sh-homepage .sh-solutions .fleet-card { background: #fff; border: 1px solid var(--slate-200); border-radius: var(--radius-lg); padding: 28px 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; transition: box-shadow .2s, transform .2s, border-color .2s; }
.sh-homepage .sh-solutions .fleet-card:hover { box-shadow: 0 4px 22px rgba(15,23,42,.08); transform: translateY(-2px); border-color: rgba(47,91,255,.3); }
.sh-homepage .sh-solutions .fleet-card-icon { width: 64px; height: 64px; border-radius: 16px; background: var(--brand-light); display: flex; align-items: center; justify-content: center; }
.sh-homepage .sh-solutions .fleet-card-name { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 16px; color: var(--slate-900); }
.sh-homepage .sh-solutions .fleet-card-amt { font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: 27px; letter-spacing: -.02em; color: var(--brand); }
.sh-homepage .sh-solutions .fleet-card-label { font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--slate-400); }
