/* ZNS Medikal örneği tarzı boxed layout — SADECE DESKTOP
   Not: Mobil görünüm etkilenmesin diye tüm kurallar min-width: 992 altında. */

@media (min-width: 992px) {
  :root {
    --boxed-width: 1320px;
    --zns-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }

  /* Üst şerit + header + kategori şeridi: JS --header-outer-min-h ile ölçülen min-height; scroll’da sıçrama azalır */
  .header-outer-wrapper {
    position: relative;
    z-index: 0;
    isolation: isolate;
    min-height: var(--header-outer-min-h, auto);
  }

  .header-outer-wrapper.header-outer--sticky {
    min-height: 0;
  }

  /* Tipografi: kurumsal sans-serif */
  .header,
  .header .header-middle,
  .header .main-navigation {
    font-family: var(--zns-font-sans);
  }

  /* Sabit header: tek <header> — main.js masaüstünde navbar’a fixed-top eklemez */
  .header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background-color: #ffffff !important;
    isolation: isolate;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transition: transform 0.3s ease;
  }

  .header.is-sticky {
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  }

  /* Scroll: üst slogan şeridi + kategori (marquee) katmanı gizli — sadece logo+arama+ana linkler */
  .header.is-sticky .header-top {
    display: none !important;
  }

  .header.is-sticky .main-navigation {
    display: none !important;
  }

  .header.is-sticky .header-middle {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: none !important;
  }

  .header-middle-logo .site-logo-img--middle {
    /* max-height animasyonu sticky geçişinde layout + scroll ile titreme üretir */
    transition: none;
  }

  .header.is-sticky .header-middle-logo .site-logo-img--middle {
    max-height: 52px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .header.is-sticky .header-middle-search .search-content {
    min-height: 40px !important;
    padding: 4px 8px !important;
  }

  .header.is-sticky .desktop-main-nav-link {
    font-size: 13px !important;
    padding: 2px 0 !important;
  }

  .header.is-sticky .desktop-main-nav-row {
    gap: 8px 16px !important;
    padding: 0 !important;
  }

  .header-top {
    position: relative;
    z-index: 1;
  }

  .header-middle,
  .main-navigation {
    position: relative !important;
    z-index: 1;
    background-color: #ffffff !important;
  }

  /* main.js fixed-top kalıntısı — masaüstünde asla fixed olmasın */
  .main-navigation .navbar {
    position: relative !important;
  }

  .main-navigation .navbar.fixed-top {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
  }

  /* Logo + arama + linkler: Flexbox, üst üste binme yok (position:absolute yok) */
  .header-middle .desktop-header-middle-row.row.align-items-center {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    row-gap: 12px;
    column-gap: 12px;
    position: relative;
  }

  .header-middle .desktop-header-middle-row > [class*="col-"] {
    position: relative;
  }

  .header-middle-logo {
    position: relative !important;
    flex: 0 0 auto;
  }

  .header-middle-search {
    position: relative !important;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
  }

  /* padding-top JS ile anlık; transition scroll sırasında titremeyi artırır */
  .main {
    position: relative;
    z-index: 0;
  }

  .home-hero-section,
  .home-hero-boxed-wrapper {
    position: relative;
    z-index: 0;
  }

  /* ===== Top Bar ===== */
  .header-top.header-top--marquee {
    background: #001a33 !important;
  }

  .topbar-desktop {
    width: 100%;
    padding: 7px 0;
  }

  .topbar-desktop .container {
    max-width: var(--boxed-width) !important;
  }

  .topbar-desktop-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }

  .topbar-slogan {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  .topbar-links {
    display: flex;
    align-items: center;
    gap: 18px;
    white-space: nowrap;
  }

  .topbar-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
  }

  .topbar-link:hover {
    color: var(--secondary-cyan) !important;
  }

  /* ===== Duyuru Şeridi (Top-bar) ===== */
  .header-top.header-top--marquee .announcement-marquee__viewport {
    max-width: var(--boxed-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  /* ===== Header: 3'lü yapı (Logo - Search - Destek) ===== */
  .header-middle .container {
    max-width: var(--boxed-width) !important;
  }

  .header-middle-search {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .header-middle-search .search-content {
    background: #fff !important;
    border-radius: 25px;
  }

  .header-middle-search .form-control::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
  }

  .header-middle-search .search-btn {
    color: #001a33 !important;
  }

  .header-middle-search .search-content {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: min(880px, 100%);
    margin-left: auto;
    margin-right: auto;
    border-radius: 25px;
    padding: 6px 8px;
    gap: 8px;
    min-height: 48px;
    border: 1px solid rgba(0, 26, 51, 0.14);
    position: relative;
  }

  .header-middle-search .form-control {
    flex: 1 1 auto;
    min-width: 0;
    color: #001a33 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 25px;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }

  /* Search butonu (büyüteç) */
  .header-middle-search .search-btn {
    border-radius: 25px;
    padding: 6px 14px 6px 14px;
    background: transparent !important;
    border: none !important;
  }

  /* Kategorilerden önce ince ayırıcı (normal scroll; sticky’de header-middle border kalkar) */
  .header:not(.is-sticky) .header-middle {
    border-bottom: 1px solid rgba(0, 26, 51, 0.1);
  }

  /* ===== Menü/Kategoriler (Desktop) — Flexbox ===== */
  .main-navigation .navbar > .container.desktop-nav-container {
    position: static !important;
    max-width: var(--boxed-width) !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0;
  }

  .desktop-nav-stack {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  /* Ana linkler: logo satırında sağa hizalı (kategori şeridinin üst satırı) */
  .header-middle .desktop-main-nav-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px 22px;
    padding: 0;
    border-bottom: none;
    width: 100%;
    max-width: 100%;
  }

  .desktop-main-nav-inline {
    min-width: 0;
  }

  .desktop-main-nav-link {
    font-family: var(--zns-font-sans);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #001a33 !important;
    text-decoration: none !important;
    white-space: nowrap;
    padding: 4px 0;
    transition: color 0.2s ease, opacity 0.2s ease;
  }

  .desktop-main-nav-link:hover {
    color: var(--secondary-cyan) !important;
  }

  .desktop-categories-bar {
    width: 100%;
    padding-top: 4px;
    padding-bottom: 2px;
    display: flex;
    justify-content: center;
  }

  /* Desktop'ta offcanvas ve mobil menü parçaları görünmesin */
  .main-navigation .navbar-toggler {
    display: none !important;
  }
  .main-navigation .mobile-menu-right {
    display: none !important;
  }
  .main-navigation .offcanvas {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .main-navigation .category-all {
    display: none !important;
  }

  /* Header ile Navbar arasına katman boşluğu */
  .header-middle {
    margin-bottom: 0 !important;
    background: #fff !important;
  }

  .header-middle a {
    color: #001a33 !important;
  }

  /* Navbar ile Slider arasına nefes */
  .main-navigation {
    margin-bottom: 50px !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(0, 26, 51, 0.12);
    width: 100%;
  }

  /* Navbar arka planı da full-width olmasın (boxed görünüm) */
  .main-navigation {
    display: flex;
    justify-content: center;
  }

  .main-navigation .navbar {
    width: 100%;
    max-width: var(--boxed-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Navbar içindeki genel link renklendirmesi kategori özelinde yapılacak */
  .main-navigation .navbar a {
    text-decoration: none !important;
  }

  /* Desktop'ta navbar içindeki ikinci logo karmaşası olmasın */
  .main-navigation .navbar-brand {
    display: none !important;
  }

  /* ===== Boxed Slider ===== */
  .home-hero-section {
    background: transparent;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .home-hero-boxed-wrapper {
    max-width: var(--boxed-width);
    margin-left: auto;
    margin-right: auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 26px;
    position: relative;
  }

  /* Slider uçları ekran kenarına değmesin */
  .home-hero-boxed-wrapper .home-hero-slider,
  .home-hero-boxed-wrapper .hero-slider {
    width: 100% !important;
  }

  /* Not: pagination/nav override kaldırıldı (CSS çakışmalarını önlemek için) */

  /* Eski/çakışan full-width hissini kır */
  .home-hero-section.w-100 {
    width: auto !important;
  }

  .home-hero-section.vh-100 {
    height: auto !important;
    min-height: auto !important;
  }

  /* İçerik hizası: metin alanı daha kompakt */
  .home-hero-copy {
    max-width: 540px;
  }

  .home-hero-actions {
    justify-content: flex-start;
    gap: 14px;
  }

  /* Arkaplan görseli (tekerlekli sandalye vb.) sağ tarafa daha odaklı görünsün */
  .home-hero-slide__bg {
    background-position: right center !important;
  }

  /* Footer boxed */
  .footer-area .container,
  .copyright .container {
    max-width: var(--boxed-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}

/* Wrapper yalnızca masaüstü anlamında; mobilde DOM katmanını yok say (hamburger yapısı aynı) */
@media (max-width: 991.98px) {
  .header-outer-wrapper {
    display: contents;
  }
}