/* ==================================================================
   sitemap.css — SİTE HARİTASI SAYFASI (.sm-*)               2026-09-09
   ==================================================================
   Sayfa  : views/yeni/sitemap.php  (/sitemap)
   Yükleme: ortak.css + kurs.css + vitrin.css + BU DOSYA (+ tw.css)
   Plan   : memory-bank/sitemap-sayfasi-analiz-ve-plan.md

   MİRAS (yeniden yazılmadı): .vit-hero .vit-h1 .vit-yol .vit-kicker
   .wrap .sec-head .kicker .tnum .lede (ortak/kurs/vitrin).

   Sayfanın işi yoğun link dizini — kartlar sade beyaz pano, listeler
   CSS columns ile çok kolonlu (835 linklik eski tek kolon duvarının
   ilacı). JS yok.
   ================================================================== */


/* ---- HERO ----------------------------------------------------------- */
.sm-cevap{
  margin:14px 0 22px; max-width:62ch;
  font-size:clamp(15.5px,1.5vw,17px); line-height:1.7; color:#C9D8EE;
}
.sm-cevap b{ color:#fff }

/* Çapa çipleri — vitrin çipinin bağlantı hâli (buton değil, düz <a>). */
.sm-atlama{ display:flex; flex-wrap:wrap; gap:8px }
.sm-atlama a{
  min-height:44px; padding:9px 16px; border-radius:999px;
  display:inline-flex; align-items:center;
  font-size:.86rem; font-weight:700; color:#E8EEF8;
  background:rgb(255 255 255 / .07);
  border:1px solid rgb(255 255 255 / .18);
  transition:background .18s ease, border-color .18s ease;
}
.sm-atlama a:hover{ background:rgb(255 255 255 / .14); border-color:rgb(255 255 255 / .34); color:#fff }


/* ---- BÖLÜM RİTMİ + PANO --------------------------------------------- */
.sm-bolum{ padding-block:0 clamp(24px,3.5vw,44px) }
.sm-bolum:first-of-type{ padding-top:clamp(34px,5vw,64px) }
/* Çapa menü altına saplanmasın. */
.sm-bolum[id]{ scroll-margin-top:90px }
.sm-bolum-son{ padding-bottom:clamp(38px,5vw,72px) }
.sm-sayfa .sec-head{ margin-bottom:clamp(16px,2.5vw,24px) }

.sm-pano{
  padding:clamp(18px,2.5vw,28px);
  border-radius:var(--r-x);
  background:var(--surface); border:1px solid var(--line);
  box-shadow:var(--sh-1);
}
.sm-pano + .sm-pano{ margin-top:14px }
.sm-pano h3{
  margin:0 0 14px;
  display:flex; align-items:center; gap:10px;
  font-size:16.5px; font-weight:800; letter-spacing:-.01em; color:var(--ink);
}
.sm-adet{
  padding:2px 10px; border-radius:999px;
  font-size:11.5px; font-weight:800;
  background:var(--tint); color:var(--brand-d);
}


/* ---- LİSTELER — çok kolonlu link dizini ----------------------------- */
.sm-liste{
  list-style:none; margin:0; padding:0;
  columns:1; column-gap:28px;
}
@media (min-width:640px){  .sm-liste{ columns:2 } }
@media (min-width:1024px){ .sm-liste{ columns:3 } }
/* Paket listesi 426 satır — daha sık dizilim. */
@media (min-width:1240px){ .sm-liste-sik{ columns:3 } }

.sm-liste li{
  break-inside:avoid;
  border-bottom:1px solid var(--line);
}
.sm-liste a{
  display:block; padding:9px 2px;
  font-size:14.5px; line-height:1.5; font-weight:600; color:var(--ink-2);
  transition:color .15s ease;
}
.sm-liste a:hover{ color:var(--brand-d) }
.sm-liste a b{ font-weight:800; color:var(--ink) }
.sm-liste a small{ font-size:12px; color:var(--ink-3); font-weight:600; margin-left:4px }
.sm-liste-sik a{ font-size:13.5px; padding:7px 2px }

@media (prefers-reduced-motion:reduce){
  .sm-atlama a, .sm-liste a{ transition:none }
}