/* Ersin Tur Premium V8 | refined, reversible presentation layer */
:root{--v8-ink:#122333;--v8-gold:#bb9662;--v8-paper:#f7f6f3;--v8-line:#e8e5df}
html{scroll-behavior:smooth}body{color:var(--v8-ink);-webkit-font-smoothing:antialiased}
.site-header{background:#fff;border-bottom:1px solid #eeeae3;box-shadow:0 8px 32px rgba(12,28,44,.045)}
.header-inner{min-height:92px;gap:clamp(12px,1.8vw,28px)}
.brand-image{max-height:74px;width:auto;object-fit:contain}
.header-cta,.btn-gold{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.header-cta:hover,.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(126,91,44,.22)}
.hero{background-position:center center;min-height:650px}
.hero .hero-shade{background:linear-gradient(90deg,rgba(8,22,36,.94) 0%,rgba(8,22,36,.82) 45%,rgba(8,22,36,.45) 100%)}
.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr);gap:clamp(24px,4.4vw,76px);align-items:center;min-height:650px;padding-block:70px}
.hero-copy{max-width:660px;padding-top:0;text-shadow:none}
.hero-copy h1{font-size:clamp(42px,4.4vw,74px);line-height:1.07;letter-spacing:-.055em;font-weight:800;max-width:650px;margin:18px 0 23px}
.hero-copy>p{max-width:570px;line-height:1.85;font-size:clamp(15px,1.15vw,18px);color:#e9edf0}
.hero .eyebrow{color:#e4c495;letter-spacing:.17em;font-size:12px;font-weight:700}
.hero .booking-panel{width:100%;max-width:550px;justify-self:end;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 85px rgba(0,0,0,.27)}
.hero .booking-panel input,.hero .booking-panel select,.hero .booking-panel textarea{max-width:100%}
.section-pad{padding-block:clamp(65px,7vw,112px)}
.fleet-section,.districts-section,.services-section{position:relative}
.fleet-grid,.services-grid{gap:24px}
.vehicle-card,.service-card{overflow:hidden;border-radius:16px;transition:transform .22s ease,box-shadow .22s ease}
.vehicle-card:hover,.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(12,28,44,.14)}
.vehicle-card img,.service-card img{object-fit:cover}
.district-list a{transition:background-color .2s ease,transform .2s ease}
.district-list a:hover{transform:translateX(3px)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #b98e53;outline-offset:3px}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:24px}.hero-copy h1{font-size:clamp(39px,4.7vw,58px)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:58px;gap:36px}.hero-copy{max-width:740px}.hero .booking-panel{max-width:680px;justify-self:stretch}.hero-copy h1{font-size:clamp(39px,7vw,64px)}.header-inner{min-height:76px}}
@media(max-width:600px){.hero-grid{padding-block:42px;gap:25px}.hero-copy h1{font-size:clamp(35px,9vw,48px);line-height:1.1}.hero-copy>p{font-size:15px;line-height:1.7}.hero .booking-panel{border-radius:13px}.hero-actions{gap:10px}.hero-actions .btn{max-width:100%}.section-pad{padding-block:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vehicle-card,.service-card,.btn-gold,.header-cta,.district-list a{transition:none!important;transform:none!important}}
