/* Akademi mega menü: yalnızca anasayfa (akademi-megamenu-spec-v5; v2-logo diline uyarlandı: düz kenar, lacivert sütun, mavi bar).
   Katmansız yazıldı; styles.css'teki @layer kurallarından sonra gelir ve onları geçer. Yeni renk/font/sembol yok. */
:root {
  --mm-h: 480px;
  --mm-col: 340px;
  --mm-edge: max(24px, calc((100vw - var(--header-container-max)) / 2 + 24px));
  --mm-shadow: 0 16px 32px -12px rgb(11 47 85 / .22);
  --mm-open-ms: 180ms;
}

/* JS yokken ve <1400px: toggle ve panel hiç görünmez; Akademi düz bağlantıdır */
.mega-toggle, .mega { display: none; }
.drawer__tg, .drawer__sub { display: none; }

@media (min-width: 1400px) {
  .main-nav ul > .has-mega { display: flex; align-items: center; }
  .main-nav ul > .has-mega > a { padding-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .js .mega-toggle {
    display: inline-grid; place-items: center; flex: none; width: 34px; height: var(--tap-min); padding: 0;
    border: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: transparent; color: var(--color-navy); cursor: pointer;
    transition: background-color var(--dur-base);
  }
  .js .mega-toggle .ico { width: 18px; height: 18px; transform: rotate(90deg); }
  .has-mega[data-open] .mega-toggle .ico { transform: rotate(-90deg); }
  .has-mega:is(:hover, [data-open]) > a, .has-mega[data-open] .mega-toggle { background: var(--color-surface-alt); }
  .js .mega-toggle:hover { background: var(--color-surface-alt); }

  .js .mega {
    display: block; position: absolute; top: 100%; left: 0; right: 0; z-index: 1;
    height: min(var(--mm-h), calc(100dvh - var(--header-h)));
    background: #fff; border-bottom: 1px solid var(--color-border); box-shadow: var(--mm-shadow);
    visibility: hidden; opacity: 0; clip-path: inset(0 0 100% 0);
  }
  .has-mega[data-open] .mega { visibility: visible; opacity: 1; clip-path: inset(0 0 -48px 0); }
  .main-nav .mega ul { display: block; gap: 0; }
  .mega__bg {
    position: absolute; inset: 0 auto 0 0; width: calc(var(--mm-edge) + var(--mm-col));
    background: var(--color-navy); pointer-events: none;
  }
  .mega__in { position: relative; height: 100%; display: flex; flex-direction: column; padding-block: 24px; }

  .mega__areas {
    flex: 0 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; width: calc(var(--mm-edge) + var(--mm-col));
  }
  .mega__area {
    position: relative; display: flex; align-items: center; gap: 14px; min-height: 60px; border-radius: 0;
    width: calc(var(--mm-edge) + var(--mm-col)); padding: 0 24px 0 calc(var(--mm-edge) + 20px);
    font-size: 1.125rem; font-weight: var(--fw-bold); line-height: 1.25; color: #fff; text-decoration: none;
    transition: background-color var(--dur-base);
  }
  .mega__area .slash { font-size: .8em; }
  .mega__area:hover { background: rgb(255 255 255 / .08); }
  .mega__areas > li[data-active] .mega__area { background: var(--color-navy-2); box-shadow: inset 4px 0 0 var(--slash-blue); }
  .mega__area:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
  .mega__all { position: relative; margin: auto 0 0 0; width: calc(var(--mm-col) - 40px); flex: none; white-space: nowrap; min-height: 48px; padding: 10px 22px; border-radius: var(--radius-md); background: #fff; color: var(--color-navy); }
  .mega__all:hover { background: var(--color-surface-sunken); }
  .mega__in > .mega__all { margin-left: calc(var(--mm-edge) + 20px); }
  .mega__all:focus-visible { outline-color: #fff; }

  .mega__pane {
    position: absolute; top: 0; left: calc(var(--mm-edge) + var(--mm-col) + 40px); right: var(--mm-edge); height: 100%;
    padding-block: 32px; overflow-y: auto;
    display: grid; grid-template-columns: 320px 1fr; align-items: start; gap: 48px;
    visibility: hidden;
  }
  .has-mega[data-open] .mega__areas > li[data-active] .mega__pane { visibility: visible; }
  .mega__info { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; }
  .mega__title { font-size: var(--fs-h3); font-weight: var(--fw-bold); line-height: var(--lh-h3); letter-spacing: var(--ls-h3); color: var(--color-navy); }
  .mega__desc { margin-top: 12px; max-inline-size: 36ch; font-size: 1rem; line-height: 1.55; color: var(--color-text-muted); }
  .mega__go {
    display: inline-flex; align-items: center; gap: 8px; min-height: var(--tap-min); margin-top: auto; padding: 0; background: none;
    font-weight: var(--fw-bold); color: var(--color-primary-hover); text-decoration: none;
  }
  .mega__go .ico { width: 18px; height: 18px; transition: transform var(--dur-base) var(--ease-out); }
  .mega__go:is(:hover, :focus-visible) { color: var(--color-primary-press); }
  .mega__go:hover .ico { transform: translateX(3px); }
  .mega__comps { min-width: 0; }
  .mega__grp + .mega__grp { margin-top: 16px; }
  .mega .eyebrow { margin-bottom: 4px; color: var(--color-navy); font-weight: var(--fw-bold); }
  .mega__link {
    display: flex; align-items: center; min-height: 44px; padding: 10px 16px; margin-inline: -16px;
    border-radius: var(--radius-sm); font-size: 1rem; font-weight: var(--fw-semibold); line-height: 1.3;
    color: var(--color-navy); text-decoration: none; transition: background-color var(--dur-base);
  }
  .mega__link:is(:hover, :focus-visible) { background: var(--color-primary-tint); }
  .mega__link[aria-current="page"] { box-shadow: inset 3px 0 0 var(--color-primary-hover); }
}
@media (min-width: 1400px) and (prefers-reduced-motion: no-preference) {
  .has-mega[data-open] .mega { transition: clip-path var(--mm-open-ms) cubic-bezier(.2, .7, .2, 1), opacity var(--mm-open-ms) cubic-bezier(.2, .7, .2, 1); }
  .js .mega-toggle .ico { transition: transform 160ms ease-out; }
}
@media (forced-colors: active) {
  .mega { border: 1px solid CanvasText; }
  .mega__bg { display: none; }
  .mega__area, .mega__areas > li[data-active] .mega__area { color: LinkText; background: none; }
}

/* Çekmece akordeonu (<1280px'te çekmece görünür; JS yoksa alt listeler hiç açılmaz, Akademi düz bağlantı kalır) */
.drawer__item { min-width: 0; }
.js .drawer__tg {
  display: inline-grid; place-items: center; flex: none; width: 56px; height: 56px; padding: 0;
  border: 0; border-bottom: var(--border-1); background: transparent; color: var(--color-navy); cursor: pointer;
}
.js .drawer__tg .ico { width: 22px; height: 22px; color: var(--color-primary); transform: rotate(90deg); }
.drawer__tg[aria-expanded="true"] .ico { transform: rotate(-90deg); }
.drawer__tg:active { background: var(--color-surface-sunken); }
.drawer__row, .drawer__row2 { display: flex; align-items: stretch; }
.drawer__row > a, .drawer__row2 > a { flex: 1; min-width: 0; }
.js .drawer__sub { display: grid; grid-template-rows: 0fr; visibility: hidden; }
.js .drawer__sub[data-open] { grid-template-rows: 1fr; visibility: visible; }
.drawer__sub > ul { min-height: 0; overflow: hidden; }
.drawer__nav .drawer__sub a {
  min-height: 52px; padding-left: 16px; font-size: 1rem; font-weight: var(--fw-semibold); color: var(--color-navy);
}
.drawer__nav .drawer__sub .drawer__sub a { min-height: 48px; padding-left: 32px; font-weight: var(--fw-regular); color: var(--color-text); }
.drawer__nav .drawer__sub .drawer__row2 a { border-bottom: var(--border-1); }
.drawer__nav .drawer__sub .drawer__row2 .drawer__tg { height: 52px; }
.drawer__h {
  padding: 14px 0 4px 32px; font-size: var(--fs-eyebrow); font-weight: var(--fw-bold); line-height: 1.3;
  text-transform: uppercase; letter-spacing: var(--ls-eyebrow); color: var(--color-primary-hover);
}
@media (prefers-reduced-motion: no-preference) {
  .js .drawer__sub { transition: grid-template-rows 200ms ease, visibility 0s linear 200ms; }
  .js .drawer__sub[data-open] { transition: grid-template-rows 200ms ease, visibility 0s; }
  .js .drawer__tg .ico { transition: transform 160ms ease-out; }
}
/* styles.css'teki genel reduced-motion kuralı (0.01ms) görünürlük geçişini de geciktirirdi; menüde geçiş tamamen kapalı */
@media (prefers-reduced-motion: reduce) {
  .mega, .mega *, .drawer__sub, .drawer__tg, .drawer__tg .ico { transition-property: none; }
}