/* =========================================================================
 * YARIŞ SAYFASI — YENİ DÜZEN (0.77.0, 17 Eki 2026)
 * Kaynak: «Advenway Yarış Sayfası · Geliştirici Teslim Dokümanı» → Tasarım tokenları.
 *
 * Yalnız tekil yarış sayfasında yüklenir (is_singular yaris). Takvim listesi,
 * ana sayfa bloğu ve yazı içi blok bu dosyayı GÖRMEZ.
 *
 * Özgüllük: her kural `.adv-yt .advyt-d2 …` ile başlar (en az 3 sınıf), yani
 * adv-yt.css'teki iki katmanın (`.adv-yt .advyt-*`) hepsini dosyayı
 * değiştirmeden ezer. Eski kurallara dokunulmadı — geri dönüş = bu dosyayı
 * yüklememek.
 * ====================================================================== */

body.advyt-tekil { background: #EEEBE4; }
body.advyt-tekil .advyt-page { max-width: 1304px; padding: 20px 32px 64px; }
@media (max-width: 700px) { body.advyt-tekil .advyt-page { padding: 12px 16px 40px; } }

.adv-yt .advyt-d2 {
  --zemin: #EEEBE4;
  --yuzey: #F7F5F0;
  --cizgi: #DCD6CB;
  --cizgi-ic: #E2DDD3;
  --murekkep: #15181A;
  --ikincil: #4A453E;
  --etiket: #6B655B;
  --koyu-hero: #0E1513;
  --turuncu: #C2500A;
  --turuncu-acik: #F07A2E;
  --link: #A8460A;
  --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans: 'Space Grotesk', Helvetica, Arial, sans-serif;

  /* Eski blokların token'ları yeni palete bağlanır: kit, parkur, malzeme,
     hava, SSS, arşiv kendi CSS'leriyle ama yeni renklerle çizilir. */
  --advyt-ink: var(--murekkep);
  --advyt-ink-2: var(--ikincil);
  --advyt-ink-3: var(--etiket);
  --advyt-line: var(--cizgi);
  --advyt-line-soft: var(--cizgi-ic);
  --advyt-bg2: var(--yuzey);
  --advyt-surface-2: var(--yuzey);
  --advyt-elev: var(--yuzey);
  --advyt-accent: var(--turuncu);
  --advyt-accent-metin: var(--link);
  --advyt-accent-soft: rgba(194, 80, 10, 0.08);
  --advyt-accent-ink: #FFFFFF;
  --advyt-mono: var(--mono);
  --advyt-serif: var(--serif);
  --advyt-sans: var(--sans);

  max-width: 1240px;
  margin: 0 auto;
  color: var(--murekkep);
  font-family: var(--sans);
  font-size: 16px;
}
.adv-yt .advyt-d2 a { color: var(--link); }
.adv-yt .advyt-d2 :focus-visible { outline: 2px solid var(--turuncu); outline-offset: 2px; }

/* ---------- Geri bağlantısı ---------- */
.adv-yt .advyt-d2 .advyt-back {
  display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px;
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
  color: var(--ikincil); text-decoration: none;
}
.adv-yt .advyt-d2 .advyt-back:hover { color: var(--link); }

/* ---------- Durum etiketi BİÇİMİ (renkler adv-yt.css sonundaki 0.77.1 durum renk sisteminde —
   takvim listesiyle tek kaynak; burada renk tanımlama). ---------- */
.adv-yt .advyt-d2 .advyt-status {
  display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px;
  font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
}

.adv-yt .advyt-d2 .advyt-days {
  font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .04em;
  color: var(--murekkep); background: transparent; border: 1px solid var(--cizgi); border-radius: 999px; padding: 3px 9px;
}

/* ---------- Değişiklik bandı (hero'nun üstü) ---------- */
.adv-yt .advyt-d2 .advyt-bantlar { display: grid; gap: 8px; margin: 0 0 14px; }
.adv-yt .advyt-d2 .advyt-bant {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px;
  padding: 12px 16px; border-radius: 12px; border-left: 4px solid #8A5A00;
  background: #F4E8CF; color: #3D2A00; font-size: 15px; line-height: 1.45;
}
.adv-yt .advyt-d2 .advyt-bant b {
  font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #8A5A00;
}
.adv-yt .advyt-d2 .advyt-bant.kirmizi { border-left-color: #A3261B; background: #F5DEDA; color: #4A0F09; }
.adv-yt .advyt-d2 .advyt-bant.kirmizi b { color: #A3261B; }
/* Değişiklik rozetleri (inc/degisiklik.php) — eskiden koyu hero içindeydi. */
.adv-yt .advyt-d2 .advyt-bant.dgs { gap: 8px 22px; }
.adv-yt .advyt-d2 .advyt-bant .advyt-degisti {
  display: inline; padding: 0; margin: 0; border: 0; background: none; border-radius: 0;
  font-family: var(--sans); font-size: 15px; font-weight: 600; color: #3D2A00; white-space: normal;
}
.adv-yt .advyt-d2 .advyt-bant .advyt-degisti .onceki { display: inline; font-weight: 400; color: #5C4710; }

/* ---------- HERO (koyu) ---------- */
.adv-yt .advyt-d2 .advyt-hero {
  position: relative; border-radius: 14px; border: 0; box-shadow: none;
  background: var(--koyu-hero); color: #EEEBE4;
}
.adv-yt .advyt-d2 .advyt-hero .advyt-topo { opacity: .22; }
.adv-yt .advyt-d2 .advyt-hero .in { padding: clamp(24px, 4vw, 52px) clamp(20px, 4vw, 52px) clamp(22px, 3vw, 36px); }
.adv-yt .advyt-d2 .advyt-hero .kline { gap: 8px; margin-bottom: 22px; align-items: center; }
.adv-yt .advyt-d2 .advyt-hero .advyt-tag.type {
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
  color: var(--turuncu-acik); background: transparent; border: 1px solid rgba(240, 122, 46, .55); border-radius: 999px; padding: 3px 10px;
}
.adv-yt .advyt-d2 .advyt-hero .advyt-teyit {
  font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: #F4D58A; border: 1px solid rgba(244, 213, 138, .5); border-radius: 999px; padding: 3px 10px; background: transparent;
}
.adv-yt .advyt-d2 .advyt-hero h1 {
  font-family: var(--serif); font-weight: 600; font-size: clamp(44px, 6.4vw, 80px); line-height: .98;
  letter-spacing: -0.025em; color: #F7F5F0; margin: 0 0 28px; max-width: 16ch; text-wrap: balance;
}

/* Geri sayım: üç kutu (doküman). Etiket koyu zeminde turuncu-açık. */
.adv-yt .advyt-d2 .advyt-countdown { display: flex; flex-wrap: wrap; gap: 8px; background: none; box-shadow: none; border-radius: 0; overflow: visible; align-items: stretch; }
.adv-yt .advyt-d2 .advyt-cd-lab {
  flex-basis: 100%; padding: 0; box-shadow: none; background: none;
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--turuncu-acik);
}
.adv-yt .advyt-d2 .advyt-cd-seg {
  min-width: 92px; padding: 12px 14px 10px; text-align: left; border-radius: 12px;
  background: rgba(247, 245, 240, .06); box-shadow: inset 0 0 0 1px rgba(247, 245, 240, .12);
}
.adv-yt .advyt-d2 .advyt-cd-seg:last-child { box-shadow: inset 0 0 0 1px rgba(247, 245, 240, .12); }
.adv-yt .advyt-d2 .advyt-cd-seg .n { font-family: var(--serif); font-weight: 600; font-size: 40px; line-height: 1; color: #F7F5F0; }
.adv-yt .advyt-d2 .advyt-cd-seg .l { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(238, 235, 228, .72); margin-top: 6px; }
.adv-yt .advyt-d2 .advyt-cd-done { color: rgba(238, 235, 228, .8); }

.adv-yt .advyt-d2 .advyt-hero-cta { margin-top: 26px; gap: 10px; }
.adv-yt .advyt-d2 .advyt-btn {
  border-radius: 8px; font-family: var(--sans); font-weight: 600; font-size: 15px; padding: 13px 20px; min-height: 44px;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.adv-yt .advyt-d2 .advyt-btn.primary { background: var(--turuncu); color: #FFFFFF; border-color: var(--turuncu); box-shadow: none; }
.adv-yt .advyt-d2 .advyt-btn.primary:hover { background: #A8460A; border-color: #A8460A; transform: none; }
.adv-yt .advyt-d2 .advyt-btn.ghost { background: transparent; color: var(--murekkep); border: 1px solid var(--cizgi); }
.adv-yt .advyt-d2 .advyt-btn.ghost:hover { background: var(--murekkep); border-color: var(--murekkep); color: #F7F5F0; }
.adv-yt .advyt-d2 .advyt-hero .advyt-btn.ghost { color: #EEEBE4; border-color: rgba(238, 235, 228, .28); }
.adv-yt .advyt-d2 .advyt-hero .advyt-btn.ghost:hover { border-color: var(--turuncu-acik); color: #FFFFFF; background: transparent; }
.adv-yt .advyt-d2 .advyt-menu { background: #16201C; border-radius: 12px; }
.adv-yt .advyt-d2 .advyt-menu a { color: #EEEBE4; border-radius: 8px; }
.adv-yt .advyt-d2 .advyt-wx { border-radius: 12px; background: rgba(247, 245, 240, .06); }
.adv-yt .advyt-d2 .advyt-wx .t { font-family: var(--serif); color: #F7F5F0; }
.adv-yt .advyt-d2 .advyt-wx .sub, .adv-yt .advyt-d2 .advyt-wx .mode { font-family: var(--mono); color: rgba(238, 235, 228, .72); }

/* Bilgi şeridi: 5 sütun → mobilde 2×2. */
.adv-yt .advyt-d2 .advyt-snapshot {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0;
  padding: 0; border-radius: 0 0 14px 14px; background: rgba(0, 0, 0, .22); box-shadow: inset 0 1px 0 rgba(247, 245, 240, .1);
}
.adv-yt .advyt-d2 .advyt-snapshot .s {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  padding: 16px clamp(16px, 2vw, 24px); color: var(--turuncu-acik);
  box-shadow: inset -1px 0 0 rgba(247, 245, 240, .08);
}
.adv-yt .advyt-d2 .advyt-snapshot .s:last-child { box-shadow: none; }
.adv-yt .advyt-d2 .advyt-snapshot .s b { font-family: var(--mono); font-size: 13px; font-weight: 500; color: #F7F5F0; letter-spacing: 0; overflow-wrap: anywhere; }

/* ---------- Bölüm menüsü ---------- */
.adv-yt .advyt-d2 .advyt-bmenu { margin: 18px 0 0; }
.adv-yt .advyt-d2 .advyt-bmenu ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.adv-yt .advyt-d2 .advyt-bmenu a {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px;
  border: 1px solid var(--cizgi); border-radius: 999px; background: var(--yuzey);
  color: var(--murekkep); text-decoration: none; font-size: 14px; font-weight: 500;
}
.adv-yt .advyt-d2 .advyt-bmenu a:hover { border-color: var(--murekkep); }
.adv-yt .advyt-d2 .advyt-bmenu .no { font-family: var(--mono); font-size: 11px; color: var(--link); }

/* ---------- İki sütun ---------- */
.adv-yt .advyt-d2 .advyt-d2-izgara {
  display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; margin-top: 40px; align-items: start;
}
/* Sağ sütun her zaman sabit (doküman); uzunsa JS `top`u negatif verir — iç kaydırma yok. */
.adv-yt .advyt-d2 .advyt-d2-yan {
  position: sticky; top: calc(84px + var(--wp-admin--admin-bar--height, 0px));
  display: flex; flex-direction: column; gap: 16px;
}
/* 0.77.1 — `uzun` sınıfı kalktı: JS `top`u hesaplar (adv-yt-detay.js). */

/* ---------- Numaralı bölümler ---------- */
.adv-yt .advyt-d2 .advyt-bol { margin: 0 0 64px; scroll-margin-top: 84px; }
.adv-yt .advyt-d2 .advyt-bol:last-child { margin-bottom: 0; }
.adv-yt .advyt-d2 .advyt-bol-no {
  display: flex; align-items: center; gap: 12px; margin: 0 0 12px;
  font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .08em; color: var(--link);
}
.adv-yt .advyt-d2 .advyt-bol-no::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); }
/* Bölüm başlıkları — hem sarmalayıcının hem eski blokların kendi h2'leri. */
.adv-yt .advyt-d2 .advyt-bol .advyt-h,
.adv-yt .advyt-d2 .advyt-bol .advyt-egb-bas {
  font-family: var(--serif); font-weight: 600; font-size: 46px; line-height: 1.05; letter-spacing: -0.02em;
  color: var(--murekkep); margin: 0 0 20px; text-wrap: balance;
}
.adv-yt .advyt-d2 .advyt-bol .advyt-sec { margin-top: 0; }
.adv-yt .advyt-d2 .advyt-bol .advyt-sec + .advyt-sec { margin-top: 48px; }
.adv-yt .advyt-d2 .advyt-bol .advyt-sechead { margin-bottom: 16px; }
.adv-yt .advyt-d2 .advyt-bol .advyt-sechead .advyt-h { margin: 0; }
/* Sarmalayıcı başlık koyduysa eski blok içindeki tekrar eden h3 gizlenir. */
.adv-yt .advyt-d2 .bol-kayit .advyt-dn-h { display: none; }
.adv-yt .advyt-d2 .advyt-bol h3 { font-family: var(--serif); font-weight: 600; font-size: 24px; line-height: 1.2; color: var(--murekkep); }

.adv-yt .advyt-d2 .advyt-lead { margin: 0 0 24px; font-size: 18px; line-height: 1.6; color: var(--ikincil); max-width: 68ch; }

/* Künye kartı. */
.adv-yt .advyt-d2 .advyt-facts {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 0;
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; overflow: hidden;
}
.adv-yt .advyt-d2 .advyt-fact { padding: 16px 18px; border-radius: 0; gap: 12px; border: 0; box-shadow: inset 0 -1px 0 var(--cizgi-ic), inset -1px 0 0 var(--cizgi-ic); }
.adv-yt .advyt-d2 .advyt-fact:hover { background: transparent; }
.adv-yt .advyt-d2 .advyt-fact .ic { background: transparent; color: var(--link); width: 22px; height: 22px; border-radius: 0; }
.adv-yt .advyt-d2 .advyt-fact .k { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--etiket); }
.adv-yt .advyt-d2 .advyt-fact .v { font-size: 16px; font-weight: 500; color: var(--murekkep); }
.adv-yt .advyt-d2 .advyt-fact .v a { color: var(--link); border-bottom: 1px solid rgba(168, 70, 10, .35); }

.adv-yt .advyt-d2 .advyt-kny-src { margin-top: 14px; font-size: 13px; color: var(--etiket); }
.adv-yt .advyt-d2 .advyt-note {
  margin-top: 20px; border-radius: 12px; background: var(--murekkep); color: #EEEBE4; border-left: 4px solid #8A5A00;
  font-size: 15px; line-height: 1.6;
}
.adv-yt .advyt-d2 .advyt-note .nk { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #F4D58A; margin-bottom: 4px; }
.adv-yt .advyt-d2 .advyt-note .ni { color: #F4D58A; }
.adv-yt .advyt-d2 .advyt-kopru { border-radius: 10px; background: var(--yuzey); box-shadow: inset 3px 0 0 var(--turuncu); }

/* İç kartlar — kit, malzeme grubu, parkur kartı, dönemler, arşiv, hava: yüzey + çizgi + 12–14 px. */
.adv-yt .advyt-d2 .advyt-kit,
.adv-yt .advyt-d2 .advyt-dn,
.adv-yt .advyt-d2 .advyt-pa-k,
.adv-yt .advyt-d2 .advyt-mz-k,
.adv-yt .advyt-d2 .advyt-egb,
.adv-yt .advyt-d2 .advyt-gecmis,
.adv-yt .advyt-d2 .advyt-ozet {
  border-radius: 14px;
}
.adv-yt .advyt-d2 .advyt-map { border-radius: 14px; overflow: hidden; border: 1px solid var(--cizgi); }
.adv-yt .advyt-d2 .advyt-gcard, .adv-yt .advyt-d2 .advyt-scard { border-radius: 12px; border-color: var(--cizgi); background: var(--yuzey); }
.adv-yt .advyt-d2 .advyt-maplink, .adv-yt .advyt-d2 .advyt-toolcta { border-radius: 8px; }
.adv-yt .advyt-d2 .advyt-rp { border-radius: 999px; }

/* ---------- Sağ sütun ---------- */
.adv-yt .advyt-d2 .advyt-dk {
  background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; padding: 20px;
}
.adv-yt .advyt-d2 .advyt-dk .dk-ust { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.adv-yt .advyt-d2 .advyt-dk .dk-fiyat { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 6px; }
.adv-yt .advyt-d2 .advyt-dk .dk-fiyat .v { font-family: var(--serif); font-weight: 600; font-size: 36px; line-height: 1.05; color: var(--murekkep); }
.adv-yt .advyt-d2 .advyt-dk .dk-fiyat .d { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--etiket); }
.adv-yt .advyt-d2 .advyt-dk .dk-ucretler { list-style: none; margin: 0 0 8px; padding: 0; }
.adv-yt .advyt-d2 .advyt-dk .dk-ucretler li {
  padding: 7px 0; border-bottom: 1px solid var(--cizgi-ic);
  font-family: var(--mono); font-size: 14px; font-weight: 500; color: var(--murekkep);
}
.adv-yt .advyt-d2 .advyt-dk .dk-ucretler li:last-child { border-bottom: 0; }
.adv-yt .advyt-d2 .advyt-dk .dk-cumle { margin: 0 0 6px; font-size: 16px; line-height: 1.45; color: var(--murekkep); font-weight: 500; }
.adv-yt .advyt-d2 .advyt-dk .dk-alt { margin: 0 0 4px; font-size: 13px; color: var(--etiket); }
.adv-yt .advyt-d2 .advyt-dk .dk-btn { display: flex; justify-content: center; width: 100%; margin-top: 14px; }
.adv-yt .advyt-d2 .advyt-dk.d2-iptal { border-color: #A3261B; box-shadow: inset 4px 0 0 #A3261B; }
.adv-yt .advyt-d2 .advyt-dk.d2-ertelendi,
.adv-yt .advyt-d2 .advyt-dk.d2-belirsiz { border-color: #8A5A00; box-shadow: inset 4px 0 0 #8A5A00; }

/* Takip formu (Bülten eklentisi) dar sütunda — kendi CSS'i korunur, yalnız genişlik ve kenar. */
.adv-yt .advyt-d2 .advyt-yan-takip > * { margin: 0 !important; max-width: none !important; width: 100%; border-radius: 14px; }
.adv-yt .advyt-d2 .advyt-yan-takip input:not([type="checkbox"]):not([type="radio"]),
.adv-yt .advyt-d2 .advyt-yan-takip button { max-width: 100%; }

.adv-yt .advyt-d2 .advyt-prep { margin: 0; padding: 20px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; }
.adv-yt .advyt-d2 .advyt-prep .advyt-h { font-family: var(--serif); font-size: 24px; font-weight: 600; margin: 0; }
.adv-yt .advyt-d2 .advyt-prep .advyt-progbar i { background: #1F7A4D; }
.adv-yt .advyt-d2 .advyt-cl label { min-height: 40px; font-size: 15px; }
.adv-yt .advyt-d2 .advyt-cl .box { border-color: var(--etiket); border-radius: 4px; }
.adv-yt .advyt-d2 .advyt-cl input:checked + .box { background: #1F7A4D; border-color: #1F7A4D; }
.adv-yt .advyt-d2 .advyt-cl .box svg { stroke: #FFFFFF; }
.adv-yt .advyt-d2 .advyt-clnote { font-size: 13px; color: var(--etiket); }

/* Benzer yarışlar — dar sütunda satır sadeleşir: tarih kutusu + ad + etiketler. */
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-yakin { margin: 0; padding: 20px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 14px; }
.adv-yt .advyt-d2 .advyt-yan-benzer .glh { font-family: var(--serif); font-size: 24px; font-weight: 600; line-height: 1.15; margin: 0 0 12px; color: var(--murekkep); text-transform: none; letter-spacing: -0.01em; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-list { border: 0; background: transparent; border-radius: 0; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-race { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 12px 0; min-height: 0; border-bottom: 1px solid var(--cizgi-ic); }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-race:last-child { border-bottom: 0; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-race::before,
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-race::after { display: none; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-right { grid-column: 2; justify-self: start; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-name { white-space: normal; font-size: 15px; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-chev { display: none; }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-yakin-alt { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; font-size: 14px; }

/* ---------- Sabit mini başlık ---------- */
.adv-yt .advyt-d2 .advyt-mini {
  position: fixed; left: 0; right: 0; top: var(--wp-admin--admin-bar--height, 0px); z-index: 60;
  height: 64px; background: var(--koyu-hero); color: #EEEBE4; box-shadow: 0 1px 0 rgba(247, 245, 240, .08);
  animation: advyt-mini-in .18s ease-out;
}
.adv-yt .advyt-d2 .advyt-mini[hidden] { display: none; }
@keyframes advyt-mini-in { from { transform: translateY(-100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .adv-yt .advyt-d2 .advyt-mini { animation: none; } }
.adv-yt .advyt-d2 .advyt-mini .in { max-width: 1240px; height: 100%; margin: 0 auto; padding: 0 32px; display: flex; align-items: center; gap: 14px; min-width: 0; }
.adv-yt .advyt-d2 .advyt-mini .ad { font-family: var(--serif); font-weight: 600; font-size: 20px; color: #F7F5F0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; flex: 0 1 auto; }
.adv-yt .advyt-d2 .advyt-mini .tr { font-family: var(--mono); font-size: 12px; color: rgba(238, 235, 228, .78); white-space: nowrap; }
.adv-yt .advyt-d2 .advyt-mini .advyt-days { color: #EEEBE4; border-color: rgba(238, 235, 228, .28); }
.adv-yt .advyt-d2 .advyt-mini .lk { display: flex; gap: 18px; margin-left: auto; }
.adv-yt .advyt-d2 .advyt-mini .lk a { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: rgba(238, 235, 228, .78); text-decoration: none; white-space: nowrap; }
.adv-yt .advyt-d2 .advyt-mini .lk a:hover { color: #FFFFFF; }
.adv-yt .advyt-d2 .advyt-mini .mini-btn { padding: 9px 16px; min-height: 40px; font-size: 14px; white-space: nowrap; }
.adv-yt .advyt-d2 .advyt-mini .advyt-btn.ghost { color: #EEEBE4; border-color: rgba(238, 235, 228, .28); }
/* Düğme sağa yaslanır; bağlantılar varsa onlar sağa iter, düğme yanlarında kalır. */
.adv-yt .advyt-d2 .advyt-mini .in > .advyt-btn { margin-left: auto; }
.adv-yt .advyt-d2 .advyt-mini .lk ~ .advyt-btn { margin-left: 0; }
@media (max-width: 1180px) {
  .adv-yt .advyt-d2 .advyt-mini .lk { display: none; }
  .adv-yt .advyt-d2 .advyt-mini .lk ~ .advyt-btn { margin-left: auto; }
}

/* Mobil alt çubuk — masaüstünde yok. */
.adv-yt .advyt-d2 .advyt-altcubuk { display: none; }

/* ---------- Tablet: 769–1023 masaüstü düzeni, sağ sütun alta iner ---------- */
@media (max-width: 1023px) {
  /* align-items: stretch — ızgaradaki `start` burada kalırsa sağ sütun parçaları içerik genişliğine büzülüyor. */
  .adv-yt .advyt-d2 .advyt-d2-izgara { display: flex; flex-direction: column; align-items: stretch; gap: 0; margin-top: 32px; }
  .adv-yt .advyt-d2 .advyt-d2-ana,
  .adv-yt .advyt-d2 .advyt-d2-yan { display: contents; }
  .adv-yt .advyt-d2 .advyt-bol,
  .adv-yt .advyt-d2 .advyt-yan-parca { order: var(--o, 500); }
  .adv-yt .advyt-d2 .advyt-yan-parca { margin: 0 0 40px; }
  .adv-yt .advyt-d2 .advyt-d2-yan { position: static; max-height: none; overflow: visible; }
}

/* ---------- Mobil ≤ 768 ---------- */
@media (max-width: 768px) {
  .adv-yt .advyt-d2 { font-size: 15px; padding-bottom: 76px; }
  .adv-yt .advyt-d2 .advyt-hero h1 { font-size: clamp(36px, 11vw, 48px); margin-bottom: 22px; }
  .adv-yt .advyt-d2 .advyt-cd-seg { min-width: 0; flex: 1 1 0; }
  .adv-yt .advyt-d2 .advyt-cd-seg .n { font-size: 32px; }
  .adv-yt .advyt-d2 .advyt-cd-lab { display: block; }
  .adv-yt .advyt-d2 .advyt-hero-cta > * { flex: 1 1 auto; }
  .adv-yt .advyt-d2 .advyt-snapshot { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adv-yt .advyt-d2 .advyt-snapshot .s { box-shadow: inset -1px -1px 0 rgba(247, 245, 240, .08); padding: 14px 16px; }
  .adv-yt .advyt-d2 .advyt-snapshot .s:nth-child(2n) { box-shadow: inset 0 -1px 0 rgba(247, 245, 240, .08); }

  /* Bölüm menüsü yatay kaydırılan çipler — sayfa değil, menü kayar. */
  .adv-yt .advyt-d2 .advyt-bmenu { margin: 14px -16px 0; }
  .adv-yt .advyt-d2 .advyt-bmenu ol { flex-wrap: nowrap; overflow-x: auto; padding: 0 16px 4px; scrollbar-width: none; }
  .adv-yt .advyt-d2 .advyt-bmenu ol::-webkit-scrollbar { display: none; }
  .adv-yt .advyt-d2 .advyt-bmenu li { flex: none; }
  .adv-yt .advyt-d2 .advyt-bmenu a { min-height: 44px; }

  .adv-yt .advyt-d2 .advyt-bol { margin-bottom: 40px; scroll-margin-top: 16px; }
  .adv-yt .advyt-d2 .advyt-bol .advyt-h,
  .adv-yt .advyt-d2 .advyt-bol .advyt-egb-bas { font-size: 32px; margin-bottom: 16px; }
  .adv-yt .advyt-d2 .advyt-lead { font-size: 16px; }
  .adv-yt .advyt-d2 .advyt-facts { grid-template-columns: minmax(0, 1fr); }

  /* Geniş tablolar kendi kutusunda kayar; sayfa yatay kaymaz. */
  .adv-yt .advyt-d2 .advyt-bol table { display: block; max-width: 100%; overflow-x: auto; }

  .adv-yt .advyt-d2 .advyt-mini { display: none !important; }
  .adv-yt .advyt-d2 .advyt-altcubuk {
    display: flex; align-items: center; gap: 12px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--koyu-hero); box-shadow: 0 -1px 0 rgba(247, 245, 240, .08);
  }
  .adv-yt .advyt-d2 .advyt-altcubuk .sol { font-family: var(--mono); font-size: 13px; color: #F7F5F0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .adv-yt .advyt-d2 .advyt-altcubuk .alt-btn { margin-left: auto; flex: none; min-height: 44px; }
  .adv-yt .advyt-d2 .advyt-altcubuk .advyt-btn.ghost { color: #EEEBE4; border-color: rgba(238, 235, 228, .28); }
}
/* 320–400 px: uzun düğme metninin yanında sol yazıya yer kalmıyor (RU «Р.» kesiliyordu) → yalnız düğme, tam genişlik. */
@media (max-width: 400px) {
  .adv-yt .advyt-d2 .advyt-altcubuk .sol { display: none; }
  .adv-yt .advyt-d2 .advyt-altcubuk .alt-btn { flex: 1 1 auto; justify-content: center; margin-left: 0; }
}

/* =========================================================================
 * 0.77.1 — canlı ↔ doküman karşılaştırmasında bulunanlar (17 Eki 2026)
 * ====================================================================== */

/* Turuncu dolgulu düğmelerde yazı BEYAZ. «Koşu ayakkabısı seçiciyi aç» turuncu zeminde
   koyu turuncu/kahverengi yazıyla okunmuyordu (kullanıcı bildirdi): eski katman
   yazıyı --advyt-accent-ink'ten değil kendi sabit koyu tonundan alıyordu. */
.adv-yt .advyt-d2 .advyt-toolcta {
  background: var(--turuncu); color: #FFFFFF; border-radius: 8px; border: 0;
}
.adv-yt .advyt-d2 .advyt-toolcta:hover { background: #A8460A; color: #FFFFFF; }
.adv-yt .advyt-d2 .advyt-toolcta span,
.adv-yt .advyt-d2 .advyt-toolcta .advyt-ic { color: #FFFFFF; }

/* Bülten formu sağ sütunda: kendi eski turuncu + koyu yazı paleti yerine doküman tokenları. */
.adv-yt .advyt-d2 .advbl {
  --advbl-bg: var(--yuzey);
  --advbl-surface: #FFFFFF;
  --advbl-line: var(--cizgi);
  --advbl-ink: var(--murekkep);
  --advbl-ink-2: var(--ikincil);
  --advbl-ink-3: var(--etiket);
  --advbl-accent: var(--turuncu);
  --advbl-accent-metin: var(--link);
  --advbl-accent-ink: #FFFFFF;
  border-radius: 14px;
}
.adv-yt .advyt-d2 .advbl-satir button { border-radius: 8px; min-height: 44px; }
.adv-yt .advyt-d2 .advbl-satir button:hover { background: #A8460A; }
.adv-yt .advyt-d2 .advbl-satir input { min-height: 44px; border-radius: 8px; }

/* Turuncu yalnız ana düğme + marka: köprü şeridindeki turuncu çizgi → bağlantı rengi. */
.adv-yt .advyt-d2 .advyt-kopru { box-shadow: inset 3px 0 0 var(--link); }

/* H1: masaüstü 76–80 px, mobil 44–48 px (doküman). Arası (tablet) orantılı. */
.adv-yt .advyt-d2 .advyt-hero h1 { font-size: clamp(48px, 6.4vw, 80px); }
@media (min-width: 1024px) { .adv-yt .advyt-d2 .advyt-hero h1 { font-size: clamp(76px, 6.4vw, 80px); } }
@media (max-width: 768px) { .adv-yt .advyt-d2 .advyt-hero h1 { font-size: clamp(44px, 11vw, 48px); } }

/* Dokunma hedefleri ≥ 44 px (doküman «Mobil ve responsive»). */
.adv-yt .advyt-d2 .advyt-cl label { min-height: 44px; }
.adv-yt .advyt-d2 .advyt-rp,
.adv-yt .advyt-d2 .advyt-gpx,
.adv-yt .advyt-d2 .advyt-maplink,
.adv-yt .advyt-d2 .advyt-parkurlink { min-height: 44px; }
.adv-yt .advyt-d2 summary { min-height: 44px; }

/* Rota seçici: koyu dolgu eski mürekkepteydi (#14181C) → doküman mürekkebi. */
.adv-yt .advyt-d2 .advyt-rp[aria-pressed="true"] { background: var(--murekkep); color: #F7F5F0; border-color: var(--murekkep); }

/* Sağ sütundaki benzer yarışlar: eski gri (#6B7076) yerine doküman etiket rengi. */
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-meta,
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-tag { color: var(--etiket); }
.adv-yt .advyt-d2 .advyt-yan-benzer .advyt-datebox { background: transparent; }

/* Değişiklik bandı — «eski üstü çizili → yeni · güncelleme günü · Haritada gör». */
.adv-yt .advyt-d2 .advyt-bant s { color: #5C4710; text-decoration-thickness: 1px; }
.adv-yt .advyt-d2 .advyt-bant strong { font-weight: 600; color: #3D2A00; }
.adv-yt .advyt-d2 .advyt-bant .gun { font-size: 13px; color: #5C4710; }
.adv-yt .advyt-d2 .advyt-bant a { color: #8A5A00; font-weight: 600; margin-left: auto; }

/* Durum kartında ikinci bağlantı (alternatifler / sonuçlar) ikincil görünür. */
.adv-yt .advyt-d2 .advyt-dk .dk-ek { margin-top: 8px; }
.adv-yt .advyt-d2 .advyt-hero .advyt-btn.primary { color: #FFFFFF; }