/* =========================================================
   ENZO VIP — Tema Katmanı  (tüm stillerden SONRA yüklenir)
   Dil: geniş boşluk, iri ve sıkı tipografi, saf siyah / kırık
   beyaz zeminler, sarı yalnızca vurgu olarak.
   ========================================================= */

:root{
  --e-yellow:#f2b705;
  --e-yellow-dk:#b98800;
  --e-yellow-lt:#ffd451;
  --e-black:#000000;
  --e-ink:#1d1d1f;
  --e-ink-2:#6e6e73;
  --e-paper:#fbfbfd;
  --e-line:#e3e3e6;
  --e-font:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --cd-primary-color:#f2b705;
  --title-font:var(--e-font);
  --body-font:var(--e-font);
  --e-ease:cubic-bezier(.28,.11,.32,1);
}

/* ---------------- Tipografi temeli ---------------- */
html{ scroll-behavior:smooth; }
body{
  font-family:var(--e-font);
  font-size:17px;
  line-height:1.55;
  color:var(--e-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.01em;
}
h1,h2,h3,h4,h5,h6,
.main-title,.item-title,.post-title,.infobox-title,.actionbox-title,.widgettitle,.app-features-title{
  font-family:var(--e-font) !important;
  font-weight:700 !important;
  color:var(--e-ink);
  letter-spacing:-.028em;
  text-transform:none !important;
  line-height:1.08;
}
h2,.main-title{ font-size:clamp(30px,3.6vw,48px) !important; }
h3{ font-size:clamp(22px,2.4vw,32px); }
p{ font-size:17px; color:#48484d; }
.sub-title,.section-title-new .sub-title{
  font-family:var(--e-font) !important;
  text-transform:none !important;
  letter-spacing:-.01em !important;
  font-size:17px !important;
  font-weight:600 !important;
  color:var(--e-yellow-dk) !important;
}
.sub-title label{ display:none !important; }

/* ---------------- Butonlar: hap düğmeler ---------------- */
.button,.btn,button.button,input[type="submit"].button{
  border-radius:980px !important;
  font-family:var(--e-font) !important;
  font-weight:500 !important;
  font-size:16px !important;
  letter-spacing:-.01em !important;
  text-transform:none !important;
  padding:12px 26px !important;
  background:var(--e-yellow);
  color:#1d1d1f !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  transition:background .25s var(--e-ease), color .25s var(--e-ease);
}
.button:before{ display:none !important; }
.button:hover,.button:focus,.button:active{ background:var(--e-yellow-lt) !important; color:#1d1d1f !important; }
.button.border{ background:transparent; color:var(--e-ink) !important; border:1px solid rgba(0,0,0,.28) !important; }
.button.border:hover{ background:rgba(0,0,0,.05) !important; color:var(--e-ink) !important; }
.button.white{ background:#fff; color:var(--e-ink) !important; }
.button.black,.button.black_2{ background:var(--e-ink); color:#fff !important; }
.button.black:hover,.button.black_2:hover{ background:#33333a !important; color:#fff !important; }
.button.extra-large{ padding:15px 32px !important; font-size:17px !important; }

/* Ok bağlantısı */
.e-link{
  display:inline-flex; align-items:center; gap:6px;
  color:var(--e-yellow-dk); font-size:17px; font-weight:500; letter-spacing:-.01em;
}
.e-link:after{ content:'›'; font-size:21px; line-height:1; transform:translateY(-2px); transition:transform .25s var(--e-ease); }
.e-link:hover:after{ transform:translate(3px,-2px); }
.e-link.on-dark{ color:var(--e-yellow-lt); }

a{ color:var(--e-yellow-dk); text-decoration:none; }
a:hover{ color:var(--e-yellow-dk); }
::selection{ background:var(--e-yellow); color:#1d1d1f; }

/* ---------------- Navigasyon: ince, bulanık, sabit ---------------- */
.enzo-topbar{ display:none !important; }

#header,#header.defualt,#header.default-new,#header.defualt-light{
  position:sticky !important; top:0; z-index:9990;
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
#header .header-inner{ border-bottom:none !important; min-height:52px; }
header .header-navbar-v2 .header-inner .menu-logo{ padding:9px 0 !important; }
#header .menu-logo img{ max-height:30px; width:auto; filter:none !important; }
.icSayfaMenu .menu-logo img{ filter:none !important; }
header .header-navbar-v2 .header-inner .menu-links > li > a{
  color:rgba(255,255,255,.86) !important;
  font-family:var(--e-font) !important;
  font-weight:400 !important;
  font-size:14px !important;
  letter-spacing:-.01em !important;
  transition:color .2s var(--e-ease);
}
header .header-navbar-v2 .header-inner .menu-links > li > a:hover,
header .header-navbar-v2 .header-inner .menu-links > li.active > a{ color:#fff !important; }
header .header-navbar-v2 .header-inner .menu-links > li.active > a{ font-weight:500 !important; }
.header-button .button{
  background:var(--e-yellow) !important; color:#1d1d1f !important;
  padding:7px 16px !important; font-size:13.5px !important; font-weight:500 !important;
}
.mega-menu .menu-mobile-collapse-trigger span,
.mega-menu .menu-mobile-collapse-trigger span:before,
.mega-menu .menu-mobile-collapse-trigger span:after{ background:#fff !important; }
@media(max-width:991px){
  .mega-menu .menu-links{ background:rgba(0,0,0,.96) !important; }
  header .header-navbar-v2 .header-inner .menu-links > li > a{ padding:13px 16px !important; font-size:16px !important; }
}

/* Ürün alt-navigasyonu */
.e-subnav{
  position:sticky; top:52px; z-index:9980;
  background:rgba(251,251,253,.82);
  backdrop-filter:saturate(180%) blur(20px);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.e-subnav .inner{
  max-width:1080px; margin:0 auto; padding:0 22px;
  display:flex; align-items:center; gap:18px; height:52px;
}
.e-subnav .brand{ font-size:20px; font-weight:600; letter-spacing:-.02em; color:var(--e-ink); white-space:nowrap; }
.e-subnav .links{ display:flex; align-items:center; gap:22px; margin-left:auto; }
.e-subnav .links a{ font-size:13px; color:#1d1d1f; opacity:.85; }
.e-subnav .links a:hover{ opacity:1; }
.e-subnav .cta{
  background:var(--e-yellow); color:#1d1d1f !important; border-radius:980px;
  padding:6px 15px; font-size:13px; font-weight:500; white-space:nowrap;
}
@media(max-width:860px){ .e-subnav .links a{ display:none; } .e-subnav .brand{ font-size:17px; } }

/* ---------------- Bölüm ritmi ---------------- */
.section-ptb,.page-section-ptb{ padding:96px 0; }
.enzo-section{ padding:110px 0; }
.enzo-section.enzo-gray{ background:var(--e-paper); }
.enzo-section.enzo-dark{ background:var(--e-black); color:#f5f5f7; }
.enzo-section.enzo-dark h2,.enzo-section.enzo-dark h3,.enzo-section.enzo-dark h5{ color:#f5f5f7; }
.enzo-section.enzo-dark p{ color:#a1a1a6; }

.enzo-head{ margin-bottom:56px; }
.enzo-head .enzo-kicker{
  display:block; font-size:17px; font-weight:600; letter-spacing:-.01em;
  color:var(--e-yellow-dk); margin-bottom:8px;
}
.enzo-head h2{ margin:0 0 14px; }
.enzo-head p{ max-width:640px; margin:0; color:var(--e-ink-2); font-size:19px; }
.enzo-head.enzo-center{ text-align:center; }
.enzo-head.enzo-center p{ margin:0 auto; }
.enzo-section.enzo-dark .enzo-head .enzo-kicker{ color:var(--e-yellow-lt); }
.enzo-section.enzo-dark .enzo-head p{ color:#a1a1a6; }

/* ---------------- Kart yüzeyleri ---------------- */
.app-features-box,.cdhl-infobox.infobox-shadow,.car-item,.blog-post-new{
  border-radius:18px !important;
  background:#fff;
  border:1px solid var(--e-line);
  box-shadow:none !important;
  transition:transform .35s var(--e-ease), box-shadow .35s var(--e-ease);
}
.app-features-box{ padding:30px 28px !important; }
.app-features-box:hover,.car-item:hover,.blog-post-new:hover{
  transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.08) !important;
}
.app-features-title a{ color:var(--e-ink) !important; font-size:21px; font-weight:600; }
.app-features-title a:hover{ color:var(--e-yellow-dk) !important; }
.car-item,.vehicle-showcase-5{ overflow:hidden; }
.vehicle-showcase-5 .car-content{ border:none; padding:26px !important; }
.vehicle-showcase-5 .car-image .price.car-price{ border-radius:980px !important; }
.vehicle-showcase-5 .car-image .price .new-price,
.vehicle-showcase-5 .car-image .price .new-price .currency{
  color:#1d1d1f !important; font-weight:600 !important; font-size:12px !important; letter-spacing:.02em;
}
.image-overlay-text .overlay-textbox.textbox-dark{ border-radius:16px !important; }
mark{ background:var(--e-yellow); color:#1d1d1f; }

/* ---------------- İç sayfa üst başlığı ---------------- */
.inner-intro{ padding:120px 0 96px !important; position:relative; background-color:#000 !important; }
.inner-intro:after{ content:''; position:absolute; inset:auto 0 0 0; height:1px; background:rgba(255,255,255,.14); }
.inner-intro h1{
  font-family:var(--e-font) !important; font-weight:700 !important;
  font-size:clamp(34px,5vw,60px) !important; letter-spacing:-.03em;
  text-transform:none !important; color:#f5f5f7 !important;
}
.inner-intro .page-breadcrumb li,
.inner-intro .page-breadcrumb li a,
.inner-intro .page-breadcrumb li span{ color:rgba(255,255,255,.62) !important; font-size:14px; }
.inner-intro .page-breadcrumb li a:hover{ color:var(--e-yellow-lt) !important; }

/* ---------------- Detay sayfaları ---------------- */
.nav-tabs{ border-bottom:1px solid var(--e-line); }
.nav-tabs .nav-link{
  font-family:var(--e-font); font-weight:500; font-size:16px; color:var(--e-ink-2);
  border:none !important; border-radius:0 !important; padding:14px 20px;
}
.nav-tabs .nav-link.active{
  background:transparent !important; color:var(--e-ink) !important;
  border-bottom:2px solid var(--e-yellow) !important;
}
.table thead th{ background:var(--e-paper); color:var(--e-ink); font-weight:600; border:none; }
.list-style-1 li i{ color:var(--e-yellow-dk); }
.car-details-sidebar .details-block,.details-form{ border:1px solid var(--e-line); border-radius:18px; }
.details-block h5,.details-form h5{ font-size:21px; font-weight:600; }
.accordion .accordion-header .accordion-button{
  font-family:var(--e-font); font-size:19px; font-weight:500; color:var(--e-ink);
  background:#fff !important; box-shadow:none !important;
  padding:22px 54px 22px 4px !important; border:none;
}
.accordion .accordion-header .accordion-button:not(.collapsed){ color:var(--e-ink) !important; background:#fff !important; }
.accordion .accordion-header .accordion-button:after,
.accordion .accordion-header .accordion-button.collapsed:after{
  left:auto !important; right:12px !important; color:var(--e-yellow-dk) !important;
}
.accordion-item{ border:none !important; border-bottom:1px solid var(--e-line) !important; border-radius:0 !important; }
.accordion-body{ padding:0 4px 24px !important; color:#48484d; font-size:16.5px; }

/* ---------------- Formlar ---------------- */
.form-control,.form-select{
  border-radius:12px !important; border:1px solid #d2d2d7 !important;
  padding:13px 15px !important; font-size:16px !important; font-family:var(--e-font);
}
.form-control:focus{ border-color:var(--e-yellow) !important; box-shadow:0 0 0 4px rgba(242,183,5,.18) !important; }

/* ---------------- Footer ---------------- */
.enzo-footer{ background:var(--e-paper); color:var(--e-ink-2); }
.enzo-footer-top{ background:#000; padding:96px 0; text-align:center; }
.enzo-footer-top h3{ color:#f5f5f7; font-size:clamp(30px,4.4vw,54px); letter-spacing:-.03em; margin:0 0 14px; }
.enzo-footer-top p{ color:#a1a1a6; font-size:19px; margin:0 0 30px; }
.enzo-footer-top .button.border{ border:1px solid rgba(255,255,255,.35) !important; color:#f5f5f7 !important; background:transparent; }
.enzo-footer-top .button.border:hover{ background:rgba(255,255,255,.1) !important; color:#fff !important; }
.enzo-footer-main{ padding:52px 0 34px; font-size:14px; }
.enzo-footer-main .widgettitle{ color:var(--e-ink) !important; font-size:14px; font-weight:600; margin-bottom:14px; letter-spacing:-.01em; }
.enzo-footer-main .widgettitle:after{ display:none; }
.enzo-footer-logo img{ max-height:34px; width:auto; margin-bottom:16px; }
.enzo-footer-main p{ font-size:14px; color:var(--e-ink-2); line-height:1.6; }
.enzo-footer-contact{ list-style:none; padding:0; margin:16px 0 0; }
.enzo-footer-contact li{ padding:4px 0; font-size:14px; color:var(--e-ink-2); }
.enzo-footer-contact li i{ color:var(--e-yellow-dk); width:18px; }
.enzo-footer-contact a{ color:var(--e-ink-2); }
.enzo-footer-contact a:hover{ color:var(--e-ink); }
.enzo-footer-links{ list-style:none; padding:0; margin:0; }
.enzo-footer-links li{ padding:5px 0; border:none; }
.enzo-footer-links li a{ color:var(--e-ink-2); font-size:14px; }
.enzo-footer-links li a:hover{ color:var(--e-ink); text-decoration:underline; }
.enzo-footer-social{ margin-top:18px; display:flex; gap:10px; }
.enzo-footer-social a{
  width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  border:1px solid var(--e-line); border-radius:50%; color:var(--e-ink-2); background:#fff;
}
.enzo-footer-social a:hover{ background:var(--e-yellow); border-color:var(--e-yellow); color:#1d1d1f; }
.enzo-footer-bottom{ border-top:1px solid var(--e-line); padding:18px 0 34px; }
.enzo-footer-bottom p{ margin:0; font-size:12.5px; color:#86868b; }

/* ---------------- WhatsApp ---------------- */
.whatsapp-sticky{ border-radius:980px !important; box-shadow:0 6px 20px rgba(0,0,0,.18); }
.car-top{ display:none !important; }

/* ---------------- Scroll reveal ---------------- */
.e-js [data-e-reveal]{
  opacity:0; transform:translateY(28px);
  transition:opacity .9s var(--e-ease), transform .9s var(--e-ease);
  will-change:opacity,transform;
}
.e-js [data-e-reveal].is-in{ opacity:1; transform:none; }
.e-js [data-e-reveal][data-e-delay="1"]{ transition-delay:.10s; }
.e-js [data-e-reveal][data-e-delay="2"]{ transition-delay:.20s; }
.e-js [data-e-reveal][data-e-delay="3"]{ transition-delay:.30s; }
.e-js [data-e-reveal][data-e-delay="4"]{ transition-delay:.40s; }

.e-fallback [data-e-reveal]{ opacity:1 !important; transform:none !important; }

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  [data-e-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* Şablonun eski "scroll'da sabitlenen menü" davranışını iptal et —
   #header zaten sticky; ikisi birlikte çift bar oluşturuyordu. */
@media screen and (min-width:992px){
  .mega-menu.desktopTopFixed .menu-list-items{
    position:static !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
    border:none !important;
  }
  .mega-menu.desktopTopFixed .menu-list-items .menu-logo > li > a img{ max-height:30px !important; }
}
body.desktopTopFixed-active{ padding-top:0 !important; }
