/* Hizmetler ve ürünler mega menüleri: ana sayfa ve tüm alt sayfalarda ortak kullanılır. */
@media (min-width: 761px) {
  .services-mega,
  .main-nav-group:has(> .services-mega__panel),
  .mobile-nav-group:has(> .services-mega__panel) {
    position: relative !important;
    z-index: 90 !important;
  }

  .services-mega::after,
  .main-nav-group:has(> .services-mega__panel)::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(2, 12, 28, 0.18);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 180ms ease, visibility 180ms ease;
  }

  .services-mega:hover::after,
  .services-mega:focus-within::after,
  .services-mega.is-open::after,
  .main-nav-group:has(> .services-mega__panel):hover::after,
  .main-nav-group:has(> .services-mega__panel):focus-within::after,
  .main-nav-group:has(> .services-mega__panel).is-open::after {
    opacity: 1;
    visibility: visible;
  }

  .services-mega__panel {
    position: fixed !important;
    top: clamp(122px, 8.39vw, 161px) !important;
    left: 50% !important;
    width: min(690px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    height: 156px !important;
    padding: 18px 20px !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #e3e9f3 url("./assets/mega-menu-services/background.png") center / 100% 100% no-repeat !important;
    box-shadow: 0 22px 55px rgba(0, 12, 31, 0.32) !important;
    color: #234887 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -8px) !important;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
  }

  .services-mega:hover .services-mega__panel,
  .services-mega:focus-within .services-mega__panel,
  .services-mega.is-open .services-mega__panel,
  .main-nav-group:has(> .services-mega__panel):hover > .services-mega__panel,
  .main-nav-group:has(> .services-mega__panel):focus-within > .services-mega__panel,
  .main-nav-group:has(> .services-mega__panel).is-open > .services-mega__panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }

  .services-mega__panel .services-mega__item {
    position: relative;
    min-width: 0;
    height: 120px;
    padding: 10px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: transparent !important;
    color: #1f3767 !important;
    font-family: Gotham, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 1.1 !important;
    text-align: center;
    text-transform: uppercase !important;
    white-space: nowrap;
    transition: color 160ms ease, background 160ms ease, transform 160ms ease;
  }

  .services-mega__panel .services-mega__item + .services-mega__item {
    border-left: 1px solid rgba(38, 66, 111, 0.25);
  }

  .services-mega__panel .services-mega__item:hover,
  .services-mega__panel .services-mega__item:focus-visible {
    color: #009fd4 !important;
    background: rgba(255, 255, 255, 0.24) !important;
    transform: translateY(-2px);
  }

  .services-mega__panel .services-mega__item img {
    width: 54px;
    height: 54px;
    display: block;
    object-fit: contain;
  }

  .product-mega,
  .main-nav-group:has(> .product-mega__panel) {
    position: relative !important;
    z-index: 90 !important;
  }

  .product-mega::after,
  .main-nav-group:has(> .product-mega__panel)::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: rgba(2, 12, 28, 0.18);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 180ms ease, visibility 180ms ease;
  }

  .product-mega:hover::after,
  .product-mega:focus-within::after,
  .product-mega.is-open::after,
  .main-nav-group:has(> .product-mega__panel):hover::after,
  .main-nav-group:has(> .product-mega__panel):focus-within::after,
  .main-nav-group:has(> .product-mega__panel).is-open::after {
    opacity: 1;
    visibility: visible;
  }

  .product-mega__panel {
    position: fixed !important;
    top: clamp(122px, 8.39vw, 161px) !important;
    left: 50% !important;
    width: min(860px, calc(100vw - 48px)) !important;
    min-width: 0 !important;
    height: 390px !important;
    padding: 18px 20px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #e3e9f3 url("./assets/mega-menu-products/background.png") center / 100% 100% no-repeat !important;
    box-shadow: 0 22px 55px rgba(0, 12, 31, 0.32) !important;
    color: #234887 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate(-50%, -8px) !important;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease !important;
    overflow: visible !important;
  }

  .product-mega:hover .product-mega__panel,
  .product-mega:focus-within .product-mega__panel,
  .product-mega.is-open .product-mega__panel,
  .main-nav-group:has(> .product-mega__panel):hover > .product-mega__panel,
  .main-nav-group:has(> .product-mega__panel):focus-within > .product-mega__panel,
  .main-nav-group:has(> .product-mega__panel).is-open > .product-mega__panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, 0) !important;
  }

  .product-mega__column {
    min-width: 0;
    padding: 0 18px;
  }

  .product-mega__column + .product-mega__column {
    border-left: 1px solid rgba(38, 66, 111, 0.25);
  }

  .product-mega__heading {
    min-height: 102px;
    padding: 2px 8px 12px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-bottom: 1px solid rgba(38, 66, 111, 0.2);
    background: transparent !important;
    color: #1f3767 !important;
    font-family: Gotham, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: center;
    text-transform: uppercase !important;
  }

  .product-mega__heading img {
    width: 52px;
    height: 52px;
    object-fit: contain;
  }

  .product-mega__list {
    padding-top: 10px;
    display: grid;
    gap: 6px;
  }

  .product-mega__item {
    min-height: 29px;
    padding: 5px 13px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid rgba(38, 66, 111, 0.12) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: #234887 !important;
    font-family: Gotham, Arial, sans-serif;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    text-align: left;
    text-transform: none !important;
    white-space: normal;
  }

  a.product-mega__heading:hover,
  a.product-mega__heading:focus-visible,
  a.product-mega__item:hover,
  a.product-mega__item:focus-visible {
    color: #00a8dd !important;
  }

  .product-mega__item.is-disabled {
    color: #6f84aa !important;
    cursor: default;
    opacity: 0.76;
  }

  .product-mega__arrow {
    color: #00a8dd;
    font-size: 17px;
    line-height: 1;
  }

  .product-mega__nested {
    margin-left: 18px;
    display: grid;
    gap: 5px;
  }
}

@media (max-width: 760px) {
  .services-mega__panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 0 0 10px 10px;
    background: #e3e9f3 url("./assets/mega-menu-services/background.png") center / cover no-repeat !important;
  }

  .services-mega.is-open .services-mega__panel,
  .mobile-nav-group:has(> .services-mega__panel).is-open > .services-mega__panel {
    max-height: 240px !important;
    padding: 8px !important;
  }

  .services-mega__panel .services-mega__item {
    min-width: 0;
    min-height: 104px !important;
    padding: 9px 5px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
    gap: 4px;
    border: 0 !important;
    background: transparent !important;
    color: #1f3767 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase !important;
  }

  .services-mega__panel .services-mega__item:nth-child(even) {
    border-left: 1px solid rgba(38, 66, 111, 0.24) !important;
  }

  .services-mega__panel .services-mega__item:nth-child(n + 3) {
    border-top: 1px solid rgba(38, 66, 111, 0.24) !important;
  }

  .services-mega__panel .services-mega__item img {
    width: 42px;
    height: 42px;
    display: block;
    object-fit: contain;
  }

  .product-mega__panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 0 0 10px 10px;
    background: #e3e9f3 url("./assets/mega-menu-products/background.png") center / cover no-repeat !important;
    overflow-y: auto !important;
  }

  .product-mega.is-open .product-mega__panel,
  .mobile-nav-group:has(> .product-mega__panel).is-open > .product-mega__panel {
    max-height: min(430px, 52vh) !important;
    padding: 10px !important;
  }

  .product-mega__column {
    min-width: 0;
    padding: 8px 6px 10px;
  }

  .product-mega__column + .product-mega__column {
    border-top: 1px solid rgba(38, 66, 111, 0.24);
  }

  .product-mega__heading {
    min-height: 60px;
    padding: 4px 6px 8px !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    border: 0 !important;
    background: transparent !important;
    color: #1f3767 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
  }

  .product-mega__heading img {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    object-fit: contain;
  }

  .product-mega__list,
  .product-mega__nested {
    display: grid;
    gap: 5px;
  }

  .product-mega__nested {
    margin-left: 18px;
  }

  .product-mega__item {
    min-height: 28px !important;
    padding: 5px 11px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 8px;
    border: 1px solid rgba(38, 66, 111, 0.12) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.84) !important;
    color: #234887 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    text-align: left;
    text-transform: none !important;
  }

  .product-mega__item.is-disabled {
    color: #6f84aa !important;
    cursor: default;
    opacity: 0.76;
  }

  .product-mega__arrow {
    color: #00a8dd;
    font-size: 15px;
  }
}

/* Hover köprüsü: başlık ile panel arasındaki boşlukta menü kapanmasın */
@media (min-width: 761px) {
  .services-mega__panel::before,
  .product-mega__panel::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 72px;
    background: transparent;
  }
}

/* Çok kademeli ürün menüsü (2026-10-04) */
.product-mega__branch{display:grid;gap:5px}
.product-mega__nested[hidden]{display:none!important}
button.product-mega__item{width:100%;font:inherit;color:inherit;background:transparent;cursor:pointer}
.product-mega__item--split{padding-right:4px!important}
.product-mega__item--split .product-mega__label{flex:1;min-width:0;color:inherit;text-decoration:none}
.product-mega__label{flex:1;min-width:0;text-align:left}
.product-mega__toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer;padding:0 6px;color:inherit;font:inherit}
.product-mega__item.product-mega__toggle{padding-right:13px}
.product-mega__chevron{display:inline-block;transition:transform .18s ease}
.product-mega__branch:not(.is-open)>.product-mega__item .product-mega__chevron,.product-mega__branch:not(.is-open)>.product-mega__toggle .product-mega__chevron{transform:rotate(-90deg)}
.product-mega__item--branch:hover,.product-mega__item--branch:focus-visible{color:#00a8dd!important}
@media (min-width:761px){
.product-mega__panel{grid-template-rows:minmax(0,1fr)!important}
.product-mega__column{display:flex;flex-direction:column;min-height:0}
.product-mega__list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(38,66,111,.35) transparent;padding-right:4px;align-content:start}
.product-mega__nested .product-mega__nested{margin-left:12px}
}
@media (max-width:760px){
.product-mega__nested .product-mega__nested{margin-left:12px}
}

.product-mega__item--split .product-mega__label,.product-mega__item--split .product-mega__label:hover{font:inherit!important;line-height:inherit!important;padding:0!important;margin:0!important;min-height:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:block!important;color:inherit!important;transform:none!important}
.product-mega__item--split .product-mega__label:hover,.product-mega__item--split .product-mega__label:focus-visible{color:#00a8dd!important}
.product-mega__item--split .product-mega__toggle{min-height:0!important;width:auto!important;margin:0!important;box-shadow:none!important}

/* Megamenü yerleşimi: menü çubuğunu kapatmaz, iç kaydırma yok (2026-10-04) */
@media (min-width:761px){
.services-mega__panel,.product-mega__panel{top:var(--zmega-top,clamp(122px,8.39vw,161px))!important}
.services-mega::after,.main-nav-group:has(> .services-mega__panel)::after,.product-mega::after,.main-nav-group:has(> .product-mega__panel)::after{inset:var(--zmega-top,140px) 0 0 0!important;pointer-events:none!important}
.product-mega__panel{height:auto!important;max-height:calc(100vh - var(--zmega-top,140px) - 20px)!important;overflow-y:auto!important;grid-template-rows:auto!important;align-items:start!important;scrollbar-width:thin}
.product-mega__column{display:block!important;min-height:0!important}
.product-mega__list{overflow:visible!important;max-height:none!important;flex:none!important;padding-right:0!important}
}

/* Megamenü ürün listesi görünümü v2 */
.product-mega__panel .product-mega__list,.product-mega__panel .product-mega__nested{gap:4px!important}
.product-mega__panel .product-mega__item{min-height:30px!important;padding:6px 12px!important;border:1px solid rgba(38,66,111,.10)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;color:#243567!important;font-size:12.5px!important;font-weight:500!important;line-height:1.3!important;text-decoration:none!important;transition:background .16s,border-color .16s,color .16s}
.product-mega__panel a.product-mega__item:hover,.product-mega__panel a.product-mega__item:focus-visible,.product-mega__panel button.product-mega__item:hover,.product-mega__panel button.product-mega__item:focus-visible{background:#eaf6fd!important;border-color:#a9dcf2!important;color:#0070c6!important;outline:none}
.product-mega__panel .product-mega__item.is-disabled{background:transparent!important;border-color:transparent!important;color:#7d8fb0!important;opacity:1!important;font-size:12px!important;min-height:26px!important;padding:4px 12px!important}
.product-mega__panel .product-mega__branch.is-open>.product-mega__item{background:#e3f3fb!important;border-color:#00a8dd!important;color:#0b5aa6!important;font-weight:700!important}
.product-mega__panel .product-mega__item.is-current{background:#0070c6!important;border-color:#0070c6!important;color:#fff!important;font-weight:700!important}
.product-mega__panel .product-mega__nested{margin:2px 0 4px 10px!important;padding-left:9px!important;border-left:2px solid #cfe9f6}
.product-mega__panel .product-mega__nested .product-mega__nested{margin-left:6px!important}
.product-mega__panel a.product-mega__item>.product-mega__arrow{display:none!important}
.product-mega__panel .product-mega__chevron{display:inline-block!important;flex:none;width:7px!important;height:7px!important;margin:0 2px 3px 8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;font-size:0!important;color:#00a8dd!important;transform:rotate(-45deg)!important;transition:transform .18s ease,margin .18s}
.product-mega__panel .product-mega__branch.is-open>.product-mega__item .product-mega__chevron{transform:rotate(45deg)!important;margin-bottom:5px}
.product-mega__panel .product-mega__branch.is-open>.product-mega__item .product-mega__chevron,.product-mega__panel .product-mega__item:hover .product-mega__chevron{color:#0070c6!important}
.product-mega__panel .product-mega__all{background:transparent!important;border-color:transparent!important;color:#0070c6!important;font-weight:700!important;font-size:12px!important;min-height:26px!important;padding:4px 12px!important;justify-content:flex-start!important;gap:6px!important}
.product-mega__panel .product-mega__all::after{content:"→";font-weight:700}
.product-mega__panel .product-mega__all:hover{background:#eaf6fd!important;text-decoration:none}