/* Akademi ile ortak gece zemini — yalnızca koyu modda görünür. */
html[data-theme="dark"] body{
  isolation:isolate;
  background:#050816;
}

/* Yönetim panelindeki mevcut zemin kuralı !important kullandığı için
   bu istisna yalnızca koyu mod arka planını ortak katmana bağlar. */
html.ui26[data-theme="dark"] body{
  background:#050816!important;
  background-image:none!important;
}

html[data-theme="dark"] body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(1200px 600px at 15% -10%,rgba(54,226,213,.16),transparent 60%),
    radial-gradient(900px 600px at 95% 10%,rgba(139,92,246,.22),transparent 60%),
    radial-gradient(800px 500px at 50% 110%,rgba(244,114,182,.12),transparent 60%),
    linear-gradient(180deg,#050816,#0a1330);
}

.m-gece-zemini{
  display:none;
  position:fixed;
  inset:0;
  z-index:-1;
  width:100%;
  height:100%;
  pointer-events:none;
}

html[data-theme="dark"] .m-gece-zemini{display:block}

/* Kataloglarda başlık ve filtre alanı genel başlığın altında 22px açıklıkla SABİT durur; durağan ve yapışma konumu aynıdır (titreme/kayma yok).
   Aşağıdan kayan liste bu alanın altına girince kaybolur (kesme mevzuat-gece-zemini.js ile yapılır; araya yama konmaz) — kullanıcı kararı 23.10.2026. */
.m-header{background:color-mix(in srgb,var(--surface) 100%,transparent)}
@media (min-width:801px){
  .m-public-catalog .m-catalog-hero{
    position:sticky;
    top:calc(var(--m-header-sticky-height,190px) + 22px);
    z-index:900;
    margin-top:0;
    padding-top:18px;
    background:var(--bg);
    border-bottom:1px solid var(--border);
  }
}

@media (prefers-reduced-motion:reduce){
  .m-gece-zemini{display:none!important}
}