/* ==================================================================
   Milenyum üst katmanı — refresh.css'ten SONRA yüklenir.
   1. Cam navbar (kompakt hap ↔
      kaydırınca tam genişlik çubuk; iki katmanlı clip-path kabuk)
   2. Giriş / kayıt / hesap düğmeleri
   3. Mobil menü paneli
   4. Footer: alttan yükselen ışık
   5. Discord kartı
   6. Mağaza ürün ızgaraları (örnek vitrin + LeaderOS + Tebex)
   7. Genel düzeltmeler
   Renkler palet değişkenlerine bağlı: --accent, --on-accent, --panel, --bg,
   --text, --muted (refresh.css html[data-theme=…]).
   ================================================================== */

/* ---------- 1. Cam navbar ---------- */
html body .header.mil-nav,
html body .header.mil-nav.is-compact,
html[data-header-style] body .header.mil-nav {
  --nav-top: 12px;
  --nav-h: 64px;
  --nav-box: 84px;
  --nav-w: min(1240px, calc(100% - 48px));
  --nav-b-pad: clamp(20px, 3vw, 44px);
  --nav-egri: cubic-bezier(.22, 1, .36, 1);
  --nav-hiz: 320ms;
  --k-ust: var(--nav-top);
  --k-yan: calc((100% - var(--nav-w)) / 2);
  --k-alt: calc(var(--nav-box) - var(--nav-top) - var(--nav-h));
  --k-r: 18px;
  --k-ri: 17px;
  --k-b: 1px;
  --k-b-alt: 1px;
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: var(--nav-box);
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  z-index: 130;
  pointer-events: none;
}
html body .header.mil-nav[data-nav-state="genis"] {
  --k-ust: 0px;
  --k-yan: 0px;
  --k-alt: 0px;
  --k-r: 0px;
  --k-ri: 0px;
  --k-b: 0px;
  --k-b-alt: 1px;
  --nav-hiz: 420ms;
}
.mil-nav-edge,
.mil-nav-fill {
  position: absolute;
  inset: 0 0 auto 0;
  height: var(--nav-box);
}
.header.mil-nav-ready > .mil-nav-edge,
.header.mil-nav-ready > .mil-nav-fill {
  transition: clip-path var(--nav-hiz) var(--nav-egri), background-color var(--nav-hiz) var(--nav-egri), -webkit-backdrop-filter var(--nav-hiz) var(--nav-egri), backdrop-filter var(--nav-hiz) var(--nav-egri);
}
/* Kenar katmanı: üstte daha parlak ince ışık çizgisi. clip-path dışı tıklamayı yakalamaz. */
.mil-nav-edge {
  background: linear-gradient(180deg, rgb(255 255 255 / .2), rgb(255 255 255 / .07) 60%, rgb(255 255 255 / .1));
  clip-path: inset(var(--k-ust) var(--k-yan) var(--k-alt) var(--k-yan) round var(--k-r));
  pointer-events: auto;
}
/* Dolgu katmanı: 1 px içeride, yarı saydam cam + bulanıklık. */
.mil-nav-fill {
  background:
    linear-gradient(125deg, rgb(255 255 255 / .075), transparent 42%, rgb(255 255 255 / .03)),
    color-mix(in srgb, var(--panel) 50%, transparent);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  backdrop-filter: blur(20px) saturate(160%);
  clip-path: inset(calc(var(--k-ust) + var(--k-b)) calc(var(--k-yan) + var(--k-b)) calc(var(--k-alt) + var(--k-b-alt)) calc(var(--k-yan) + var(--k-b)) round var(--k-ri));
}
.header.mil-nav[data-nav-state="genis"] .mil-nav-edge {
  background: rgb(255 255 255 / .09);
}
.header.mil-nav[data-nav-state="genis"] .mil-nav-fill {
  background: color-mix(in srgb, var(--bg) 76%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%);
}
/* "Düz" üst menü seçeneği: aynı biçim, saydamlık yok. */
html[data-header-style="bare"] .header.mil-nav .mil-nav-fill {
  background: var(--panel);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html[data-header-style="bare"] .header.mil-nav[data-nav-state="genis"] .mil-nav-fill {
  background: color-mix(in srgb, var(--bg) 96%, #000);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mil-nav-fill { background: color-mix(in srgb, var(--panel) 94%, transparent); }
}
@media (prefers-reduced-transparency: reduce) {
  .mil-nav-fill, .header.mil-nav[data-nav-state="genis"] .mil-nav-fill { background: var(--panel); -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* İçerik çubuğu: kutu iki durumda aynı; dolgu ile hapın içine konur ya da kenarlara açılır. */
html body .header.mil-nav .nav-shell,
html body .header.mil-nav.is-compact .nav-shell {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: none !important;
  height: var(--nav-box);
  min-height: 0;
  margin: 0;
  padding-block: var(--nav-top) calc(var(--nav-box) - var(--nav-top) - var(--nav-h));
  padding-inline: calc((100% - var(--nav-w)) / 2 + 18px) calc((100% - var(--nav-w)) / 2 + 12px);
  background: none;
  pointer-events: none;
}
html body .header.mil-nav[data-nav-state="genis"] .nav-shell {
  padding-block: 0;
  padding-inline: var(--nav-b-pad);
}
.header.mil-nav-ready .nav-shell { transition: padding var(--nav-hiz) var(--nav-egri); }
.header.mil-nav .nav-shell > * { pointer-events: auto; }

/* Logo: hapta 54 px, çubukta 60 px yükseklik. */
html body .header.mil-nav .brand:has(.mc-brand-image) {
  width: auto;
  min-width: 0;
  max-width: none;
  flex: none;
}
html body .header.mil-nav .brand:has(.mc-brand-image) .nav-mark,
html body .header.mil-nav .brand:has(.mc-brand-image) .mc-brand-image {
  width: 80px !important;
  height: 54px !important;
  object-fit: contain;
  transition: width var(--nav-hiz) var(--nav-egri), height var(--nav-hiz) var(--nav-egri);
}
html body .header.mil-nav[data-nav-state="genis"] .brand:has(.mc-brand-image) .nav-mark,
html body .header.mil-nav[data-nav-state="genis"] .brand:has(.mc-brand-image) .mc-brand-image {
  width: 88px !important;
  height: 60px !important;
}
.header.mil-nav .brand { border-radius: 12px; }
.header.mil-nav .brand:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Masaüstü menü (≥1101 px): hap biçimli bağlantılar, ortada. */
@media (min-width: 1101px) {
  html body .header.mil-nav .menu-toggle { display: none !important; }
  html body .header.mil-nav .mc-mobile-options { display: none !important; }
  html body .header.mil-nav .main-nav {
    display: flex !important;
    position: static;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: auto;
    margin: 0;
    padding: 0;
    max-height: none;
    overflow: visible;
    background: none !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  html body .header.mil-nav .main-nav > a,
  html body .header.mil-nav .main-nav .nav-dropdown > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    height: 40px;
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
    color: color-mix(in srgb, var(--text) 74%, transparent);
    transform: none !important;
    transition: background-color .2s ease, color .2s ease;
  }
  html body .header.mil-nav .main-nav > a > .mc-icon,
  html body .header.mil-nav .main-nav .nav-dropdown > button > .mc-icon { width: 16px; height: 16px; opacity: .8; filter: none; }
  html body .header.mil-nav .main-nav > a:is(:hover, :focus-visible),
  html body .header.mil-nav .main-nav .nav-dropdown > button:is(:hover, :focus-visible) {
    background: rgb(255 255 255 / .06);
    color: var(--text);
    text-shadow: none;
  }
  html body .header.mil-nav .main-nav > a:is(.active, [aria-current="page"]),
  html body .header.mil-nav .main-nav .nav-dropdown.open > button {
    background: rgb(255 255 255 / .09);
    color: var(--text);
  }
  html body .header.mil-nav .main-nav > a:is(.active, [aria-current="page"]) > .mc-icon { color: var(--accent); opacity: 1; }
  html body .header.mil-nav .main-nav .nav-dropdown > button:focus-visible,
  html body .header.mil-nav .main-nav > a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  html body .header.mil-nav .main-nav .nav-dropdown.open > button > .mc-icon { transform: rotate(180deg); }
  html body .header.mil-nav .main-nav .mc-menu {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    translate: -50% 0;
    min-width: 236px;
    margin: 0;
    padding: 8px;
    border: 1px solid rgb(255 255 255 / .12);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel) 80%, transparent);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
    backdrop-filter: blur(22px) saturate(160%);
    box-shadow: 0 22px 44px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .08);
  }
  html body .header.mil-nav .main-nav .mc-menu a {
    min-height: 44px;
    padding: 10px 14px;
    border-radius: 12px;
    font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
    text-shadow: none;
    color: color-mix(in srgb, var(--text) 82%, transparent);
    transform: none;
  }
  html body .header.mil-nav .main-nav .mc-menu a:is(:hover, :focus-visible) { background: rgb(255 255 255 / .07); color: var(--text); text-shadow: none; }
  html body .header.mil-nav .header-actions { margin-left: 0; }
}
@media (min-width: 1101px) and (max-width: 1260px) {
  html body .header.mil-nav .main-nav > a,
  html body .header.mil-nav .main-nav .nav-dropdown > button { padding: 0 11px; font-size: 14px; }
  html body .header.mil-nav .main-nav > a > .mc-icon { display: none; }
  html body .header.mil-nav .nav-shell { gap: 12px; }
}

/* ---------- 2. Giriş / kayıt / hesap ---------- */
html body .header.mil-nav .header-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.mil-auth { display: flex; align-items: center; gap: 6px; }
.mil-auth > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  border-radius: 999px;
  font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none !important;
  transition: background-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
}
.mil-auth > a .mc-icon { width: 17px; height: 17px; flex: none; }
.mil-auth-login {
  padding: 0 15px 0 13px;
  color: var(--text) !important;
  background: rgb(255 255 255 / .04);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .13);
}
.mil-auth-login .mc-icon { color: var(--accent); }
.mil-auth-login:is(:hover, :focus-visible) { background: rgb(255 255 255 / .1); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22); }
.mil-auth-register {
  padding: 0 14px 0 17px;
  color: var(--on-accent) !important;
  background: var(--accent);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .35), 0 8px 20px -10px color-mix(in srgb, var(--accent) 80%, transparent);
}
.mil-auth-register .mc-icon { width: 15px; height: 15px; transition: transform .2s ease; }
.mil-auth-register:is(:hover, :focus-visible) { background: color-mix(in srgb, var(--accent) 86%, #fff); transform: translateY(-1px); }
.mil-auth-register:is(:hover, :focus-visible) .mc-icon { transform: translateX(3px); }
.mil-auth > a:active { transform: translateY(1px); }
.mil-auth > a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Oturum açıkken: avatar harfi + ad + ok, hap biçiminde. */
html body .header .mc-account > button.account-button.mil-account-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-width: 0;
  max-width: 230px;
  height: 40px;
  min-height: 40px;
  padding: 0 12px 0 4px;
  border: 0;
  border-radius: 999px;
  font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--text) !important;
  background: rgb(255 255 255 / .05) !important;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .13) !important;
  overflow: hidden;
  animation: none !important;
  transform: none !important;
}
html body .header .mc-account > button.account-button.mil-account-pill::before { content: none !important; display: none !important; }
html body .header .mc-account > button.account-button.mil-account-pill:is(:hover, :focus-visible) { background: rgb(255 255 255 / .1) !important; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22) !important; }
.mil-account-avatar {
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--accent);
  color: var(--on-accent);
  font-size: 14px;
  font-weight: 800;
}
.mil-account-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mil-account-pill > .mc-icon { width: 14px !important; height: 14px !important; flex: none; opacity: .7; display: inline-block !important; }

/* ---------- 3. Mobil (≤1100 px): hap + cam açılır panel ---------- */
@media (max-width: 1100px) {
  html body .header.mil-nav,
  html[data-header-style] body .header.mil-nav {
    --nav-top: 10px;
    --nav-h: 60px;
    --nav-box: 78px;
    --nav-w: calc(100% - 32px);
    --nav-b-pad: 20px;
    --k-r: 18px;
    --k-ri: 17px;
  }
  html body .header.mil-nav .nav-shell,
  html body .header.mil-nav.is-compact .nav-shell {
    gap: 10px;
    padding-inline: calc((100% - var(--nav-w)) / 2 + 12px) calc((100% - var(--nav-w)) / 2 + 8px);
  }
  html body .header.mil-nav .menu-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
    order: 3;
    width: 44px;
    min-width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: rgb(255 255 255 / .06);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
    color: var(--text);
    text-shadow: none;
    animation: none !important;
  }
  html body .header.mil-nav .menu-toggle .mc-menu-text { display: none; }
  html body .header.mil-nav .menu-toggle > .mc-icon { width: 22px; height: 22px; }
  html body .header.mil-nav.nav-open .menu-toggle { background: rgb(255 255 255 / .12); }
  html body .header.mil-nav .header-actions { margin-left: auto; }
  html body .header.mil-nav .main-nav {
    display: none;
    position: absolute;
    top: calc(var(--nav-top) + var(--nav-h) + 8px);
    left: calc((100% - var(--nav-w)) / 2);
    right: calc((100% - var(--nav-w)) / 2);
    width: auto;
    margin: 0;
    padding: 10px;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    max-height: calc(100dvh - var(--nav-box) - 24px);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid rgb(255 255 255 / .12) !important;
    border-radius: 20px;
    background: color-mix(in srgb, var(--panel) 86%, transparent) !important;
    -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
    backdrop-filter: blur(24px) saturate(160%) !important;
    box-shadow: 0 24px 48px rgb(0 0 0 / .5), inset 0 1px 0 rgb(255 255 255 / .08);
  }
  html body .header.mil-nav[data-nav-state="genis"] .main-nav { top: calc(var(--nav-box) + 8px); left: 12px; right: 12px; }
  html body .header.mil-nav.nav-open .main-nav { display: flex; animation: mil-menu-in .22s cubic-bezier(.22, 1, .36, 1) both; }
  html body .header.mil-nav .main-nav > a,
  html body .header.mil-nav .main-nav .nav-dropdown > button,
  html body .header.mil-nav .mc-mobile-options > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 50px;
    padding: 0 14px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: none;
    color: var(--text);
    transform: none !important;
  }
  html body .header.mil-nav .main-nav > a > .mc-icon { width: 19px; height: 19px; color: var(--muted); }
  html body .header.mil-nav .main-nav .nav-dropdown > button > .mc-icon { margin-left: auto; width: 16px; height: 16px; }
  html body .header.mil-nav .main-nav > a:is(:hover, :focus-visible),
  html body .header.mil-nav .main-nav .nav-dropdown > button:is(:hover, :focus-visible),
  html body .header.mil-nav .mc-mobile-options > a:is(:hover, :focus-visible) { background: rgb(255 255 255 / .06); color: var(--text); text-shadow: none; }
  html body .header.mil-nav .main-nav > a:is(.active, [aria-current="page"]) { background: rgb(255 255 255 / .08); color: var(--accent); }
  html body .header.mil-nav .main-nav > a:is(.active, [aria-current="page"]) > .mc-icon { color: var(--accent); }
  html body .header.mil-nav .main-nav .mc-menu {
    position: static;
    translate: none;
    margin: 2px 0 8px 22px;
    padding: 0 0 0 10px;
    border: 0;
    border-left: 1px solid rgb(255 255 255 / .12);
    border-radius: 0;
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  html body .header.mil-nav .main-nav .mc-menu a { min-height: 44px; padding: 10px 12px; border-radius: 10px; font-size: 15px; }
  html body .header.mil-nav .mc-mobile-options { display: grid; gap: 2px; margin-top: 6px; padding-top: 8px; border-top: 1px solid rgb(255 255 255 / .1); }
  html body .header.mil-nav .mc-mobile-options > a .mc-icon { width: 19px; height: 19px; color: var(--accent); }
  html body .header.mil-nav .mc-mobile-options .mil-mobile-register { background: var(--accent); color: var(--on-accent) !important; margin-top: 4px; }
  html body .header.mil-nav .mc-mobile-options .mil-mobile-register .mc-icon { color: var(--on-accent); }
  html.mil-nav-locked, html.mil-nav-locked body { overflow: hidden; }
}
@media (max-width: 560px) {
  html body .header.mil-nav,
  html[data-header-style] body .header.mil-nav {
    --nav-top: 8px;
    --nav-h: 58px;
    --nav-box: 72px;
    --nav-w: calc(100% - 24px);
    --k-r: 16px;
    --k-ri: 15px;
  }
  html body .header.mil-nav .brand:has(.mc-brand-image) .nav-mark,
  html body .header.mil-nav .brand:has(.mc-brand-image) .mc-brand-image { width: 70px !important; height: 46px !important; }
  html body .header.mil-nav[data-nav-state="genis"] .brand:has(.mc-brand-image) .nav-mark,
  html body .header.mil-nav[data-nav-state="genis"] .brand:has(.mc-brand-image) .mc-brand-image { width: 74px !important; height: 50px !important; }
  .mil-auth-register { display: none !important; }
  .mil-auth-login { padding: 0 13px 0 11px; height: 40px; font-size: 13.5px; }
  html body .header .header-actions > .mc-account { display: block !important; }
  html body .header .mc-account > button.account-button.mil-account-pill { padding: 0 4px; gap: 0; }
  html body .header .mc-account > button.account-button.mil-account-pill > :not(.mil-account-avatar) { display: none !important; }
}
@media (max-width: 340px) {
  .mil-auth-login span { display: none; }
  .mil-auth-login { width: 40px; padding: 0; justify-content: center; }
}
@keyframes mil-menu-in {
  from { opacity: 0; transform: translateY(-6px) scale(.985); }
  to { opacity: 1; transform: none; }
}
html { scroll-padding-top: 96px; }
@media (prefers-reduced-motion: reduce) {
  .header.mil-nav-ready > .mil-nav-edge,
  .header.mil-nav-ready > .mil-nav-fill,
  .header.mil-nav-ready .nav-shell,
  html body .header.mil-nav .brand .mc-brand-image { transition: none !important; }
  html body .header.mil-nav.nav-open .main-nav { animation: none; }
}

/* ---------- 4. Footer: alttan yükselen ışık ---------- */
html body.mc-theme .sp-footer.mc-footer-compact {
  position: relative;
  z-index: 5;
  isolation: isolate;
  overflow: visible;
  margin-top: clamp(56px, 7vw, 96px);
  padding: 84px 0 76px !important;
  border: 0;
  border-radius: 40px 40px 0 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 42%, var(--bg)) 0%, color-mix(in srgb, var(--bg) 70%, #000) 60%, color-mix(in srgb, var(--bg) 40%, #000) 100%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .08);
}
html body.mc-theme .sp-footer.mc-footer-compact .footer-glow {
  --glow: color-mix(in srgb, var(--accent) 38%, #fff);
  display: block;
  position: absolute;
  inset: 0;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: -1;
  pointer-events: none;
  opacity: 1;
  filter: none;
  overflow: hidden;
  border-radius: inherit;
  transform: none;
  animation: none;
  background: none;
}
/* The light is clipped by its own layer, so the footer itself can let the language panel open upwards. */
html body.mc-theme .sp-footer.mc-footer-compact .footer-glow::before {
  content: "";
  position: absolute;
  inset: 0;
  transform-origin: 50% 100%;
  background:
    radial-gradient(90% 80% at 50% 55%, transparent 55%, rgb(0 0 0 / .4) 100%),
    radial-gradient(min(42vw, 800px) 70px at 50% 100%, color-mix(in srgb, var(--glow) 50%, transparent) 0%, color-mix(in srgb, var(--glow) 32%, transparent) 30%, color-mix(in srgb, var(--glow) 14%, transparent) 65%, transparent 100%),
    radial-gradient(min(70vw, 1340px) 300px at 50% 100%, color-mix(in srgb, var(--glow) 16%, transparent) 0%, color-mix(in srgb, var(--glow) 9%, transparent) 35%, color-mix(in srgb, var(--glow) 4%, transparent) 70%, transparent 100%),
    radial-gradient(min(95vw, 1800px) 460px at 50% 100%, color-mix(in srgb, var(--glow) 5%, transparent) 0%, transparent 100%);
  animation: mil-ft-nefes 7s ease-in-out infinite;
}
@keyframes mil-ft-nefes {
  0%, 100% { transform: scale(1, 1); opacity: .9; }
  50% { transform: scale(1.04, 1.08); opacity: 1; }
}
html body.mc-theme .sp-footer.mc-footer-compact .mc-footer-lower { position: relative; z-index: 1; }
html body.mc-theme .sp-footer.mc-footer-compact .mc-footer-links a { position: relative; }
@media (max-width: 560px) {
  html body.mc-theme .sp-footer.mc-footer-compact { padding: 60px 0 calc(68px + env(safe-area-inset-bottom)) !important; border-radius: 28px 28px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  html body.mc-theme .sp-footer.mc-footer-compact .footer-glow::before { animation: none; }
}

/* ---------- 5. Discord kartı ---------- */
html[data-discord-widget="0"] .mil-discord { display: none !important; }
.mil-discord {
  --dc: #5865f2;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 24px;
  padding: 22px;
  border-radius: 18px;
  color: var(--text);
  background:
    radial-gradient(120% 70% at 100% 0%, color-mix(in srgb, var(--dc) 40%, transparent), transparent 62%),
    radial-gradient(90% 60% at 0% 100%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 70%),
    color-mix(in srgb, var(--panel) 90%, var(--dc));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dc) 38%, rgb(255 255 255 / .06)), inset 0 1px 0 rgb(255 255 255 / .1), 0 18px 40px -20px color-mix(in srgb, var(--dc) 70%, transparent);
}
.mil-discord-art {
  position: absolute;
  top: -30px;
  right: -34px;
  z-index: -1;
  width: 168px;
  height: 168px;
  color: var(--dc);
  opacity: .2;
  transform: rotate(-12deg);
  pointer-events: none;
}
.mil-discord-art svg { width: 100%; height: 100%; }
.mil-discord-head { display: flex; align-items: center; gap: 14px; min-width: 0; }
.mil-discord-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgb(255 255 255 / .07);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
}
.mil-discord-icon img { width: 100%; height: 100%; padding: 4px; border-radius: inherit; object-fit: contain; }
.mil-discord-icon > span { font-family: var(--font-display); font-size: 24px; font-weight: 800; }
.mil-discord-badge {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: var(--dc);
  color: #fff;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--panel) 90%, var(--dc));
}
.mil-discord-badge svg { width: 14px; height: 14px; }
.mil-discord-title { min-width: 0; }
.mil-discord-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--dc) 40%, var(--text));
}
.mil-discord h2 { margin: 4px 0 0; font-family: var(--font-display); font-size: 22px; line-height: 1.15; color: var(--text); overflow-wrap: anywhere; }
.mil-discord-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mil-discord-stats > div { min-width: 0; padding: 12px 14px; border-radius: 12px; background: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .06); }
.mil-discord-stats strong { display: flex; align-items: center; gap: 8px; font-family: var(--font-display); font-size: 20px; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--text); white-space: nowrap; }
.mil-discord-stats i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #80848e; }
.mil-discord-stats .is-online i { background: #23a55a; animation: mil-online 2.4s ease-out infinite; }
.mil-discord-stats span { display: block; margin-top: 5px; font-size: 12px; color: var(--muted); }
@keyframes mil-online {
  0% { box-shadow: 0 0 0 0 rgb(35 165 90 / .55); }
  70%, 100% { box-shadow: 0 0 0 7px rgb(35 165 90 / 0); }
}
.mil-discord-text { margin: 0; font-size: 14px; line-height: 1.55; color: var(--muted); }
.mil-discord-avatars { display: flex; align-items: center; padding-left: 8px; }
.mil-discord-avatars img { width: 28px; height: 28px; margin-left: -8px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px color-mix(in srgb, var(--panel) 90%, var(--dc)); background: var(--panel2); }
.mil-discord-avatars span { margin-left: 10px; font-size: 12px; color: var(--muted); }
.mil-discord-join {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 16px 0 9px;
  border-radius: 14px;
  background: var(--dc);
  color: #fff !important;
  font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 0 #3943a8, 0 14px 26px -12px rgb(88 101 242 / .9), inset 0 1px 0 rgb(255 255 255 / .25);
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.mil-discord-join-icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 10px; background: rgb(255 255 255 / .16); }
.mil-discord-join-icon svg { width: 20px; height: 20px; }
.mil-discord-join .mc-icon { width: 18px; height: 18px; margin-left: auto; transition: transform .2s ease; }
.mil-discord-join:is(:hover, :focus-visible) { background: #4752c4; color: #fff !important; transform: translateY(-1px); }
.mil-discord-join:is(:hover, :focus-visible) .mc-icon { transform: translateX(3px); }
.mil-discord-join:active { transform: translateY(3px); box-shadow: 0 1px 0 #3943a8; }
.mil-discord-join:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 800px) { .mil-discord { max-width: 520px; } }
@media (prefers-reduced-motion: reduce) {
  .mil-discord-stats .is-online i { animation: none; }
  .mil-discord-join, .mil-discord-join .mc-icon { transition: none; }
}

/* ---------- 6. Mağaza ürün ızgaraları ---------- */
/* Örnek vitrin: kategori sayfasında tek ürün 380 px'lik kutuya 3 sütunlu ızgarayla
   sıkıştırılıyordu (her sütun ~110 px → ürün alt alta dikey diziliyordu). */
html body .mc-store-showcase .mc-sample-products,
html body .mc-store-showcase .mc-sample-products.mc-store-one-product {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
  gap: 22px;
  max-width: none;
  align-items: stretch;
}
html body .mc-portal-main .mc-sample-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  gap: 16px;
  align-items: stretch;
}
html body .mc-sample-products .mc-sample-product {
  display: flex !important;
  flex-direction: column;
  height: 100%;
  min-width: 0;
  border-radius: 16px;
}
html body .mc-sample-products .mc-sample-product > img {
  flex: none;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
html body .mc-sample-products .mc-sample-product-body { display: flex; flex-direction: column; flex: 1; padding: 20px; }
html body .mc-sample-products .mc-sample-product h3 { font-size: 21px; line-height: 1.25; margin: 0 0 10px; }
html body .mc-sample-products .mc-sample-price { font-size: 22px; font-weight: 700; margin: 0 0 18px; }
html body .mc-sample-products .mc-product-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  background: var(--accent);
  color: var(--on-accent);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: background-color .2s ease;
}
html body .mc-sample-products .mc-sample-product:hover .mc-product-link { background: color-mix(in srgb, var(--accent) 86%, #fff); text-decoration: none; }
html body .mc-store-detail { align-items: start; }

/* LeaderOS (gerçek ürünler) + Tebex: Bootstrap satırı yerine CSS ızgarası, eşit kart yüksekliği. */
html body .mc-content .row:has(> [class*="col-"] > .card-product) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 32px !important;
  --tblr-gutter-x: 0;
  --tblr-gutter-y: 0;
}
html body .mc-content .row:has(> [class*="col-"] > .card-product) > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
html body .mc-content .row:has(> [class*="col-"] > .card-product) > [hidden] { display: none !important; }
@media (max-width: 1199px) { html body .mc-content .row:has(> [class*="col-"] > .card-product) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 860px) { html body .mc-content .row:has(> [class*="col-"] > .card-product) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 520px) { html body .mc-content .row:has(> [class*="col-"] > .card-product) { grid-template-columns: 1fr; } }
/* Tebex sayfasında ürünler 3/4'lük sütunda: üç sütun yeter. */
@media (min-width: 1200px) { html body .mc-content .col-md-9 .row:has(> [class*="col-"] > .card-product) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html body .mc-content .card-product {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
}
html body .mc-content .card-product .card-img-top {
  width: 100%;
  height: 190px;
  padding: 24px;
  object-fit: contain;
  background: radial-gradient(60% 60% at 50% 55%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);
}
html body .mc-content .card-product .card-body { display: flex; flex-direction: column; flex: 1; gap: 6px; padding: 18px 20px 20px; }
html body .mc-content .card-product .card-body h3 { margin: 0 !important; font-family: var(--font-display); font-size: 18px; line-height: 1.3; }
html body .mc-content .card-product .card-body > span { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin-bottom: 10px !important; }
html body .mc-content .card-product .price { font-size: 20px; font-weight: 800; color: var(--accent); font-variant-numeric: tabular-nums; }
html body .mc-content .card-product .old-price { font-size: 14px; font-weight: 500; color: var(--muted); text-decoration: line-through; }
html body .mc-content .card-product .card-body > span > small { display: none; }
html body .mc-content .card-product .mt-auto { margin-top: auto; }
html body .mc-content .card-product .btn { min-height: 46px; border-radius: 12px; font-weight: 700; }
html body .mc-content .card-product .discount,
html body .mc-content .card-product .stock {
  position: absolute;
  top: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
html body .mc-content .card-product .discount { right: 12px; left: auto; background: #e5484d; color: #fff; }
html body .mc-content .card-product .discount span::before { content: "-"; }
html body .mc-content .card-product .stock { left: 12px; right: auto; background: rgb(0 0 0 / .55); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html body .mc-content .card-product .stock.stock-out { background: #e5484d; }
html body .mc-content .mc-store-tools { margin-bottom: 20px; }

/* ---------- 7. Genel ---------- */
body.mc-theme { overflow-x: clip; }


/* ---------- 8. Dil / para birimi seçici (components/milenyum-locale-switcher) ---------- */
html body .header.mil-nav .mc-locale-toggle {
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / .04);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .13);
  color: color-mix(in srgb, var(--text) 82%, transparent);
  font-family: Rubik, MilenyumAzeri, system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
}
html body .header.mil-nav .mc-locale-toggle:hover,
html body .header.mil-nav .mc-locale[open] > .mc-locale-toggle { background: rgb(255 255 255 / .1); color: var(--text); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22); }
html body .header.mil-nav .mc-locale-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
html body .mc-locale-panel {
  border: 1px solid rgb(255 255 255 / .12);
  border-radius: 18px;
  background: color-mix(in srgb, var(--panel) 84%, transparent);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  box-shadow: 0 22px 44px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .08);
}
html body .header.mil-nav .mc-locale-panel { top: calc(100% + 14px); }
html body .mc-locale-option { border-radius: 10px; }
/* Footer'da panel yukarı açılır. */
html body .sp-footer .mc-locale-panel { top: auto; bottom: calc(100% + 8px); left: 0; right: auto; }
html body .sp-footer .mc-locale-toggle { min-height: 36px; border-radius: 999px; }
@media (max-width: 1100px) {
  html body .header.mil-nav .mc-locale-current { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  html body .header.mil-nav .mc-locale-toggle { width: 44px; height: 44px; min-height: 44px; padding: 0; justify-content: center; border-radius: 14px; }
  html body .header.mil-nav .mc-locale-toggle .mc-icon:last-child { display: none; }
}
@media (max-width: 640px) {
  html body .mc-locale-panel,
  html body .sp-footer .mc-locale-panel { position: fixed; top: auto; bottom: 16px; left: 16px; right: 16px; width: auto; }
}
@media (max-width: 380px) {
  html body .header.mil-nav .header-actions > .mc-locale { display: none; }
}
/* style.css/redesign.css tüm <details> öğelerine kutu veriyor; seçici bir <details>. */
html body details.mc-locale { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
html.mil-nav-locked #theme-toggle { visibility: hidden; }
/* Ana sayfa popülerler: orta genişlikte 2+1 yetim kart yerine 3 sütun; telefonda tek sütun. */
html body .mc-portal-main .mc-sample-products { grid-template-columns: repeat(auto-fit, minmax(min(100%, 172px), 1fr)); }
@media (max-width: 560px) { html body .mc-portal-main .mc-sample-products { grid-template-columns: 1fr; } }
/* Türkçe büyük harf dönüşümü "Discord"u "DİSCORD" yapıyordu. */
.mil-discord-eyebrow { text-transform: none; letter-spacing: .02em; font-size: 12px; }

/* ---------- 8. Focus ---------- */
/* <main> and modal shells take focus only as a skip-link / script target: no frame around the whole page. */
html body #main:focus,
html body #main:focus-visible,
html body .modal[tabindex="-1"]:focus,
html body .modal[tabindex="-1"]:focus-visible { outline: none !important; box-shadow: none; }

/* ---------- 9. Discord button without an address ---------- */
.mil-discord-join.is-disabled { cursor: not-allowed; opacity: .55; filter: saturate(.5); box-shadow: none; }
.mil-discord-join.is-disabled:is(:hover, :focus-visible) { background: #5865f2; transform: none; }
.mil-discord-join.is-disabled:is(:hover, :focus-visible) .mc-icon { transform: none; }
/* Keyboard focus stays visible on real controls (hero buttons, cookie banner). */
html body .btn:focus-visible,
html body .termsfeed-com---nb button:focus-visible { outline: 2px solid var(--accent) !important; outline-offset: 3px; }

/* ---------- 10. Header Menu growth: overflow into "More" ---------- */
.mil-nav-label { white-space: nowrap; }
html body .header.mil-nav .main-nav [hidden] { display: none !important; }
.mil-menu-fa { flex: none; width: 16px; font-size: 15px; line-height: 1; text-align: center; opacity: .8; }
@media (min-width: 1101px) {
  html body .header.mil-nav .main-nav { flex: 1 1 0; min-width: 0; }
  html body .header.mil-nav .main-nav > a,
  html body .header.mil-nav .main-nav .nav-dropdown > button { flex: none; white-space: nowrap; }
  html body .header.mil-nav .main-nav > a:is(.active, [aria-current="page"]) > .mil-menu-fa { color: var(--accent); opacity: 1; }
  html body .header.mil-nav .main-nav .nav-dropdown.is-active > button { color: var(--text); }
  html body .header.mil-nav .main-nav .mc-menu { max-height: calc(100dvh - 120px); overflow-y: auto; overscroll-behavior: contain; }
  html body .header.mil-nav .main-nav .mc-menu a { display: flex; align-items: center; gap: 10px; }
  html body .header.mil-nav .main-nav .mc-menu a > .mc-icon:last-child { margin-left: auto; }
  html body .header.mil-nav .main-nav .mil-nav-more .mc-menu { left: auto; right: 0; translate: none; }
  .mil-nav-more-label { display: block; padding: 12px 14px 4px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
  .mil-nav-more-label:first-child { padding-top: 6px; }
}
@media (min-width: 1101px) and (max-width: 1260px) {
  html body .header.mil-nav .main-nav > a > .mil-menu-fa { display: none; }
}
@media (max-width: 1100px) {
  html body .header.mil-nav .main-nav .mil-menu-fa { width: 20px; font-size: 17px; }
  .mil-mobile-ip { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 50px; padding: 0 14px; border: 0; border-radius: 14px; background: rgb(255 255 255 / .05); color: var(--text); font-weight: 600; text-align: left; }
}
@media (min-width: 1101px) { .mil-mobile-ip { display: none; } }

/* Server address in the header (optional). */
.mil-header-ip { display: inline-flex; align-items: center; gap: 8px; height: 40px; max-width: 240px; padding: 0 14px; border: 0; border-radius: 999px; background: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .13); color: var(--text); font-size: 13px; font-weight: 600; white-space: nowrap; cursor: copy; }
.mil-header-ip:is(:hover, :focus-visible) { background: rgb(255 255 255 / .1); }
.mil-header-ip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.mil-header-ip-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #3ecf7a; box-shadow: 0 0 0 3px rgb(62 207 122 / .18); }
.mil-header-ip-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mil-header-ip small { color: var(--muted); font-size: 12px; font-weight: 500; }
@media (max-width: 1380px) { .mil-header-ip small { display: none; } }
@media (max-width: 1100px) { .mil-header-ip { display: none; } }
/* Older layers style any span inside a dropdown button (12px, rotated when open); the label keeps the link look. */
html body .header.mil-nav .nav-dropdown > button .mil-nav-label { padding: 0; font-size: inherit; transform: none; }
html body .header.mil-nav .main-nav .nav-dropdown > button > .mc-icon:not(:last-child) { margin-left: 0; transform: none; }

/* ---------- 11. Footer: social icons, server address, link icons ---------- */
.mil-footer-social { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.mil-footer-social a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); color: color-mix(in srgb, var(--text) 80%, transparent); font-size: 16px; transition: background-color .2s ease, color .2s ease; }
.mil-footer-social a:is(:hover, :focus-visible) { background: rgb(255 255 255 / .1); color: var(--text); }
.mil-footer-social a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.mil-footer-ip { display: grid; gap: 4px; justify-items: start; width: 100%; max-width: 260px; margin-top: 18px; padding: 12px 14px; border: 0; border-radius: 14px; background: rgb(255 255 255 / .04); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); color: var(--text); text-align: left; cursor: copy; }
.mil-footer-ip:is(:hover, :focus-visible) { background: rgb(255 255 255 / .08); }
.mil-footer-ip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.mil-footer-ip-label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.mil-footer-ip strong { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.mil-footer-ip strong .mc-icon { width: 15px; height: 15px; opacity: .7; }
.mil-footer-ip small { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
.mc-footer-links a .mc-icon, .mc-footer-links a .mil-menu-fa { width: 15px; height: 15px; margin-right: 8px; vertical-align: -2px; }
html body .header.mil-nav .nav-dropdown > button span { transform: none; }
html body .header.mil-nav .mc-account > button .mil-account-avatar { padding: 0; font-size: 14px; background: var(--accent); color: var(--on-accent) !important; }
html body .header.mil-nav .mc-account > button .mil-account-name { padding: 0; font-size: 14px; }