/* NAT — reference-inspired premium fleet, scoped to fleet page */
body{background:#031428!important;min-height:100vh!important}
body:before{background:linear-gradient(180deg,rgba(3,15,32,.13),rgba(3,14,30,.50) 40%,rgba(2,12,28,.76) 100%),url('nat-fleet-luxury-background.webp') center top/cover no-repeat!important;z-index:-1!important}
body main{max-width:1500px!important;padding:18px clamp(16px,3vw,48px) 95px!important}
body main .hero{max-width:1320px!important;background:linear-gradient(180deg,rgba(3,19,39,.48),rgba(3,19,39,.15))!important;border:0!important;box-shadow:none!important;padding:28px 18px 23px!important;margin:0 auto 15px!important;border-radius:0!important}
body main .hero .kicker{font-size:12px!important;letter-spacing:.48em!important;color:#f7d990!important;text-transform:uppercase!important}
body main .hero h1{font-size:clamp(36px,4.4vw,65px)!important;line-height:1.1!important;letter-spacing:-.025em!important;margin:10px 0 10px!important;color:#f9d98c!important;text-shadow:0 3px 18px #000b!important}
body main .hero p{font-size:clamp(13px,1.15vw,16px)!important;line-height:1.65!important;color:#f2f5fb!important;max-width:920px!important}
body main .fleet-grid{max-width:1340px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:14px auto 34px!important;padding:0!important;align-items:stretch!important}
body main .fleet-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;border:1px solid rgba(244,192,91,.88)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(8,28,47,.92),rgba(3,16,33,.98))!important;box-shadow:0 15px 35px #0008, inset 0 0 0 1px #ffffff08!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease!important}
body main .fleet-card:hover{transform:translateY(-4px)!important;box-shadow:0 19px 42px #000b,0 0 22px #b68a4038!important}
body main .fleet-art{height:auto!important;aspect-ratio:1.76!important;min-height:0!important;overflow:hidden!important;flex:0 0 auto!important;position:relative!important;background:#071b2c!important}
body main .fleet-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0615289c);pointer-events:none}
body main .fleet-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;transition:transform .35s!important}
body main .fleet-card:hover .fleet-photo{transform:scale(1.025)!important}
body main .fleet-num{position:absolute!important;z-index:3!important;top:13px!important;left:14px!important;color:#ffda82!important;background:#071525e6!important;border:1px solid #efc16b!important;border-radius:13px!important;padding:5px 12px!important;font:700 17px/1.4 Georgia,serif!important}
body main .fleet-type{z-index:3!important;bottom:10px!important;left:13px!important;font-size:10px!important;color:#ffe2a0!important;background:#061526e6!important;border:1px solid #ffffff22!important;border-radius:14px!important;padding:5px 10px!important}
body main .fleet-info{display:flex!important;flex-direction:column!important;flex:1!important;padding:16px 22px 19px!important;min-height:0!important}
body main .fleet-photo-note{display:none!important}
body main .fleet-info h2{font:normal clamp(22px,2vw,30px)/1.2 Georgia,serif!important;color:#f7d28a!important;min-height:0!important;margin:0 0 5px!important;letter-spacing:-.02em!important}
body main .fleet-info>p[data-key=car]{font-size:13px!important;color:#e3ebf3!important;margin:0 0 10px!important;min-height:22px!important;line-height:1.55!important}
body main .fleet-seat{font-size:12px!important;color:#f5d48c!important;font-weight:600!important;line-height:1.5!important;margin:0 0 11px!important;min-height:34px!important}
body main .fleet-perks{margin:auto 0 14px!important;min-height:0!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;border-top:1px solid #e6bd6b55!important;padding-top:12px!important}
body main .fleet-perks span{background:#0c2639!important;border:1px solid #c69d5d65!important;border-radius:6px!important;color:#f1e6cf!important;font-size:11px!important;line-height:1.4!important;padding:6px 8px!important}
body main .fleet-ask{display:flex!important;justify-content:center!important;align-items:center!important;min-height:43px!important;width:100%!important;margin-top:auto!important;border-radius:10px!important;background:linear-gradient(100deg,#f9df9a,#c99a4b)!important;color:#08192b!important;border:1px solid #f9d98b!important;box-shadow:0 3px 12px #0004!important;font-weight:800!important;font-size:13px!important;text-align:center!important;padding:10px!important}
body main .fleet-ask:hover{filter:brightness(1.08)!important}
@media(max-width:980px){body main .fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body main .hero h1{font-size:clamp(32px,5vw,54px)!important}}
@media(max-width:640px){body main{padding:14px 14px 70px!important}body main .fleet-grid{grid-template-columns:1fr!important;max-width:440px!important;gap:18px!important}body main .hero{padding:20px 6px!important}body main .hero h1{font-size:35px!important}body main .fleet-info{padding:16px 18px 18px!important}body:before{background-position:center top!important}}
@media(prefers-reduced-motion:reduce){body main .fleet-card,body main .fleet-photo{transition:none!important}}
