/* KURUMSAL OTOJET - NAVY / WHITE / RED THEME V1 */

:root{
  --red:#ff2b2b !important;
  --red-dark:#d71920 !important;
  --red-soft:#ffb3b3 !important;
  --red-light:#fff1f1 !important;

  --ink:#111827 !important;
  --muted:#64748b !important;
  --line:#e2e8f0 !important;
  --line-strong:#cbd5e1 !important;

  --bg:#ffffff !important;
  --bg2:#f5f7fb !important;

  --dark:#081426 !important;

  --radius:16px !important;
  --radius-sm:11px !important;

  --shadow:
    0 2px 5px rgba(15,23,42,.06),
    0 14px 35px rgba(15,23,42,.07) !important;

  --shadow-md:
    0 12px 35px rgba(15,23,42,.12) !important;
}

/* TOP BAR */
.topbar{
  background:#071426 !important;
  color:#cbd5e1 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.topbar b,
.topbar a{
  color:#fff !important;
}

/* HEADER */
.site-header{
  background:rgba(255,255,255,.98) !important;
  border-bottom:1px solid #e5eaf1 !important;
  box-shadow:0 4px 18px rgba(15,23,42,.05) !important;
}

.site-header .container{
  min-height:74px !important;
}

.brand{
  color:#0b1830 !important;
  font-size:1.22rem !important;
  font-weight:800 !important;
}

.brand img{
  width:44px !important;
  height:44px !important;
  border-radius:10px !important;
  object-fit:contain !important;
}

.brand span b{
  color:var(--red) !important;
}

.nav a{
  color:#24324a !important;
  font-weight:600 !important;
}

.nav a:hover,
.nav a[aria-current="page"]{
  color:var(--red) !important;
  border-bottom-color:var(--red) !important;
}

/* BUTTONS */
.btn{
  min-height:46px !important;
  border-radius:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.btn-primary{
  background:var(--red) !important;
  border-color:var(--red) !important;
  color:#fff !important;
}

.btn-primary:hover{
  background:#df171d !important;
  border-color:#df171d !important;
  transform:translateY(-1px);
}

.btn-ghost{
  background:#fff !important;
  color:#0b1830 !important;
  border-color:#d6deea !important;
}

/* HOMEPAGE HERO */
.hero-home{
  position:relative !important;
  background:
    radial-gradient(circle at 58% 38%,rgba(65,94,145,.23),transparent 35%),
    linear-gradient(120deg,#071426 0%,#0a1b35 52%,#10284b 100%) !important;
  color:#fff !important;
}

.hero-home::before{
  background:
    linear-gradient(120deg,rgba(255,255,255,.025),transparent 45%) !important;
}

.hero-home::after{
  background:
    linear-gradient(90deg,rgba(3,10,22,.36),transparent 47%,rgba(3,10,22,.12)) !important;
}

.hero-home-grid{
  min-height:560px !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(310px,360px) !important;
  gap:clamp(1.5rem,3vw,3rem) !important;
  padding-block:4rem !important;
}

.hero.hero-home .hero-home-copy h1{
  color:#fff !important;
  font-size:clamp(2.2rem,4vw,3.5rem) !important;
  line-height:1.03 !important;
  font-weight:850 !important;
  letter-spacing:-.04em !important;
  text-shadow:none !important;
}

.hero.hero-home .hero-home-copy h1 em{
  color:#fff !important;
  border-bottom:3px solid var(--red) !important;
}

.hero.hero-home .hero-home-copy p.lead{
  color:#d6deea !important;
  font-weight:500 !important;
  font-size:1.08rem !important;
  text-shadow:none !important;
  max-width:43ch !important;
}

.hero.hero-home .hero-home-meta{
  color:#dce5f2 !important;
  text-shadow:none !important;
}

.hero-home-visual{
  overflow:visible !important;
}

.hero-home-visual img{
  filter:drop-shadow(0 30px 30px rgba(0,0,0,.35)) !important;
  transform:scale(1.08) !important;
}

/* BOOKING BOX */
.hero-booking{
  background:#fff !important;
  border-radius:18px !important;
  padding:1.35rem !important;
  border:1px solid rgba(255,255,255,.5) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.28),
    0 4px 15px rgba(0,0,0,.12) !important;
}

.hero-booking-title{
  color:#0b1830 !important;
  font-size:1.08rem !important;
  font-weight:800 !important;
}

.book-field>span{
  color:#334155 !important;
  font-size:.7rem !important;
}

.book-field input{
  background:#f8fafc !important;
  border:1px solid #d6deea !important;
  border-radius:9px !important;
  min-height:46px !important;
}

.book-field input:focus{
  border-color:var(--red) !important;
  box-shadow:0 0 0 3px rgba(255,43,43,.10) !important;
}

.book-submit{
  background:var(--red) !important;
  border-color:var(--red) !important;
  min-height:50px !important;
  border-radius:9px !important;
}

/* SECTIONS */
.section{
  background:#fff;
}

.section.alt{
  background:#f5f7fb !important;
}

.section.fleet{
  background:
    linear-gradient(180deg,#f5f7fb 0%,#fff 100%) !important;
}

.section-head .kicker{
  color:var(--red) !important;
  font-weight:800 !important;
}

.section-head h2{
  color:#0b1830 !important;
  font-weight:800 !important;
}

/* FILTERS */
.chip{
  border-color:#d8e0eb !important;
  background:#fff !important;
  color:#334155 !important;
  font-weight:700 !important;
}

.chip:hover{
  border-color:#0d2446 !important;
  color:#0d2446 !important;
}

.chip[aria-pressed="true"]{
  background:#0b1830 !important;
  color:#fff !important;
  border-color:#0b1830 !important;
}

.search{
  border-color:#d8e0eb !important;
  border-radius:10px !important;
}

/* CAR CARDS */
.car{
  border:1px solid #e3e8ef !important;
  border-radius:16px !important;
  box-shadow:0 6px 24px rgba(15,23,42,.06) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.car:hover{
  transform:translateY(-4px) !important;
  border-color:#cbd5e1 !important;
  box-shadow:0 18px 42px rgba(15,23,42,.12) !important;
}

.car-media{
  background:
    linear-gradient(180deg,#fff 0%,#f7f9fc 100%) !important;
}

.badge.cat{
  background:#0b1830 !important;
  border-color:#0b1830 !important;
}

.car-title{
  color:#0b1830 !important;
  font-size:1rem !important;
}

.car-price-bar{
  background:#f5f7fb !important;
  border:1px solid #edf0f5 !important;
}

.car-price-val{
  color:var(--red) !important;
}

.car-price-val small{
  color:#b91c1c !important;
}

.car-go{
  background:var(--red) !important;
  border-color:var(--red) !important;
  color:#fff !important;
}

/* FEATURE CARDS */
.feature,
.step,
.term{
  border-color:#e3e8ef !important;
  border-radius:15px !important;
  box-shadow:0 5px 20px rgba(15,23,42,.05) !important;
}

.feature .ic{
  background:#eef3fa !important;
  color:#0b2448 !important;
}

/* INNER PAGE HERO */
.hero:not(.hero-home),
.detail-hero{
  background:
    radial-gradient(circle at 70% 30%,rgba(49,81,130,.25),transparent 38%),
    linear-gradient(120deg,#071426,#102b50) !important;
}

/* VEHICLE DETAIL OFFER */
.offer-panel{
  border-radius:17px !important;
  box-shadow:0 16px 45px rgba(15,23,42,.14) !important;
}

.offer-head{
  background:#0b1830 !important;
}

.offer-price{
  color:var(--red) !important;
}

.spec-tile .icon{
  color:var(--red) !important;
}

/* CTA */
.cta-band{
  background:
    linear-gradient(120deg,#0a1830 0%,#102b50 100%) !important;
  border-radius:18px !important;
}

/* FOOTER */
.site-footer{
  background:#071426 !important;
  color:#9eacc0 !important;
}

.site-footer h4{
  color:#fff !important;
}

.site-footer a{
  color:#aeb9c9 !important;
}

.site-footer a:hover{
  color:#fff !important;
}

/* WHATSAPP */
.nav-wa,
.fab{
  background:#25D366 !important;
}

/* MOBILE */
@media(max-width:1100px){
  .hero-home-grid{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding-block:3rem !important;
  }

  .hero-home-visual img{
    transform:none !important;
    max-width:700px !important;
  }
}

@media(max-width:760px){
  .site-header .container{
    min-height:64px !important;
  }

  .brand img{
    width:38px !important;
    height:38px !important;
  }

  .hero.hero-home .hero-home-copy h1{
    font-size:2.15rem !important;
  }

  .hero-home-grid{
    padding-top:2.5rem !important;
    padding-bottom:2rem !important;
  }

  .hero-booking{
    border-radius:14px !important;
  }

  .car{
    border-radius:14px !important;
  }
}


/* KURUMSAL OTOJET - 7 STAR YEAR BADGE */
.oc-year-badge{
  position:relative !important;
}

.oc-year-badge > strong,
.oc-year-badge > span:not(.star){
  position:relative;
  z-index:5;
}

.oc-year-stars{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
}

.oc-year-stars .star{
  position:absolute;
  display:block;
  color:#ffd45b;
  font-size:12px;
  line-height:1;
  text-shadow:
    0 0 5px rgba(255,211,82,.65),
    0 1px 2px rgba(0,0,0,.35);
  transform:translate(-50%,-50%);
}

/* 7 yıldız çember çevresinde */
.oc-year-stars .s1{left:50%;top:4%}
.oc-year-stars .s2{left:81%;top:17%}
.oc-year-stars .s3{left:96%;top:47%}
.oc-year-stars .s4{left:76%;top:84%}
.oc-year-stars .s5{left:50%;top:96%}
.oc-year-stars .s6{left:19%;top:84%}
.oc-year-stars .s7{left:4%;top:47%}

@media(max-width:760px){
  .oc-year-stars .star{
    font-size:10px;
  }
}


/* KURUMSAL OTOJET - MOBILE DISCOUNT BADGE POSITION */
@media (max-width: 760px){
  .oc-discount{
    position:absolute !important;
    top: 105px !important;
    right: -4px !important;
    left: auto !important;
    transform: rotate(-2deg) scale(.88) !important;
    z-index: 8 !important;
  }
}


/* KURUMSAL OTOJET - MOBILE LIMITED BADGE POSITION */
@media (max-width:760px){
  .oc-limited{
    position:absolute !important;
    top:215px !important;
    right:-4px !important;
    left:auto !important;
    z-index:9 !important;
    transform:rotate(-2deg) scale(.88) !important;
    transform-origin:top right !important;
  }
}

/* =========================================================
   KURUMSAL OTOJET - HYBRID NAVY / WHITE THEME V2
   ========================================================= */

body{
  background:#fff !important;
  color:#101828 !important;
}

/* HERO */
.oc-premium-hero,
.hero-home{
  background:
    radial-gradient(circle at 75% 38%,rgba(36,75,128,.24),transparent 34%),
    linear-gradient(135deg,#061426 0%,#0a1d38 56%,#102d53 100%) !important;
}

/* HERO ALTINDA HAFIF AYRIM */
.oc-premium-hero{
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* ONLINE REZERVASYON - BEYAZ PREMIUM KART */
.oc-reservation-big{
  background:#fff !important;
  color:#101828 !important;
  border:1px solid #e4e9f0 !important;
  border-radius:18px !important;
  box-shadow:
    0 18px 45px rgba(5,20,40,.18),
    0 2px 8px rgba(5,20,40,.08) !important;
}

.oc-reservation-big strong{
  color:#d9162a !important;
}

.oc-reservation-big span{
  color:#667085 !important;
}

.oc-reservation-icon,
.oc-reservation-arrow{
  color:#d9162a !important;
}

/* HERO FAYDALAR - BEYAZ KARTLAR */
.oc-benefits{
  gap:12px !important;
}

.oc-benefit{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #e3e8ef !important;
  border-radius:15px !important;
  box-shadow:0 10px 28px rgba(5,20,40,.08) !important;
}

.oc-benefit strong{
  color:#101828 !important;
}

.oc-benefit span{
  color:#667085 !important;
}

.oc-benefit-icon{
  color:#d9162a !important;
}

/* ALT İSTATİSTİK BANDI LACİVERT */
.oc-hero-stats{
  background:#07172b !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
}

.oc-stat{
  color:#fff !important;
}

.oc-stat span{
  color:#aebbd0 !important;
}

.oc-stat svg{
  color:#ef233c !important;
}

/* ARAÇ FİLO BÖLÜMÜ TAM BEYAZ */
.section.fleet{
  background:#fff !important;
  padding-top:64px !important;
  padding-bottom:68px !important;
}

.section.fleet .section-head h2{
  color:#07172b !important;
}

.section.fleet .section-head p{
  color:#667085 !important;
}

/* GENEL BÖLÜMLER - BEYAZ / AÇIK GRİ DÖNÜŞÜMLÜ */
.section{
  background:#fff !important;
}

.section.alt{
  background:#f5f7fa !important;
}

/* SECTION BAŞLIKLARI */
.section-head .kicker{
  color:#df172b !important;
}

.section-head h2{
  color:#08172c !important;
}

.section-head p{
  color:#667085 !important;
}

/* ARAÇ KARTLARI */
.car{
  background:#fff !important;
  border:1px solid #e1e7ef !important;
  border-radius:18px !important;
  box-shadow:
    0 5px 18px rgba(15,23,42,.05),
    0 16px 38px rgba(15,23,42,.06) !important;
}

.car:hover{
  transform:translateY(-5px) !important;
  border-color:#cfd8e5 !important;
  box-shadow:
    0 10px 28px rgba(15,23,42,.08),
    0 22px 48px rgba(15,23,42,.09) !important;
}

.car-media{
  background:
    linear-gradient(180deg,#fff 0%,#f7f9fc 100%) !important;
}

.car-title,
.car-title a{
  color:#0a1930 !important;
}

.car-sub,
.car-specs-foot{
  color:#667085 !important;
}

.car-price-bar{
  background:#f5f7fa !important;
  border:1px solid #e8edf3 !important;
}

.car-price-val{
  color:#d9162a !important;
}

/* ARAÇ SEÇ / OK BUTONU LACİVERT */
.car-go{
  background:#071a34 !important;
  color:#fff !important;
  border-color:#071a34 !important;
}

.car-go:hover{
  background:#102d53 !important;
  border-color:#102d53 !important;
}

/* KATEGORİ CHIP */
.chip{
  background:#fff !important;
  color:#344054 !important;
  border:1px solid #d7dee8 !important;
}

.chip[aria-pressed="true"]{
  background:#071a34 !important;
  color:#fff !important;
  border-color:#071a34 !important;
}

/* ARAMA */
.search{
  background:#fff !important;
  border:1px solid #d7dee8 !important;
  box-shadow:0 3px 12px rgba(15,23,42,.04);
}

/* ÖZELLİK KARTLARI */
.feature,
.step,
.term{
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
  border-radius:17px !important;
  box-shadow:0 8px 25px rgba(15,23,42,.055) !important;
}

.feature .ic{
  background:#edf3fa !important;
  color:#0a2447 !important;
}

/* CTA BANDI TEKRAR LACİVERT */
.cta-band{
  background:
    radial-gradient(circle at 80% 20%,rgba(41,86,150,.26),transparent 35%),
    linear-gradient(125deg,#061426,#0d2a50) !important;
  border-radius:20px !important;
  box-shadow:0 18px 42px rgba(6,20,38,.15) !important;
}

/* ANA KIRMIZI BUTON */
.btn-primary,
.book-submit{
  background:linear-gradient(135deg,#ef233c,#d71227) !important;
  border-color:#d71227 !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(215,18,39,.18) !important;
}

.btn-primary:hover,
.book-submit:hover{
  background:#c91023 !important;
}

/* ARAÇ DETAYLARI */
.detail-hero{
  background:
    radial-gradient(circle at 75% 35%,rgba(42,89,150,.25),transparent 38%),
    linear-gradient(125deg,#061426,#0e2c52) !important;
}

.offer-head{
  background:#071a34 !important;
}

.offer-panel{
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
}

/* FOOTER */
.site-footer{
  background:
    linear-gradient(145deg,#051224,#0a1e38) !important;
}

/* DESKTOP HERO DAHA TEMİZ */
@media(min-width:761px){
  .oc-hero-shell{
    padding-bottom:30px !important;
  }

  .oc-benefits{
    margin-top:18px !important;
  }
}

/* MOBİL */
@media(max-width:760px){

  .oc-premium-hero{
    background:
      linear-gradient(180deg,#061426 0%,#0a1d38 62%,#0c2748 100%) !important;
  }

  .oc-reservation-big{
    margin-inline:14px !important;
    border-radius:18px !important;
  }

  .oc-benefits{
    padding-inline:14px !important;
    gap:8px !important;
  }

  .oc-benefit{
    border-radius:14px !important;
  }

  .section.fleet{
    padding-top:42px !important;
  }

  .car{
    border-radius:16px !important;
  }
}


/* =========================================================
   KURUMSAL OTOJET - NAVY FLEET / RED ACTIONS V3
   ========================================================= */

/* ARAÇLAR BÖLÜMÜ LACİVERT */
.section.fleet{
  position:relative !important;
  background:
    radial-gradient(circle at 78% 15%,rgba(40,86,150,.22),transparent 30%),
    radial-gradient(circle at 15% 85%,rgba(20,53,98,.20),transparent 32%),
    linear-gradient(135deg,#061426 0%,#091d37 52%,#0e2c51 100%) !important;
  padding-top:64px !important;
  padding-bottom:72px !important;
  color:#fff !important;
}

/* Hafif premium çizgi */
.section.fleet::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      transparent 48%,
      rgba(255,255,255,.025) 49%,
      rgba(255,255,255,.025) 50%,
      transparent 51%
    );
}

/* Başlıklar */
.section.fleet .section-head .kicker{
  color:#ff3349 !important;
}

.section.fleet .section-head h2{
  color:#fff !important;
}

.section.fleet .section-head p{
  color:#b9c5d6 !important;
}

.section.fleet .fleet-count{
  color:#aebbd0 !important;
}

.section.fleet .fleet-count strong{
  color:#fff !important;
}

/* FİLTRELER */
.section.fleet .chip{
  background:rgba(255,255,255,.07) !important;
  color:#e7edf6 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  backdrop-filter:blur(5px);
}

.section.fleet .chip:hover{
  background:rgba(255,255,255,.12) !important;
  border-color:rgba(255,255,255,.30) !important;
  color:#fff !important;
}

/* Aktif filtre kırmızı */
.section.fleet .chip[aria-pressed="true"]{
  background:#e3182d !important;
  color:#fff !important;
  border-color:#e3182d !important;
  box-shadow:0 7px 18px rgba(227,24,45,.22) !important;
}

/* Arama kutusu beyaz */
.section.fleet .search{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.12) !important;
}

.section.fleet .search input{
  color:#111827 !important;
}

.section.fleet .search .icon{
  color:#64748b !important;
}

/* ARAÇ KARTLARI BEYAZ */
.section.fleet .car{
  background:#fff !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.12),
    0 20px 50px rgba(0,0,0,.11) !important;
}

.section.fleet .car:hover{
  transform:translateY(-6px) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.16),
    0 28px 58px rgba(0,0,0,.15) !important;
}

/* Araç görsel zemini */
.section.fleet .car-media{
  background:
    linear-gradient(180deg,#fff 0%,#f4f6f9 100%) !important;
}

/* Kart yazıları */
.section.fleet .car-title,
.section.fleet .car-title a{
  color:#08182d !important;
}

.section.fleet .car-sub,
.section.fleet .car-specs-foot{
  color:#667085 !important;
}

/* Fiyat alanı */
.section.fleet .car-price-bar{
  background:#f4f6f9 !important;
  border:1px solid #e3e8ef !important;
}

.section.fleet .car-price-val{
  color:#d9162a !important;
}

.section.fleet .car-price-val small{
  color:#a91323 !important;
}

/* ARAÇ SEÇ BUTONU KIRMIZI */
.section.fleet .car-go{
  background:linear-gradient(135deg,#ef233c,#d71227) !important;
  color:#fff !important;
  border-color:#d71227 !important;
  box-shadow:0 7px 18px rgba(215,18,39,.22) !important;
}

.section.fleet .car-go:hover{
  background:#c91023 !important;
  border-color:#c91023 !important;
  color:#fff !important;
  transform:translateX(2px) !important;
}

/* Mobilde de lacivert devam */
@media(max-width:760px){
  .section.fleet{
    padding-top:44px !important;
    padding-bottom:52px !important;
    background:
      linear-gradient(180deg,#061426 0%,#0a1e39 58%,#0d294c 100%) !important;
  }

  .section.fleet .chips{
    padding-bottom:6px !important;
  }
}