/* Tema galerisi (Views/Vitrin/Temalar) — onaylı prototipin temalar.css dosyasından. Önek: tg-. Sayfa başı ve konum izi
   (tg-bas, tg-iz) vitrin.css'te (tema, SSS, künye sayfaları da kullanır). Renk örneği katalogdan: --r vurgu, --z zemin. */

.tg-bas-izgara { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--b-7); align-items: end; }

.tg-ozet { list-style: none; padding: 0; display: grid; gap: 10px; }
.tg-ozet li { display: flex; align-items: center; gap: 14px; padding: 12px 16px; border-radius: var(--k-3);
  background: var(--cam); border: 1px solid var(--cam-kenar); box-shadow: var(--g-2), var(--parilti);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-size: var(--t-kucuk); color: var(--sis); }
.tg-ozet svg { width: 22px; height: 22px; color: var(--mavi-metin); flex: none; }
.tg-ozet b { display: block; color: var(--murekkep); font-size: var(--t-arayuz); }

.tg-suzgec { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: var(--b-7); }
/* Masaüstünde sekmeler satıra sığmazsa alt satıra iner (2026-10-02: dokuz sektörde son sekme gizli kaydırmada kalıyordu); telefonda kaydırma */
.tg-suzgec .tk-sekmeler { flex: 0 1 auto; min-width: 0; flex-wrap: wrap; }

.tg-galeri { padding: var(--b-5) 0 var(--b-8); }
.tg-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }

.tg-yakinda { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--b-6); align-items: center; margin-top: var(--b-7);
  padding: var(--b-6); border-radius: var(--k-5); border: 1px dashed var(--tas-koyu); background: rgba(255, 255, 255, .55); }
.tg-yakinda-metin { display: flex; gap: 18px; align-items: flex-start; }
.tg-yakinda-metin .tk-temel { margin-top: 8px; }
.tg-yakinda h2 { font-size: var(--t-h3); margin-bottom: 6px; }
.tg-yakinda-liste { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); gap: 10px; }
.tg-yakinda-liste li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: var(--k-3);
  background: var(--yuzey-1); border: 1px solid var(--tas); font-weight: 600; box-shadow: var(--g-1); }

@media (max-width: 1080px) {
  .tg-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tg-bas-izgara, .tg-yakinda { grid-template-columns: minmax(0, 1fr); }
  .tg-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .tg-izgara { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .tg-ozet { grid-template-columns: minmax(0, 1fr); }
  .tg-suzgec .tk-sekmeler { width: 100%; flex-wrap: nowrap; -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); mask-image: linear-gradient(90deg, #000 85%, transparent); }
  .tg-yakinda { padding: var(--b-5); }
}

/* ═══ Portal eklemeleri (Aşama 3) ═══ */
.tg-satis-kapali { margin-top: var(--b-5); max-width: 640px; }
.tg-bos { text-align: center; }
.tg-bos h2 { font-size: var(--t-h3); }
.tg-bos p { margin-top: var(--b-3); }