/* KOMBINLE_MOBILE_HEADER_RESET */
@media (max-width: 768px) {

  /* NAVBAR genel düzeni: dikey, ortalı */
  .navbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px 12px 6px !important;
  }

  /* Marka alanı: yazıyı gizle, sadece logo kalsın */
  .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 4px auto 8px auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .navbar-brand img {
    height: 40px !important;
    width: auto !important;
    display: block !important;
  }

  /* Menü: alt satırda, 2–3 satıra yayılmış pill linkler */
  .navbar-nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navbar-nav .nav-item {
    margin: 0 !important;
  }

  .navbar-nav .nav-link {
    display: inline-block !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    background: #f7f7f7 !important;
  }
}


/* KOMBINLE_MOBILE_HEADER_KBHEADER */
@media (max-width: 768px) {

  /* Header dikey, ortada logo */
  header.kb-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 8px 12px 6px !important;
  }

  /* Marka alanı: yazı gizli, sadece logo */
  header.kb-header .navbar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 4px auto 8px auto !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  header.kb-header .navbar-brand img {
    height: 40px !important;
    width: auto !important;
    display: block !important;
  }

  /* Menü: alt satırda, ortalanmış pill linkler */
  header.kb-header nav {
    width: 100% !important;
  }

  header.kb-header nav ul {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  header.kb-header nav li {
    margin: 0 !important;
  }

  header.kb-header nav a {
    display: inline-block !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
    background: #f7f7f7 !important;
  }
}