/* NAT Private Driver Bangkok — Premium Fleet showroom. Scoped to fleet.html only. */
body main{max-width:1320px!important;padding:34px clamp(14px,3vw,42px) 85px!important}
body main .hero{max-width:1170px!important;margin:10px auto 32px!important;padding:48px 30px!important;border-radius:18px!important;background:linear-gradient(135deg,#102b41f7,#081727f9 74%)!important;box-shadow:0 18px 45px #0005!important}
body main .hero h1{font-size:clamp(35px,4.2vw,57px)!important;line-height:1.16!important;margin:13px 0 14px!important}
body main .hero p{max-width:680px!important;font-size:15px!important;line-height:1.8!important}
body main .fleet-grid{max-width:1170px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;padding:0!important;margin:0 auto 36px!important;align-items:stretch!important}
body main .fleet-card{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;overflow:hidden!important;border-radius:17px!important;background:linear-gradient(180deg,#112d43 0%,#081929 100%)!important;border:1px solid rgba(214,174,103,.54)!important;box-shadow:0 14px 30px #0005!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important}
body main .fleet-card:hover{transform:translateY(-5px)!important;border-color:#e7bd78!important;box-shadow:0 20px 45px #0008!important}
body main .fleet-art{width:100%!important;height:auto!important;aspect-ratio:16/10!important;min-height:0!important;flex:0 0 auto!important;overflow:hidden!important;background:#102638!important}
body main .fleet-art .fleet-photo{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;display:block!important}
body main .fleet-num{top:14px!important;left:14px!important;font-size:13px!important;font-family:Arial,sans-serif!important;font-weight:700!important;letter-spacing:.08em!important;background:#061626c9!important;border:1px solid #e3bc7680!important;border-radius:999px!important;padding:6px 10px!important;color:#f6d18b!important}
body main .fleet-type{left:15px!important;bottom:13px!important;background:#071929d9!important;border:1px solid #ffffff30!important;border-radius:999px!important;padding:6px 11px!important;color:#f4d89f!important;font-size:10px!important;letter-spacing:.06em!important}
body main .fleet-info{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;padding:24px 23px 23px!important}
body main .fleet-photo-note{color:#9eb1bf!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 10px!important;min-height:15px!important}
body main .fleet-info h2{font:normal clamp(24px,2vw,29px)/1.22 Georgia,serif!important;color:#f4d08b!important;margin:0 0 9px!important;min-height:70px!important;overflow-wrap:anywhere!important}
body main .fleet-info>p[data-key="car"]{font-size:14px!important;line-height:1.5!important;color:#cbd8e4!important;margin:0 0 13px!important;min-height:44px!important}
body main .fleet-info .fleet-seat{font-size:12px!important;line-height:1.5!important;min-height:38px!important;margin:0 0 16px!important;color:#f1d6a2!important}
body main .fleet-perks{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;gap:7px!important;margin:auto 0 18px!important;min-height:68px!important}
body main .fleet-perks span{background:#12334a!important;border:1px solid #6a9aa050!important;color:#e4edf1!important;border-radius:7px!important;padding:8px 10px!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important}
body main .fleet-card .fleet-ask{margin-top:0!important;width:100%!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;font-size:13px!important;line-height:1.4!important;background:linear-gradient(100deg,#ffe5a9,#d0a45f)!important;color:#091b2b!important;border:1px solid #f2d495!important}
body main .fleet-note{max-width:1170px!important}
@media(max-width:950px){body main .fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}
@media(max-width:630px){body main .fleet-grid{grid-template-columns:1fr!important;max-width:440px!important;gap:20px!important}body main .hero{padding:34px 19px!important}body main .fleet-info h2{min-height:0!important}body main .fleet-info>p[data-key="car"]{min-height:0!important}body main .fleet-perks{min-height:0!important;margin:8px 0 19px!important}body main .fleet-info{padding:21px!important}}
@media(prefers-reduced-motion:reduce){body main .fleet-card,body main .fleet-photo{transition:none!important}}
