.intro-section2 {
  top: 0;
  left: 0;
  height: 350px;
  width: 100%;
  z-index: 1;
  transition: all 0.4s ease-out;
}

.intro-section2 h2 {
    color: white;
    font-size: 2.5rem;
    text-align: center;
    margin-top: 100px;
}


.whatsapp-share-boxes {position:fixed;bottom:0;z-index:99999}
.whatsapp-share-button .btn {padding: 8px 10px 6px 10px;font-size: 15px;border-radius: 14px 14px 0 0;box-shadow:1px 5px 15px #2e3131;transition:all 400ms ease}
.whatsapp-share-button .btn i {font-size: 32px;margin-right:4px}





/* =========================
   0) Değişkenler & Temel
   ========================= */
:root {
  --header-h-desktop: 120px;
  --header-h-mobile:  80px;
  --header-bg-grad: linear-gradient(rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);
  --header-bg-solid: #111624; /* scroll sonrası */
}



/* =========================
   1) Header (sabit + hizalı)
   ========================= */
.ckav-header{
  position: fixed; top:0; left:0; width:100%;
  z-index: 9999;
  background: var(--header-bg-grad);
  transition: background .3s ease;
}
.ckav-header.scrolled{ background: var(--header-bg-solid); }

/* Header satırı: yükseklik + hizalama */
.header-row{
  display:flex; align-items:center;
  min-height: var(--header-h-desktop);
}
@media (max-width: 991px){
  .header-row{ min-height: var(--header-h-mobile); }
}

/* Logo alanı */
.logo-wrapper{
  display:flex; align-items:center; justify-content:flex-start;
  height: var(--header-h-desktop);
  margin:0 !important;
}
.logo-wrapper img{
  display:block;
  /* LOGO KONTROL: masaüstü */
  height:auto; width:auto; max-width: 220px; /* güvenli sınırlar */
}
@media (max-width: 991px){
  .logo-wrapper{ height: var(--header-h-mobile); }
  .logo-wrapper img{  max-width: 150px; margin-top: 10px;}
 
}

/* Sağ bölüm (sosyal + burger) hizası */
.social-section, .menu-icon-wrp{ margin:0 !important; }

/* =========================
   2) Navigasyon (masaüstü)
   ========================= */
.navigation-section{
  position: relative; z-index: 1001;
}
.navigation-ul{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; justify-content:center; gap:10px;
}
.navigation-li{ display:inline-flex; }

.navigation-a{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  height: var(--header-h-desktop);
  padding: 0 24px;
  color:#fff; text-decoration:none; font-weight:400;
  transition: all .3s ease;
}
.navigation-a .icon{
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  font-size:24px; opacity:.8; transition: .3s;
}
.navigation-a .text{ font-size:14px; text-transform:uppercase; letter-spacing:1px; }
.navigation-a .line{ width:20px; height:2px; background:transparent; margin-top:5px; transition:.3s; }
.navigation-a:hover{ color:#fff; }
.navigation-a:hover .icon{ opacity:1; }
.navigation-a:hover .line{ background:#fff; }

/* =========================
   3) Navigasyon (mobil)
   ========================= */
@media (max-width: 991px){
  /* Burger görünür, sosyal ikonları gizle (yer açılsın) */
  .menu-toggle, .menu-icon-wrp{
    display:flex !important; align-items:center; justify-content:center;
    width:48px; height:48px; background:transparent; border:0; padding:0; margin-left:8px; cursor:pointer;
  }
  .social-section{ display:none !important; }

  /* Menüyü header altına fixed aç */
  .navigation-section{
    position: fixed;
    top: var(--header-h-mobile);
    left:0; right:0;
    background:#000;
    display:none;
    max-height: calc(100vh - var(--header-h-mobile));
    overflow:auto;
    z-index: 9998;
  }
  .ckav-header.is-open .navigation-section{ display:block; }

  /* Dikey liste */
  .navigation-ul{
    flex-direction:column; align-items:stretch; gap:0;
    padding:8px 0;
  }
  .navigation-li{ display:block; }
  .navigation-a{
    height:56px; flex-direction:row; justify-content:flex-start;
    padding: 0 16px; border-bottom:1px solid rgba(255,255,255,.08);
  }
  .navigation-a .icon{ width:32px; height:32px; font-size:18px; opacity:.9; }
  .navigation-a .text{ font-size:14px; letter-spacing:.3px; margin-left:8px; }
  .navigation-a .line{ display:none; }
}

/* Menü açıkken body scroll kilidi (opsiyonel) */
.no-scroll{ overflow:hidden; }

/* =========================
   4) Hero & Breadcrumb
   ========================= */
.hero-header {
  
  color:#fff;
  position: relative;
  z-index: 0;      /* içerik, header’ın altında kalsın */
  padding-bottom: 30px;
  margin-top: 0;
}

.breadcrumb-wrapper{
  position: relative;
  z-index: 10;
  padding-top: 30px;   /* menünün hemen ALTINA otursun */
  padding-bottom: 20px;
  text-align: left;
}
@media (max-width: 768px){
  .breadcrumb-wrapper{
    padding-top: 10px; /* mobilde daha az */
  }
}
.breadcrumb-wrapper h1{
  color:#fff; font-size:42px; font-family:"Work Sans", sans-serif; margin: 0 0 10px;
}

.breadcrumb{
  display:flex; justify-content:center; flex-wrap:wrap; gap:5px; background:transparent;
}
.breadcrumb a{
  color:#fff; text-decoration:none; font-weight:300; font-size:16px; margin-right:8px;
}
.breadcrumb i{ margin-top:4px; }
.breadcrumb span{ color:#ccc; font-size:16px; margin-left:8px; }

@media (max-width: 768px){
  .breadcrumb-wrapper{ padding-top: 10px; padding-bottom: 10px; }
  .breadcrumb a{ font-size:14px; }
   .breadcrumb-wrapper h1 {
    font-size: 32px;
    margin-top:15px
  }
}

/* =========================
   5) Footer
   ========================= */
.footer-area {
  background:#111624; padding:45px 0;
}
.footer-area h4{
  color:#fff; border-bottom:1px solid #223054; padding-bottom:15px; margin:0 0 12px;
}
.footer-area ul{ margin:0; padding:0; list-style:none; }
.footer-area ul li{ padding:3px 5px; }
.footer-area ul li a{ color:#6f6f6f; }
.footer-area ul li a:hover{ color:#fff; }
.footer-area i{ width:15px; margin-right:1px; }

/* =========================
   6) Güvenlik: stacking context
   ========================= */
.about-section, .hero-header, .inner-wrapper{
  position: relative; z-index: auto; transform:none; filter:none;
}

/* Her zaman tıklanabilsin */
.navigation-section, .navigation-ul, .navigation-li, .navigation-a {
  pointer-events: auto;
}


/* Varsayılan: masaüstünde gizle */
.menu-toggle,
.menu-icon-wrp{
  display: none;
}

/* Sadece mobilde göster */
@media (max-width: 991px){
  .menu-toggle,
  .menu-icon-wrp{
    display:flex !important;
    align-items:center; justify-content:center;
    width:48px; height:48px;
    background:transparent; border:0; padding:0; margin-left:8px;
    cursor:pointer;
  }
  /* Sosyali mobilde gizle */
  .social-section{ display:none !important; }
}




:root{
  --header-h-desktop: 120px; /* Masaüstü header yüksekliği */
  --header-h-mobile: 80px;   /* Mobil header yüksekliği */
}

.header-spacer{
  height: var(--header-h-desktop);
}

@media (max-width: 991px){
  .header-spacer{
    height: var(--header-h-mobile);
  }
}