/* Ersin Tur Premium V7 — additive, reversible visual system */
:root{--navy:#101d29;--navy2:#1b2b38;--ink:#172633;--gold:#c7a875;--gold2:#e2c99b;--border:#e7e6e1;--shadow:0 22px 65px rgba(16,29,41,.09)}
body{background:#f8f7f4;color:var(--ink);-webkit-font-smoothing:antialiased}
.container{width:min(1320px,calc(100% - 56px))}
.site-header{background:#fff;border-bottom:1px solid #eae8e3;box-shadow:0 8px 32px rgba(16,29,41,.045)}
.header-inner{min-height:88px;gap:clamp(10px,1.5vw,24px)}
.nav-list a{color:#24313a;font-weight:600;letter-spacing:.005em}
.nav-list a:hover,.nav-list a:focus-visible{color:#92703e}
.header-phone small{color:#697781}
.header-phone b{color:#182734}
.btn-gold{background:#c7a875;color:#101d29;box-shadow:none}
.btn-gold:hover{background:#dfbf89;color:#101d29}
.btn{border-radius:7px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.hero{background-position:center;background-color:#101d29}
.hero[style]{background-image:linear-gradient(90deg,rgba(9,20,31,.94) 0%,rgba(9,20,31,.78) 44%,rgba(9,20,31,.34) 100%),var(--hero-image)}
.hero-grid{gap:clamp(24px,4vw,80px)}
.hero h1{font-weight:800;letter-spacing:-.055em;line-height:1.06}
.hero-copy>p{color:#e0e5e7}
.booking-panel{border:1px solid rgba(218,207,188,.6);border-radius:16px;box-shadow:0 30px 85px rgba(0,0,0,.25)}
.booking-tabs{background:#172633}
.booking-tab.active{background:#c7a875;color:#14212b}
.booking-form input,.booking-form select,.booking-form textarea{border-radius:7px;background:#fcfcfb;border-color:#dedfdc}
.service-strip{border:1px solid #e8e5de;border-radius:13px;box-shadow:0 18px 55px rgba(16,29,41,.08)}
.vehicle-card,.service-card,.editorial-points>div{border-radius:13px}
.vehicle-body{padding:clamp(14px,1.5vw,22px)}
.district-list a{border-radius:9px;border-color:#e6e5e0}
.site-footer{background:#101d29}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #c7a875;outline-offset:3px}
@media(max-width:980px){.container{width:min(100% - 36px,900px)}.header-inner{min-height:74px}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.header-inner{min-height:70px}.hero-grid{gap:30px}.booking-panel{max-width:100%}.service-strip{border-radius:0}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}