/* ============================================================
   META-LG — leagueofgraphs düzeni, ScuttleLol tasarım dili
   assets/css/meta-lg.css

   KURAL: hiçbir token yeniden tanımlanmaz. Renk, yazı tipi ve ölçü
   dili main.css'ten gelir (--gold, --teal, --void, --ink, --muted,
   --font-display/editorial/mono, --gut, --ease). Referanstan alınan
   yalnızca DÜZENDİR: soldan sağa üst şerit, afiş şeridi, kutu ızgarası,
   şampiyon dizini. Sınıf ön eki "lg-" — main.css'teki .mg-* ile
   çakışmasın.

   Tema: her renk token üzerinden gider. Koyu ve açık tema birlikte
   okunur; hardcoded bir metin rengi açık temada okunmaz hâle gelir.
   ============================================================ */

/* ══════════ L0. SAYFA KABUĞI ══════════
   GİRİNTİ TEK YERDE: yatay boşluk yalnızca buradan gelir. Bölüm ve
   afiş kendi `var(--gut)` girintisini bir daha EKLEMEZ (zaten
   eklendiklerinde 1440px'te 121px çift girinti oluşuyordu). */
.lg-govde{
  max-width:var(--kap);margin:0 auto;padding:0 var(--gut) clamp(40px,6vw,80px);
}

/* ══════════ L1. ÜST ŞERİT ══════════
   İskelet referanstan: solda logo, ortada arama, sağda denetimler.
   Referansta sol sütun nav vardı; burada alt satıra yatay sekme
   olarak alındı (referansın kendi mobil davranışı da böyle). */
.lg-ust{position:sticky;top:0;z-index:70}
.lg-ust__sar{
  max-width:var(--kap);margin:0 auto;padding:10px var(--gut);
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:clamp(14px,2.4vw,42px);
}

.lg-logo{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}
.lg-logo .logo__harf{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:38px;height:38px;border:1px solid var(--gold);
  font-family:var(--font-display);font-size:19px;color:var(--gold);
  transform:rotate(45deg);
}
.lg-logo .logo__harf::first-letter{transform:rotate(-45deg)}
.lg-logo .logo__ad{
  font-family:var(--font-display);font-size:clamp(17px,1.7vw,22px);
  color:var(--ink);line-height:1;white-space:nowrap;
  display:flex;flex-direction:column;gap:5px;
}
.lg-logo .logo__alt{
  font-family:var(--font-mono);font-size:11px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted-2);
}
.lg-logo .logo__alt b{color:var(--gold);font-weight:400}

/* ── arama: referansın ortadaki kutusu ── */
.lg-ara{
  position:relative;display:flex;align-items:center;
  border:1px solid var(--line);background:var(--void-2);
  min-width:0;max-width:640px;width:100%;justify-self:center;
  transition:border-color .35s var(--ease),background .35s var(--ease);
}
.lg-ara:focus-within{border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
.lg-ara__cam{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:38px;color:var(--muted-2);
}
.lg-ara__girdi{
  flex:1;min-width:0;border:0;background:transparent;outline:none;
  color:var(--ink);font-family:var(--font-mono);font-size:14.5px;
  letter-spacing:.05em;padding:13px 5px;
}
.lg-ara__girdi::placeholder{color:var(--muted-2)}
.lg-ara__girdi::-webkit-search-cancel-button{display:none}
.lg-ara__sil{
  flex:none;display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;background:transparent;border:0;color:var(--muted-2);
}
.lg-ara__sil:hover{color:var(--gold)}
.lg-ara__sayac{
  flex:none;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted-2);padding-right:12px;
}
/* Oyuncu araması ipucu — sayaç yanında belirir, satır taşırmaz.
   Kutunun genişliği sabit olduğu için kırpılır; başlık ipucu
   `title` özniteliğiyle tam metni verir (bkz. meta-lg.js). */
.lg-ara__ipucu{
  flex:none;max-width:230px;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;font-size:10.5px;letter-spacing:.06em;
  color:var(--teal);padding-right:10px;
}
.lg-ara__ipucu[hidden]{display:none}
.lg-ara__git{
  flex:none;border:0;border-left:1px solid var(--line);
  background:color-mix(in srgb,var(--gold) 12%,transparent);
  color:var(--gold);padding:12px 16px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;transition:background .3s var(--ease);
}
.lg-ara__git:hover{background:color-mix(in srgb,var(--gold) 22%,transparent)}

/* ── denetimler ── */
.lg-ctl{display:flex;align-items:center;gap:10px;flex:none}
.lg-ctl__dil{display:flex;border:1px solid var(--line)}
.lg-ctl__b{
  background:transparent;border:0;color:var(--muted-2);
  font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;
  padding:8px 10px;transition:color .3s var(--ease),background .3s var(--ease);
}
.lg-ctl__b[aria-pressed="true"]{color:var(--void);background:var(--gold)}
.lg-ctl__b:not([aria-pressed="true"]):hover{color:var(--gold-hi)}
.lg-ctl__tema{
  display:flex;align-items:center;gap:8px;background:transparent;
  border:1px solid var(--line);color:var(--muted-2);padding:8px 11px;
  transition:color .3s var(--ease),border-color .3s var(--ease);
}
.lg-ctl__tema:hover{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
.lg-ctl__temaYazi{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}
.lg-ctl__temaIkon{
  width:11px;height:11px;flex:none;border:1px solid currentColor;
  background:currentColor;transition:background .35s var(--ease);
}
[data-theme="light"] .lg-ctl__temaIkon{background:transparent}

/* ── sekmeler (alt satır) ── */
.lg-sekme{
  max-width:var(--kap);margin:0 auto;padding:0 var(--gut);
  display:flex;align-items:center;gap:2px;flex-wrap:wrap;
  border-top:1px solid var(--line-soft);
}
.lg-sekme a{
  position:relative;display:block;padding:11px 13px;
  font-family:var(--font-mono);font-size:12.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;
  transition:color .3s var(--ease);
}
.lg-sekme a::after{
  content:'';position:absolute;left:11px;right:11px;bottom:-1px;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:center;
  transition:transform .4s var(--ease);
}
.lg-sekme a:hover{color:var(--gold-hi)}
.lg-sekme a:hover::after{transform:scaleX(1)}
.lg-sekme a[aria-current="page"]{color:var(--gold)}
.lg-sekme a[aria-current="page"]::after{transform:scaleX(1)}

/* ══════════ L2. AFİŞ ŞERİDİ ══════════
   Referansın carousel'i. Görsel şampiyon yükleme ekranı; üstünde koyu
   perde — sanatın parlak bölgesinde metin okunmaz olur, perde ona göre. */
.lg-afis{
  position:relative;overflow:hidden;
  /* yatay girinti .lg-govde'den gelir — burada İKİNCİ kez eklenmez */
  margin:clamp(14px,1.8vw,26px) 0 0;
  border:1px solid var(--line);background:var(--void-2);
  /* İlk boyut: kısa şerit. Yükseklik SABİT tavana bağlı; görsel
     `cover` ile kırpılır ve kırpma YÜZE hizalanır (object-position).
     Yükseltilip aspect-ratio'ya geçirildiğinde şerit ekranın
     neredeyse tamamını kaplıyordu — geri alındı.                  */
  min-height:clamp(200px,26vw,330px);
  /* yatay kaydırma YOK: slaytlar şeridin içinde kayar, sayfa taşmaz */
  max-width:100%;
  box-sizing:border-box;
}
.lg-afis__serit{
  display:flex;height:100%;min-height:inherit;
  transition:transform .62s var(--ease-out);
  /* şerit kendi genişliğine kilitli: 5 slayt yan yana dizilse bile
     kapsayıcı yalnızca bir slayt genişliğinde kalır ve fazlası
     `overflow:hidden` ile kırpılır — aksi hâlde slaytlar viewport
     dışına taşıp SAYFAYI yatay kaydırılabilir yapıyordu.        */
  width:100%;
  will-change:transform;
}
.lg-afis__kart{
  position:relative;flex:0 0 100%;min-width:0;overflow:hidden;
  display:flex;align-items:flex-end;isolation:isolate;
}
.lg-afis__kart img{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;
  /* splash 1215×717 — şerit kısa olduğu için kırpma payı var.
     --afis-yuz = listede olmayan şampiyonlar için varsayılan yüz
     hizası (gözle doğrulandı). Şampiyona özel değerler
     meta-lg.js'teki YUZ_HIZA'da; Yone orada 8% alır. */
  object-fit:cover;object-position:50% var(--afis-yuz,22%);
  /* Eski değerler (saturate .78 / brightness .72) hem soluk hem koyu
     yapıyordu; bulanıklığı da büyütüyordu. Artık splash kaynağı
     olduğu için perde görevini yalnızca üstteki gradyan üstleniyor. */
  filter:saturate(1.02) contrast(1.04) brightness(.88);
}
.lg-afis__kart::after{
  content:'';position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(90deg,var(--void) 0%,color-mix(in srgb,var(--void) 78%,transparent) 46%,transparent 82%),
    linear-gradient(0deg,var(--void) 0%,transparent 58%);
}
[data-theme="light"] .lg-afis__kart::after{
  background:
    linear-gradient(90deg,var(--void) 0%,color-mix(in srgb,var(--void) 74%,transparent) 48%,transparent 84%),
    linear-gradient(0deg,var(--void) 0%,transparent 56%);
}
.lg-afis__ic{
  position:relative;z-index:2;padding:clamp(20px,3.4vw,44px);
  padding-left:clamp(68px,6vw,92px);          /* oklar etiketi örtmesin */
  max-width:min(760px,92%);
}
.lg-afis__etiket{
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);margin-bottom:12px;
}
.lg-afis__ad{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(30px,5.4vw,68px);line-height:.98;
  color:var(--ink);margin-bottom:12px;
  text-shadow:0 2px 24px rgba(0,0,0,.55);
}
.lg-afis__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px 18px;
  font-family:var(--font-mono);font-size:13.5px;letter-spacing:.09em;
  color:var(--govde-2);
}
.lg-afis__meta b{color:var(--gold);font-weight:400}
.lg-afis__rol{
  border:1px solid var(--line);padding:4px 11px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);
}
.lg-afis__cap{
  position:absolute;z-index:3;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,24px);
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-hi);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 45%,transparent);
  padding-bottom:3px;transition:color .3s var(--ease);
}
.lg-afis__cap:hover{color:var(--gold)}
.lg-afis__ok{
  position:absolute;z-index:3;inset:0;display:flex;align-items:center;
  justify-content:space-between;padding:0 clamp(8px,1.4vw,16px);pointer-events:none;
}
.lg-afis__dugme{
  pointer-events:auto;display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;background:color-mix(in srgb,var(--void) 70%,transparent);
  border:1px solid var(--line);color:var(--gold-hi);
  transition:background .3s var(--ease),border-color .3s var(--ease);
}
.lg-afis__dugme:hover{background:var(--void-3);border-color:var(--gold)}
.lg-afis__nokta{
  position:absolute;z-index:4;left:50%;transform:translateX(-50%);
  bottom:clamp(12px,1.6vw,20px);display:flex;gap:7px;
}
.lg-afis__nokta button{
  width:26px;height:3px;background:color-mix(in srgb,var(--gold-hi) 30%,transparent);
  border:0;transition:background .35s var(--ease),width .35s var(--ease);
}
.lg-afis__nokta button[aria-selected="true"]{background:var(--gold);width:40px}

/* ══════════ L3. BÖLÜM + KUTU IZGARASI ══════════
   Referansın "fast stats" ızgarası: iki sıra hâlinde kutular.
   Sıra 1 → 2 kutu (geniş), sıra 2 → 3 kutu.
   Yatay girinti .lg-govde'den gelir; burada tekrarlanmaz. */
.lg-bolum{
  max-width:var(--kap);margin:0 auto;
  padding:clamp(28px,3.6vw,52px) 0;
}
.lg-bolum__bas{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;
  margin-bottom:clamp(18px,2.4vw,30px);
}
.lg-bolum__bas h2{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(24px,2.6vw,34px);color:var(--ink);
}
.lg-bolum__bas h2 b{color:var(--gold);font-weight:400}
.lg-bolum__bas p{
  font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted-2);
}
.lg-izgara{
  display:grid;gap:clamp(12px,1.4vw,18px);
  /* Kutu sütunu büyütüldü (yazılar büyüdü) ama min 370px 360px'lik
     bir ekranda SAYFAYI 28px taşırıyordu. min() ile viewport'a bağla:
     dar ekranda sütun ekran kadar, geniş ekranda 370px taban.      */
  grid-template-columns:repeat(auto-fit, minmax(min(430px, 100%), 1fr));
}
/* Referansın oranı: 4 sütunluk ızgarada ilk iki kutu 2'şer sütun,
   sonraki üç kutu 4 sütunu paylaşır (referansta 4/3/3 + 3/3/3 düzeni). */
@media (min-width:1101px){
  .lg-izgara--ikili{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg-izgara--ikili .lg-tablo{grid-column:auto}
  /* alt sıra: 3 kutu — arena üçlüleri en dar olan, ona göre pay ver */
  .lg-izgara--uclu{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr)}
  .lg-izgara--uclu .lg-tablo{grid-column:auto}
}

/* ── tek kutu ── */
.lg-tablo{
  position:relative;border:1px solid var(--line);background:var(--panel-solid);
  display:flex;flex-direction:column;
  transition:border-color .45s var(--ease),transform .45s var(--ease);
}
.lg-tablo:hover{border-color:color-mix(in srgb,var(--gold) 34%,transparent)}
.lg-tablo__bas{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;
  padding:clamp(11px,1.15vw,14px) clamp(13px,1.3vw,17px);
  border-bottom:1px solid var(--line-soft);
}
.lg-tablo__bas h3{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(15.5px,1.5vw,19px);color:var(--ink);min-width:0;line-height:1.2;
}
.lg-tablo__bas a{color:inherit;text-decoration:none}
.lg-tablo__bas a:hover{color:var(--gold)}
.lg-tablo__alt{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted-2);
}
.lg-liste{list-style:none;margin:0;padding:0;flex:1}

/* ── satır: no · görsel · ad/rol · çubuk · değer ── */
.lg-satir{
  display:grid;align-items:center;gap:8px 12px;
  /* değer sütunu `auto` + `nowrap`: yüzde ASLA kırpılmaz. Çubuk
     esnek tek sütundur; daralınca önce çubuk kısalır, yazı değil.
     KUTU ARTIK 3 SÜTUN: iki geniş kutu (own layout) + üç kutu; sütun
     ~430px genişlikte, satır 69px yükseklikteydi ve fazla iri duruyordu.
     Ölçü bir kademe indi (portre 46→40, değer 15,5→13px, satır ~69→55px). */
  grid-template-columns:18px 40px minmax(0,1fr) minmax(20px,.8fr) max-content;
  padding:8px clamp(13px,1.3vw,17px);
  border-bottom:1px solid var(--line-soft);
  transition:background .3s var(--ease);
}
.lg-satir:last-child{border-bottom:0}
.lg-satir:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
.lg-satir__no{font-size:11.5px;color:var(--muted-2);text-align:right}
.lg-gorsel{
  width:40px;height:40px;flex:none;position:relative;overflow:hidden;
  border:1px solid var(--line);background:var(--void-3);display:block;
}
.lg-gorsel img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.lg-gorsel--kucuk{width:33px;height:33px}
.lg-gorsel__harf{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:17px;color:var(--gold);font-weight:400;
}
.lg-satir__yazi{display:flex;flex-direction:column;min-width:0}
.lg-satir__ad{
  font-size:13.5px;color:var(--ink);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.lg-satir__rol{
  font-family:var(--font-mono);font-size:10px;letter-spacing:.07em;
  color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  margin-top:1px;
}
.lg-cubuk{flex:1;min-width:16px;height:3px;display:block;background:var(--line-soft);position:relative;overflow:hidden}
.lg-cubuk__ic{position:absolute;left:0;top:0;bottom:0;display:block;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.lg-satir__deger{
  font-family:var(--font-mono);font-size:13px;letter-spacing:.03em;
  color:var(--gold-hi);white-space:nowrap;
  /* Kırpılmayı kesin engelle: saf `auto` sütunu içerik daralınca
     sıkışıp yüzdeyi ("+1,2%" → "+1,2") kesiyordu. max-content +
     overflow:visible ile değer her zaman tam görünür.            */
  justify-self:end;
  min-width:max-content;
  overflow:visible;
}
[data-theme="light"] .lg-satir__deger{color:var(--gold)}
.lg-deger--art{color:var(--teal)}
[data-theme="light"] .lg-deger--art{color:var(--teal-deep)}
/* kırmızı: koyu temada --crimson (#c0392b) 3,58 ölçtü — koyu zemin
   üzerinde açık bir kırmızıya çık. Açık temada koyu kalır. */
.lg-deger--eks{color:#e8705c}
[data-theme="light"] .lg-deger--eks{color:var(--crimson)}

/* arena üçlüleri: üst üste binen üç portre, ad ve numara tek hücrede */
.lg-uclu{display:flex;align-items:center;flex:none}
.lg-uclu .lg-gorsel{margin-left:-10px;flex:none}
.lg-uclu .lg-gorsel:first-child{margin-left:0}
.lg-satir--arena{
  /* arena: (numara + üçlü portre + ad) | çubuk | değer */
  grid-template-columns:minmax(0,1fr) minmax(24px,.9fr) max-content;
}
.lg-satir__kim--arena{
  display:flex;align-items:center;gap:10px;min-width:0;
}
.lg-satir__kim--arena .lg-satir__no{flex:none}
.lg-satir--arena .lg-satir__ad{font-size:13px}

/* "tümünü gör" satırı — referansta kutu altında bir düğme */
.lg-tablo__dip{
  display:block;text-align:center;padding:9px;
  border-top:1px solid var(--line-soft);
  font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);text-decoration:none;
  transition:color .3s var(--ease),background .3s var(--ease);
}
[data-theme="light"] .lg-tablo__dip{color:var(--govde-2)}
.lg-tablo__dip:hover{color:var(--gold-hi);background:color-mix(in srgb,var(--gold) 7%,transparent)}

/* ══════════ L4. ŞAMPİYON DİZİNİ ══════════ */
.lg-suzgec{
  display:flex;flex-wrap:wrap;gap:7px;margin-bottom:clamp(16px,2vw,26px);
}
.lg-suzgec button{
  background:transparent;border:1px solid var(--line);color:var(--muted);
  font-family:var(--font-mono);font-size:9.5px;letter-spacing:.15em;
  text-transform:uppercase;padding:7px 13px;
  transition:color .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.lg-suzgec button:hover{color:var(--gold-hi);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}
.lg-suzgec button[aria-pressed="true"]{
  color:var(--void);background:var(--gold);border-color:var(--gold);
}

.lg-dizin{
  display:grid;gap:1px;background:var(--line);
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  border:1px solid var(--line);
}
.lg-dizinkart{
  position:relative;display:block;text-align:center;overflow:hidden;
  background:var(--void-2);padding:14px 8px 12px;
  transition:background .35s var(--ease);
  isolation:isolate;
}
.lg-dizinkart::before{
  content:'';position:absolute;inset:0;z-index:0;opacity:0;
  background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--gold) 16%,transparent),transparent 70%);
  transition:opacity .4s var(--ease);
}
.lg-dizinkart:hover{background:var(--void-3)}
.lg-dizinkart:hover::before{opacity:1}
.lg-dizinkart__gorsel{
  position:relative;z-index:1;display:block;width:58px;height:58px;
  margin:0 auto 10px;overflow:hidden;border:1px solid var(--line);
  background:var(--void-3);
}
.lg-dizinkart__gorsel img{width:100%;height:100%;object-fit:cover;object-position:50% 16%;display:block}
.lg-dizinkart__harf{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:23px;color:var(--gold);
}
.lg-dizinkart__ad{
  position:relative;z-index:1;display:block;
  font-size:12.5px;color:var(--ink);line-height:1.2;margin-bottom:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lg-dizinkart__rol{
  position:relative;z-index:1;display:block;
  font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted-2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lg-dizinkart:hover .lg-dizinkart__ad{color:var(--gold-hi)}
.lg-dizin__bos{
  margin-top:22px;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted-2);
}

/* ══════════ L5. DAR EKRAN ══════════ */
@media (max-width:1180px){
  .lg-ust__sar{grid-template-columns:auto minmax(0,1fr);row-gap:12px}
  .lg-ara{grid-column:1/-1;justify-self:stretch;max-width:none;order:3}
  .lg-ctl{justify-self:end}
}
@media (max-width:880px){
  /* Tek sütun: kartlar sığmayınca ALT ALTA düşer. `auto-fit` burada
     yan yana iki sütun deneyip kartı ekran kenarına yapıştırıyordu. */
  .lg-izgara--ikili,.lg-izgara--uclu{grid-template-columns:minmax(0,1fr)}
  .lg-izgara--uclu .lg-tablo{grid-column:auto}
  .lg-satir{grid-template-columns:18px 30px minmax(0,1fr) auto}
  .lg-cubuk{display:none}
  .lg-afis__meta .lg-afis__rol{display:none}
}
/* 881–1100px: --ikili/--uclu için tek-sütun kuralı yoktu, ızgara
   auto-fit ile tek sütuna düşerken girintisiz kalıyordu. */
@media (min-width:881px) and (max-width:1100px){
  .lg-izgara--ikili,.lg-izgara--uclu{grid-template-columns:minmax(0,1fr)}
  .lg-izgara--uclu .lg-tablo{grid-column:auto}
}
@media (max-width:560px){
  .lg-ust__sar{grid-template-columns:minmax(0,1fr) auto;padding:8px var(--gut)}
  .lg-logo .logo__alt{display:none}
  .lg-ctl__temaYazi{display:none}
  .lg-ara__sayac{display:none}
  .lg-afis{margin-left:0;margin-right:0;border-left:0;border-right:0}
  .lg-govde>.lg-bolum{padding-left:18px;padding-right:18px}
  .lg-dizin{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
  .lg-dizinkart{padding:11px 6px 9px}
  .lg-dizinkart__gorsel{width:46px;height:46px;margin-bottom:7px}
  .lg-dizinkart__ad{font-size:11.5px}
  .lg-satir__rol{display:none}
}

@media (prefers-reduced-motion:reduce){
  .lg-afis__serit,.lg-tablo,.lg-dizinkart,.lg-dizinkart::before,
  .lg-satir,.lg-ara{transition:none}
  .lg-afis__serit{transition:none!important}
}