/* =====================================================================================================================
   YAPIOK ARAYÜZ DİLİ (25.09.2026) — eklenti sayfalarının ortak tasarım sistemi.
   Referans: Shopify Polaris (ticaret odaklı; 4 px ızgara, 14 px taban üzerine 1,2 oranlı tip ölçeği, 4/6/8/12 px köşe)
   + GOV.UK Design System (okunabilirlik: satır uzunluğu ≤ 70 karakter, tutarlı satır yüksekliği, ekranda tek soru).
   Marka: sitenin kendi dili — Roboto (tema), lacivert #2d405c (menü bandı), metin #333e48, girdi kenarı #d7dce5,
   düğme köşesi 6 px, satın alma kırmızısı #e02b1d (YALNIZ satın alma eylemi).
   Kural: yalnız .yt- önekli sınıflar ve --yt- değişkenleri; temanın mevcut sınıflarına dokunmaz. Sayfa başı .yk-ust
   (theme::partials._yk_sayfa_ust) blog sayfalarıyla ortaktır.
   ===================================================================================================================== */
:root {
  --yt-l: #2d405c; --yt-l-koyu: #1f2d42; --yt-l-orta: #dbe3ee; --yt-l-acik: #eef2f7; --yt-l-zemin: #f6f8fb;
  --yt-m: #333e48; --yt-m2: #56626f; --yt-m3: #6b7580;
  --yt-cizgi: #e3e7ec; --yt-cizgi-g: #d7dce5; --yt-zemin: #f5f7fa; --yt-beyaz: #fff;
  --yt-bag: #0066c0; --yt-cta: #e02b1d; --yt-cta-koyu: #bf2317;
  --yt-ok: #1e7a4c; --yt-ok-z: #e9f6ef; --yt-uyari: #8a5a00; --yt-uyari-z: #fff6e0;
  --yt-hata: #b42318; --yt-hata-z: #fdeceb; --yt-bilgi: #0b5cad; --yt-bilgi-z: #eaf2fc;
  --yt-r-k: 4px; --yt-r: 6px; --yt-r-o: 8px; --yt-r-b: 12px;
  --yt-g1: 0 1px 2px rgba(31, 45, 66, .06); --yt-g2: 0 8px 24px rgba(31, 45, 66, .10); --yt-g3: 0 16px 40px rgba(31, 45, 66, .16);
  --yt-halka: 0 0 0 3px rgba(45, 64, 92, .16);
  --yt-ok-cizgi: #c9e8d6; --yt-ortu: rgba(18, 26, 38, .72);
}

/* ------------------------------------------------------------------ sayfa başı (blog ile ortak: _yk_sayfa_ust) */
.yk-ust { background: var(--yt-zemin); border-bottom: 1px solid var(--yt-cizgi); color: var(--yt-m); }
.yk-ust__ic { padding: 16px 0 28px; }
.yk-ust .breadcrumb { background: transparent; padding: 0; margin: 0 0 16px; font-size: 13px; }
.yk-ust .breadcrumb > li { display: inline-block !important; }   /* tema telefonda "Ana Sayfa"yı gizliyor; yol eksik görünmesin */
.yk-ust__on { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--yt-l); margin: 0 0 8px; }
.yk-ust__on a { color: inherit; }
.yk-ust h1 { font-size: 32px; line-height: 1.22; font-weight: 700; color: var(--yt-l-koyu); margin: 0; max-width: 820px; text-wrap: balance; }
.yk-ust__alt { font-size: 16px; line-height: 1.6; color: var(--yt-m2); margin: 12px 0 0; max-width: 720px; }
.yk-ust__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 16px; font-size: 13px; color: var(--yt-m3); }
.yk-ust__meta i { margin-right: 6px; opacity: .8; }

/* ------------------------------------------------------------------ sayfa iskeleti */
.yt, .yt *, .yt *::before, .yt *::after { box-sizing: border-box; }
.yt { color: var(--yt-m); font-size: 14px; line-height: 1.5; }
.yt-sayfa { padding: 28px 0 56px; }
.yt-sayfa--zemin { background: var(--yt-l-zemin); }
.yt-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.yt-duzen--sol { grid-template-columns: 280px minmax(0, 1fr); }
.yt-duzen__yan { display: flex; flex-direction: column; gap: 16px; }
.yt-yapiskan { position: sticky; top: 16px; }
.yt-dar { max-width: 760px; }
.yt-yigin { display: flex; flex-direction: column; gap: 12px; }
.yt-yigin--16 { gap: 16px; } .yt-yigin--24 { gap: 24px; } .yt-yigin--8 { gap: 8px; }
.yt-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.yt-satir--arali { justify-content: space-between; }
.yt-izgara { display: grid; gap: 16px; grid-template-columns: repeat(var(--yt-sutun, 3), minmax(0, 1fr)); }
.yt-izgara--2 { --yt-sutun: 2; } .yt-izgara--4 { --yt-sutun: 4; }
.yt-ayrac { height: 1px; background: var(--yt-cizgi); border: 0; margin: 20px 0; }

/* ------------------------------------------------------------------ tipografi (14 taban × 1,2; 4 px'e yuvarlı) */
.yt-h2 { font-size: 20px; line-height: 28px; font-weight: 700; color: var(--yt-l-koyu); margin: 0; text-wrap: balance; }
.yt-h3 { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--yt-l-koyu); margin: 0; }
.yt-on { font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--yt-l); margin: 0; }
.yt-giris { font-size: 16px; line-height: 24px; color: var(--yt-m2); margin: 0; max-width: 68ch; }
.yt-metin { font-size: 14px; line-height: 22px; color: var(--yt-m2); margin: 0; }
.yt-kucuk { font-size: 12px; line-height: 16px; color: var(--yt-m3); margin: 0; }
.yt-sayi { font-variant-numeric: tabular-nums; }
/* Düşük özgüllük (:where): kart/düğme biçimli bağlantılar kendi sınıflarıyla kolayca ezer, !important gerekmez */
.yt :where(a:not(.yt-btn):not(.yt-cip):not(.yt-kutucuk)) { color: var(--yt-bag); }
.yt :where(a:not(.yt-btn):not(.yt-cip):not(.yt-kutucuk)):hover { text-decoration: underline; }
.yt-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.yt-yigin--32 { gap: 32px; }

/* Akordeon (details/summary) ve numaralı adımlar */
.yt-akordeon { border: 1px solid var(--yt-cizgi); border-radius: var(--yt-r-o); background: var(--yt-beyaz); }
.yt-akordeon + .yt-akordeon { margin-top: 8px; }
.yt-akordeon > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 14px 16px; font-size: 15px; line-height: 22px;
  font-weight: 600; color: var(--yt-l-koyu); }
.yt-akordeon > summary::-webkit-details-marker { display: none; }
.yt-akordeon > summary::after { content: "+"; margin-left: auto; font-size: 20px; font-weight: 400; color: var(--yt-m3); }
.yt-akordeon[open] > summary::after { content: "\2212"; }
.yt-akordeon__ic { padding: 0 16px 16px; font-size: 14px; line-height: 22px; color: var(--yt-m2); }
.yt-adimlar { list-style: none; margin: 0; padding: 0; counter-reset: yt-adim; display: flex; flex-direction: column; gap: 12px; }
.yt-adimlar > li { counter-increment: yt-adim; position: relative; padding-left: 40px; min-height: 28px; font-size: 14px; line-height: 20px; color: var(--yt-m2); }
.yt-adimlar > li::before { content: counter(yt-adim); position: absolute; left: 0; top: -2px; width: 28px; height: 28px; border-radius: 50%; background: var(--yt-l-acik);
  color: var(--yt-l); font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.yt-adimlar > li strong { display: block; color: var(--yt-l-koyu); font-weight: 600; }

/* ------------------------------------------------------------------ kart */
.yt-kart { background: var(--yt-beyaz); border: 1px solid var(--yt-cizgi); border-radius: var(--yt-r-o); box-shadow: var(--yt-g1); min-width: 0; }
.yt-kart--duz { box-shadow: none; }   /* sepet/ödeme/sipariş gibi yoğun alanlarda gölgesiz */
.yt-kart__bas { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--yt-cizgi); }
.yt-kart__bas > .yt-h3, .yt-kart__bas > .yt-h2 { flex: 1 1 auto; min-width: 0; }
.yt-kart__govde { padding: 20px; }
.yt-kart__alt { padding: 12px 20px; border-top: 1px solid var(--yt-cizgi); background: var(--yt-l-zemin); border-radius: 0 0 var(--yt-r-o) var(--yt-r-o); }
.yt-kart--gecis { transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease; }
.yt-kart--gecis:hover { box-shadow: var(--yt-g2); border-color: var(--yt-l-orta); transform: translateY(-1px); }

/* Gezinme kutucuğu (simge + başlık + açıklama) */
.yt-kutucuk { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--yt-cizgi); border-radius: var(--yt-r-o);
  background: var(--yt-beyaz); color: var(--yt-m); text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease; }
.yt-kutucuk:hover, .yt-kutucuk:focus-visible { border-color: var(--yt-l); box-shadow: var(--yt-g1); color: var(--yt-m); text-decoration: none; }
.yt-kutucuk__s { flex: 0 0 40px; width: 40px; height: 40px; border-radius: var(--yt-r-o); background: var(--yt-l-acik); color: var(--yt-l);
  display: flex; align-items: center; justify-content: center; font-size: 17px; }
.yt-kutucuk__b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.yt-kutucuk__t { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--yt-l-koyu); }
.yt-kutucuk__a { font-size: 13px; line-height: 18px; color: var(--yt-m2); }
.yt-kutucuk--dar { padding: 10px 12px; align-items: center; }
.yt-kutucuk--dar .yt-kutucuk__s { flex-basis: 32px; width: 32px; height: 32px; font-size: 14px; }

/* ------------------------------------------------------------------ düğmeler */
.yt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px; border: 1px solid transparent;
  border-radius: var(--yt-r); font: inherit; font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer;
  text-decoration: none; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.yt-btn:hover, .yt-btn:focus { text-decoration: none; }
.yt-btn--ana { background: var(--yt-l); color: #fff; }
.yt-btn--ana:hover, .yt-btn--ana:focus { background: var(--yt-l-koyu); color: #fff; }
.yt-btn--ikincil { background: var(--yt-beyaz); color: var(--yt-l-koyu); border-color: var(--yt-cizgi-g); }
.yt-btn--ikincil:hover, .yt-btn--ikincil:focus { border-color: var(--yt-l); color: var(--yt-l-koyu); }
.yt-btn--metin { background: transparent; color: var(--yt-l); padding: 0 10px; }
.yt-btn--metin:hover, .yt-btn--metin:focus { background: var(--yt-l-acik); color: var(--yt-l-koyu); }
.yt-btn--satin { background: var(--yt-cta); color: #fff; }
.yt-btn--satin:hover, .yt-btn--satin:focus { background: var(--yt-cta-koyu); color: #fff; }
.yt-btn--tehlike { background: var(--yt-beyaz); color: var(--yt-hata); border-color: #f1c7c3; }
.yt-btn--tehlike:hover { background: var(--yt-hata-z); color: var(--yt-hata); }
.yt-btn--kucuk { height: 32px; padding: 0 12px; font-size: 13px; gap: 6px; }
.yt-btn--buyuk { height: 48px; padding: 0 20px; font-size: 15px; }
.yt-btn--blok { display: flex; width: 100%; }
.yt-btn--simge { width: 40px; padding: 0; }
.yt-btn[disabled], .yt-btn.devre-disi { opacity: .55; cursor: default; pointer-events: none; }

/* ------------------------------------------------------------------ form */
.yt-alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
label.yt-alan { margin: 0; font-weight: 400; max-width: none; }   /* tema label kalınlığı select yazısına geçmesin */
.yt-etiket { font-size: 13px; line-height: 18px; font-weight: 500; color: var(--yt-m); margin: 0; }
.yt-girdi { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--yt-cizgi-g); border-radius: var(--yt-r); background: var(--yt-beyaz);
  font: inherit; font-size: 14px; color: var(--yt-m); transition: border-color .15s ease, box-shadow .15s ease; }
textarea.yt-girdi { height: auto; min-height: 96px; padding: 10px 12px; line-height: 1.5; resize: vertical; }
select.yt-girdi { padding-right: 32px; }
.yt-girdi:focus { outline: 0; border-color: var(--yt-l); box-shadow: var(--yt-halka); }
.yt-girdi::placeholder { color: var(--yt-m3); }
.yt-girdi[aria-invalid="true"] { border-color: var(--yt-hata); }
.yt-yardim { font-size: 12px; line-height: 16px; color: var(--yt-m3); margin: 0; }
.yt-hata-metni { font-size: 12px; line-height: 16px; color: var(--yt-hata); margin: 0; }
.yt-secim { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; cursor: pointer; }
.yt-secim input { margin-top: 3px; accent-color: var(--yt-l); }

/* ------------------------------------------------------------------ çip, rozet */
.yt-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.yt-cip { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 6px 12px; border: 1px solid var(--yt-cizgi-g); border-radius: 999px;
  background: var(--yt-beyaz); color: var(--yt-m); font: inherit; font-size: 13px; line-height: 18px; text-decoration: none; cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease, color .15s ease; text-align: left; }
.yt-cip:hover, .yt-cip:focus-visible { border-color: var(--yt-l); color: var(--yt-l-koyu); text-decoration: none; }
.yt-cip.aktif, .yt-cip[aria-pressed="true"], .yt-cip[aria-current] { background: var(--yt-l-acik); border-color: var(--yt-l); color: var(--yt-l-koyu); font-weight: 600; }
.yt-rozet { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 12px; line-height: 16px; font-weight: 600;
  background: var(--yt-l-acik); color: var(--yt-l); white-space: nowrap; }
.yt-rozet--ok { background: var(--yt-ok-z); color: var(--yt-ok); }
.yt-rozet--uyari { background: var(--yt-uyari-z); color: var(--yt-uyari); }
.yt-rozet--hata { background: var(--yt-hata-z); color: var(--yt-hata); }
.yt-rozet--gri { background: #eef0f3; color: var(--yt-m2); }

/* ------------------------------------------------------------------ bildirim kutusu */
.yt-not { display: flex; gap: 12px; align-items: flex-start; padding: 12px 16px; border-radius: var(--yt-r-o); border: 1px solid var(--yt-l-orta);
  background: var(--yt-l-zemin); font-size: 14px; line-height: 20px; color: var(--yt-m); }
.yt-not > i, .yt-not > .yt-not__s { flex: 0 0 auto; margin-top: 2px; color: var(--yt-l); }
.yt-not--bilgi { background: var(--yt-bilgi-z); border-color: #cfe0f5; } .yt-not--bilgi > i { color: var(--yt-bilgi); }
.yt-not--ok { background: var(--yt-ok-z); border-color: #c9e8d6; } .yt-not--ok > i { color: var(--yt-ok); }
.yt-not--uyari { background: var(--yt-uyari-z); border-color: #f2dfae; } .yt-not--uyari > i { color: var(--yt-uyari); }
.yt-not--hata { background: var(--yt-hata-z); border-color: #f4c9c4; } .yt-not--hata > i { color: var(--yt-hata); }
.yt-not p { margin: 0; }

/* ------------------------------------------------------------------ boş durum */
.yt-bos { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 40px 20px; }
.yt-bos__s { width: 56px; height: 56px; border-radius: 50%; background: var(--yt-l-acik); color: var(--yt-l); display: flex; align-items: center;
  justify-content: center; font-size: 22px; margin-bottom: 4px; }
.yt-bos__t { font-size: 16px; line-height: 24px; font-weight: 600; color: var(--yt-l-koyu); margin: 0; }
.yt-bos__a { font-size: 14px; line-height: 22px; color: var(--yt-m2); margin: 0; max-width: 52ch; }

/* ------------------------------------------------------------------ ilerleme, adımlar, sekmeler */
.yt-ilerleme { height: 6px; border-radius: 999px; background: var(--yt-l-orta); overflow: hidden; }
.yt-ilerleme > span { display: block; height: 100%; background: var(--yt-l); border-radius: inherit; transition: width .25s ease; }
.yt-sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--yt-cizgi); overflow-x: auto; scrollbar-width: none; }
.yt-sekmeler::-webkit-scrollbar { display: none; }
.yt-sekme { padding: 10px 14px; border-bottom: 2px solid transparent; margin-bottom: -1px; font-size: 14px; font-weight: 500; color: var(--yt-m2);
  white-space: nowrap; text-decoration: none; background: none; border-top: 0; border-left: 0; border-right: 0; cursor: pointer; }
.yt-sekme:hover { color: var(--yt-l-koyu); text-decoration: none; }
.yt-sekme.aktif, .yt-sekme[aria-selected="true"], .yt-sekme[aria-current] { color: var(--yt-l-koyu); border-bottom-color: var(--yt-l); font-weight: 600; }

/* ------------------------------------------------------------------ liste, tablo, ürün mini */
.yt-liste { list-style: none; margin: 0; padding: 0; }
.yt-liste > li { padding: 12px 0; border-bottom: 1px solid var(--yt-cizgi); }
.yt-liste > li:last-child { border-bottom: 0; }
.yt-tablo-kap { overflow-x: auto; border: 1px solid var(--yt-cizgi); border-radius: var(--yt-r-o); background: var(--yt-beyaz); }
.yt-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.yt-tablo th { text-align: left; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--yt-m2);
  background: var(--yt-l-zemin); padding: 10px 14px; border-bottom: 1px solid var(--yt-cizgi); white-space: nowrap; }
.yt-tablo td { padding: 12px 14px; border-bottom: 1px solid var(--yt-cizgi); vertical-align: top; }
.yt-tablo tr:last-child td { border-bottom: 0; }
.yt-mini { display: flex; gap: 12px; align-items: flex-start; min-width: 0; }
.yt-mini__g { flex: 0 0 64px; width: 64px; height: 64px; border-radius: var(--yt-r-o); overflow: hidden; background: var(--yt-zemin); border: 1px solid var(--yt-cizgi); }
.yt-mini__g img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yt-mini__b { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.yt-mini__marka { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--yt-m3); }
.yt-mini__ad { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--yt-l-koyu); }
.yt-mini__fiyat { font-size: 15px; line-height: 20px; font-weight: 700; color: var(--yt-m); font-variant-numeric: tabular-nums; }

/* Tanım listesi (künye, özet) */
.yt-tanim { display: grid; grid-template-columns: minmax(120px, 34%) minmax(0, 1fr); gap: 10px 16px; margin: 0; font-size: 14px; line-height: 20px; }
.yt-tanim dt { color: var(--yt-m3); font-weight: 400; }
.yt-tanim dd { margin: 0; color: var(--yt-m); }

/* Ek satır: ürün sayfası satın alma kutusu eklentileri (numune, haber ver, odanda gör, montaj, sihirbaz…) ve sepet/ödeme
   bilgi kutuları. Her eklenti kendi .yt-ek kökünü basar; art arda gelenler aynı hizada, aynı dilde görünür. */
.yt-ek { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; width: 100%; padding: 12px 14px; margin: 8px 0 0; background: var(--yt-beyaz);
  border: 1px solid var(--yt-cizgi); border-radius: var(--yt-r-o); color: var(--yt-m); font-size: 14px; line-height: 20px; }
:not(.yt-ek) + .yt-ek { margin-top: 16px; }
.yt-ek--ust { align-items: flex-start; }
.yt-ek__s { flex: 0 0 36px; width: 36px; height: 36px; border-radius: var(--yt-r-o); background: var(--yt-l-acik); color: var(--yt-l); display: flex;
  align-items: center; justify-content: center; font-size: 15px; }
.yt-ek__b { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.yt-ek__t { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--yt-l-koyu); margin: 0; }
.yt-ek__a { font-size: 13px; line-height: 18px; color: var(--yt-m2); margin: 0; }
.yt-ek__e { flex: 0 0 auto; margin-left: auto; }
.yt-ek--vurgu { background: var(--yt-l-zemin); border-color: var(--yt-l-orta); }
@media (max-width: 420px) { .yt-ek__b { flex: 1 1 0%; } .yt-ek__e { flex-basis: 100%; } .yt-ek__e .yt-btn { width: 100%; } }
/* İkincil, soluk metin bağlantısı (ör. "Bu ilanı bildir") */
.yt-bag-soluk { font-size: 12px; line-height: 16px; color: var(--yt-m3) !important; text-decoration: underline; }
.yt-bag-soluk:hover { color: var(--yt-m) !important; }

/* Hesap sayfası (Hesabım içinde; temanın hesap düzeni kapsar, ayrı sayfa başı bandı YOK) */
.yt-hesap { display: flex; flex-direction: column; gap: 16px; }
.yt-hesap__bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 16px; }
.yt-hesap__bas .yt-h2 { margin: 0 0 4px; }
.yt-hesap__bas .yt-metin { max-width: 70ch; }

/* Odak ve hareket */
.yt :focus-visible { outline: 2px solid var(--yt-bag); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .yt *, .yt-kart--gecis { transition: none !important; transform: none !important; } }

/* ------------------------------------------------------------------ duyarlı */
@media (max-width: 991px) {
  .yt-duzen, .yt-duzen--sol { grid-template-columns: minmax(0, 1fr); }
  .yt-yapiskan { position: static; }
  .yt-izgara { --yt-sutun: 2; }
}
@media (max-width: 767px) {
  .yt-girdi { font-size: 16px; }   /* iOS odakta yakınlaştırmasın */
  .yk-ust__ic { padding: 12px 0 22px; }
  .yk-ust h1 { font-size: 26px; }
  .yk-ust__alt { font-size: 15px; }
  .yt-sayfa { padding: 20px 0 40px; }
  .yt-kart__bas { padding: 14px 16px; }
  .yt-kart__govde { padding: 16px; }
  .yt-h2 { font-size: 18px; line-height: 26px; }
}
@media (max-width: 575px) {
  .yt-izgara, .yt-izgara--2, .yt-izgara--4 { --yt-sutun: 1; }
  .yt-tanim { grid-template-columns: minmax(0, 1fr); gap: 2px 0; }
  .yt-tanim dd { margin-bottom: 8px; }
}
@media print { .yt-btn, .yt-cip { box-shadow: none; } }

/* ------------------------------------------------------------------ üst çubuk (27.09.2026; tema .top-nav üzerine, tek satır)
   Solda keşif araçları, sağda hesap menüsü + destek + para birimi + dil. 1280 px altında araçlar "Keşfet" menüsüne toplanır.
   Tema 992 px altında .top-nav'ı zaten gizler (mobil menü ayrı). */
.yt-ust .yt-ust__ic { gap: 16px; padding: 4px 0; min-height: 40px; }
.yt-ust__sol { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 auto; }
.yt-ust__sag { flex: 0 0 auto; }
.yt-ust a, .yt-ust button { font-size: 12.5px; line-height: 20px; white-space: nowrap; }
.yt-ust a span, .yt-ust button span { color: inherit; }   /* tema 'a span { color: #0066c0 }' yazıyı maviye boyuyordu */
.yt-ust__konum { color: var(--yt-m2); }
.yt-ust .top-nav-right > ul > li { padding: 0 10px; }
.yt-ust .top-nav-right > ul > li:last-child { padding-inline-end: 0; }
.yt-ust__bag, .yt-ust__dugme { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: var(--yt-r); color: var(--yt-m2); }
.yt-ust__dugme { background: none; border: 0; cursor: pointer; font-family: inherit; }
.yt-ust__bag i, .yt-ust__dugme i { color: var(--yt-l); width: 14px; text-align: center; }
.yt-ust__bag:hover, .yt-ust__bag:focus-visible, .yt-ust__dugme:hover, .yt-ust__dugme:focus-visible,
.acik > .yt-ust__dugme { background: var(--yt-l-acik); color: var(--yt-l); text-decoration: none; outline: none; }
.yt-ust__dugme:focus-visible, .yt-ust__bag:focus-visible, .yt-ust-araclar a:focus-visible, .yt-ust-menu a:focus-visible { box-shadow: var(--yt-halka); }
.yt-ust__ok { width: auto !important; font-size: 11px; opacity: .7; transition: transform .15s; }
.acik > .yt-ust__dugme .yt-ust__ok { transform: rotate(180deg); }

/* keşif araçları: geniş ekranda tek satır bağlantılar */
.yt-ust-kesfet { position: relative; }
.yt-ust-kesfet__ac { display: none; }
.yt-ust-araclar { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.yt-ust-araclar a { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: var(--yt-r); color: var(--yt-m2); }
.yt-ust-araclar a i { color: var(--yt-l); width: 14px; text-align: center; opacity: .85; }
.yt-ust-araclar a:hover { background: var(--yt-l-acik); color: var(--yt-l); text-decoration: none; }

/* açılır menüler (hesap; dar ekranda keşfet) — z-index tema .main-menu-top (2001) üstünde */
.yt-ust-hesap { position: relative; }
.yt-ust-hesap__ad { max-width: 128px; overflow: hidden; text-overflow: ellipsis; }
.yt-ust-menu {
  display: none; position: absolute; top: calc(100% + 6px); right: 0; z-index: 2100; min-width: 232px; margin: 0; padding: 6px;
  list-style: none; background: var(--yt-beyaz); border: 1px solid var(--yt-cizgi); border-radius: var(--yt-r-o); box-shadow: var(--yt-g2);
}
.yt-ust-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }   /* fare menüye inerken kapanmasın */
.yt-ust-hesap:hover > .yt-ust-menu, .yt-ust-hesap:focus-within > .yt-ust-menu, .yt-ust-hesap.acik > .yt-ust-menu { display: block; }
.yt-ust-menu > li { padding: 0; border: 0; }
.yt-ust-menu a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--yt-r-k); color: var(--yt-m) !important; font-size: 13px; }
.yt-ust-menu a i { width: 16px; text-align: center; color: var(--yt-l); }
.yt-ust-menu a:hover { background: var(--yt-l-zemin); color: var(--yt-l) !important; text-decoration: none; }
.yt-ust-menu__bas { padding: 6px 10px 10px; margin-bottom: 4px; border-bottom: 1px solid var(--yt-cizgi) !important; font-size: 12px; color: var(--yt-m3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 280px; }
.yt-ust-menu__bas strong { color: var(--yt-l-koyu); font-weight: 600; }
.yt-ust-menu__deger { margin-left: auto; padding-left: 12px; font-weight: 600; color: var(--yt-l-koyu); font-variant-numeric: tabular-nums; }
.yt-ust-menu__ayrac { height: 1px; background: var(--yt-cizgi); margin: 4px 0; }

@media (max-width: 1279.98px) {
  .yt-ust-kesfet__ac { display: inline-flex; }
  .yt-ust-araclar { display: none; position: absolute; top: calc(100% + 6px); left: 0; z-index: 2100; min-width: 220px; padding: 6px;
    flex-direction: column; align-items: stretch; gap: 0; background: var(--yt-beyaz); border: 1px solid var(--yt-cizgi);
    border-radius: var(--yt-r-o); box-shadow: var(--yt-g2); }
  .yt-ust-araclar::before { content: ""; position: absolute; left: 0; right: 0; top: -8px; height: 8px; }
  .yt-ust-kesfet:hover > .yt-ust-araclar, .yt-ust-kesfet:focus-within > .yt-ust-araclar, .yt-ust-kesfet.acik > .yt-ust-araclar { display: flex; }
  .yt-ust-araclar a { display: flex; gap: 10px; padding: 8px 10px; color: var(--yt-m); font-size: 13px; }
  .yt-ust-araclar a i { width: 16px; }
}
.yt-ust-pb-notu { background: var(--yt-bilgi-z); color: var(--yt-bilgi); border-bottom: 1px solid #d3e3f7; font-size: 13px; line-height: 18px; padding: 8px 0; }
.yt-ust-pb-notu i { margin-right: 6px; }