/* DF_FLEET_PREMIUM_V3 - scoped to fleet page assets */
:root{--dfp-red:#bd3038;--dfp-ink:#172033;--dfp-muted:#6b7485;--dfp-line:#e8eaf0}
html{scroll-behavior:smooth}
.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#151b29 0%,#252735 54%,#53252d 100%)!important;color:#fff!important;padding:68px 0 76px!important}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 37%,rgba(229,80,85,.17),transparent 38%)}
.hero-content{position:relative;z-index:1;gap:44px!important;align-items:center!important}
.hero .eyebrow{color:#ffc2c5!important;letter-spacing:2px!important;font-weight:700!important;font-size:11px!important}
.hero h1{font-weight:800!important;letter-spacing:-1.8px!important;line-height:1.13!important;max-width:720px!important}
.hero h1 em{color:#ff8187!important;font-style:normal!important}
.hero p{color:#d9dce4!important;line-height:1.9!important;max-width:620px!important}
.hero-tags{display:flex;flex-wrap:wrap;gap:9px!important}
.hero-tags span{border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.08)!important;border-radius:100px!important;padding:8px 12px!important;color:#f7f7fa!important;font-size:12px!important}
.hero-button{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;background:var(--dfp-red)!important;color:white!important;border-radius:12px!important;padding:15px 23px!important;font-weight:700!important;box-shadow:0 14px 28px rgba(189,48,56,.25)!important;transition:transform .2s,box-shadow .2s!important}
.hero-button:hover{transform:translateY(-3px);box-shadow:0 19px 36px rgba(189,48,56,.34)!important}
.hero-visual{position:relative;isolation:isolate}
.hero-visual img{display:block;max-width:100%;border-radius:24px!important;object-fit:cover;box-shadow:0 28px 70px rgba(0,0,0,.32)!important}
.hero-floating{border-radius:14px!important;box-shadow:0 15px 40px rgba(0,0,0,.15)!important}
.main{padding-top:36px!important;padding-bottom:70px!important}
.breadcrumbs{font-size:12px!important;color:var(--dfp-muted)!important;margin-bottom:35px!important}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px!important}
.section-kicker{font-size:11px!important;font-weight:800!important;letter-spacing:2px!important;color:var(--dfp-red)!important}
.section-head h2{color:var(--dfp-ink)!important;letter-spacing:-1px!important;font-weight:800!important}
.section-head h2 span{color:var(--dfp-red)!important}
.section-head p{color:var(--dfp-muted)!important}
.count-pill{border:1px solid #f0d5d7!important;background:#fff7f7!important;border-radius:100px!important;padding:10px 17px!important;white-space:nowrap}
.count-pill b{color:var(--dfp-red)!important}
.filters{background:#fff!important;border:1px solid var(--dfp-line)!important;border-radius:20px!important;padding:20px!important;box-shadow:0 15px 42px rgba(25,34,52,.055)!important;margin-bottom:28px!important}
.category-tabs{display:flex;flex-wrap:wrap;gap:9px!important;margin-bottom:17px!important}
.category-tabs button{border:1px solid #e7e9ef!important;border-radius:100px!important;background:#f8f9fb!important;color:#465066!important;padding:10px 17px!important;font-weight:600!important;cursor:pointer;transition:all .2s}
.category-tabs button:hover{border-color:#e7a7aa!important;color:var(--dfp-red)!important}
.category-tabs button.selected{background:var(--dfp-red)!important;border-color:var(--dfp-red)!important;color:white!important;box-shadow:0 7px 18px rgba(189,48,56,.17)!important}
.filter-controls{display:grid!important;grid-template-columns:minmax(220px,1.65fr) repeat(3,minmax(120px,1fr))!important;gap:12px!important}
.filter-controls .search-wrap{min-width:0;display:flex;align-items:center;gap:9px;border:1px solid #e5e8ee!important;border-radius:12px!important;background:#fbfcfd!important;padding:0 13px!important}
.filter-controls input,.filter-controls select{box-sizing:border-box;min-width:0;width:100%;min-height:47px!important;border:1px solid #e5e8ee!important;border-radius:12px!important;background:#fbfcfd!important;color:#273248!important;padding:10px 12px!important;font-family:inherit!important;font-size:13px!important}
.filter-controls .search-wrap input{border:0!important;background:transparent!important;padding-left:0!important;outline:none}
.filter-controls input:focus,.filter-controls select:focus{outline:2px solid rgba(189,48,56,.20)!important;outline-offset:1px}
.fleet-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
.vehicle-card{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid #e8ebf0!important;border-radius:19px!important;background:white!important;box-shadow:0 7px 24px rgba(23,32,51,.055)!important;transition:transform .25s,box-shadow .25s,border-color .25s!important}
.vehicle-card:hover{transform:translateY(-6px)!important;box-shadow:0 22px 48px rgba(23,32,51,.13)!important;border-color:#e7b8ba!important}
.vehicle-card[hidden]{display:none!important}
.vehicle-media{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#f4f5f8,#e8ebf0)!important;aspect-ratio:1.42/1!important}
.vehicle-media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .5s!important}
.vehicle-card:hover .vehicle-media img{transform:scale(1.055)!important}
.vehicle-badge{position:absolute!important;z-index:1;top:14px!important;left:14px!important;background:rgba(255,255,255,.95)!important;color:#a92d35!important;border:1px solid #f4d4d6!important;border-radius:100px!important;padding:7px 12px!important;font-size:11px!important;font-weight:800!important;box-shadow:0 4px 12px rgba(0,0,0,.07)}
.vehicle-body{display:flex!important;flex:1!important;flex-direction:column!important;padding:19px!important}
.vehicle-title h3{font-size:17px!important;font-weight:800!important;color:var(--dfp-ink)!important;letter-spacing:-.35px!important}
.vehicle-title span{font-size:11px!important;color:#8790a0!important}
.specs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:16px 0!important}
.specs span{display:flex!important;align-items:center!important;min-width:0!important;background:#f7f8fa!important;border:1px solid #f0f1f4!important;border-radius:9px!important;padding:8px!important;font-size:11px!important;color:#5c6677!important}
.vehicle-bottom{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-top:auto!important;padding-top:16px!important;border-top:1px solid #eef0f3!important}
.vehicle-bottom small{display:block!important;color:#7b8594!important;font-size:11px!important}
.vehicle-bottom strong{font-size:25px!important;line-height:1.25!important;letter-spacing:-.8px!important;color:var(--dfp-ink)!important}
.vehicle-actions{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;gap:8px!important}
.vehicle-actions a{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:42px!important;padding:10px 8px!important;border-radius:10px!important;font-size:11px!important;font-weight:700!important;text-decoration:none!important;transition:transform .2s,background .2s!important}
.vehicle-actions .detail-btn{background:var(--dfp-red)!important;color:white!important;border:1px solid var(--dfp-red)!important}
.vehicle-actions .info-btn{background:#fff!important;color:#9e2d35!important;border:1px solid #efcdd0!important}
.vehicle-actions a:hover{transform:translateY(-2px)!important}
.empty{border:1px dashed #d9dde5!important;border-radius:15px!important;padding:32px!important;text-align:center!important;color:#667085!important}
.demo-note{font-size:12px!important;color:#788293!important;line-height:1.7!important}
.benefits{border-radius:19px!important;overflow:hidden!important}
.cta{border-radius:22px!important;overflow:hidden!important}
@media(max-width:1150px){.fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.filter-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:800px){.hero{padding:45px 0!important}.hero-content{gap:28px!important}.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-head{align-items:flex-start!important;flex-direction:column!important}}
@media(max-width:560px){.hero{padding:35px 0 45px!important}.hero h1{font-size:clamp(30px,8vw,42px)!important;letter-spacing:-1px!important}.filters{padding:14px!important}.filter-controls{grid-template-columns:1fr!important}.fleet-grid{grid-template-columns:1fr!important;gap:15px!important}.vehicle-media{aspect-ratio:1.65/1!important}.vehicle-actions a{font-size:12px!important}.main{padding-top:22px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vehicle-card,.vehicle-media img,.hero-button,.vehicle-actions a{transition:none!important}}