/* =========================================================================
   Advenway — anasayfa ("Saha Rehberi") bölümleri
   Yalnızca ön sayfada yüklenir; makale ve arşiv sayfaları bu dosyayı
   indirmez. Ortak kabuk (header/footer/bülten/buton) advenway.css'te.
   ========================================================================= */

/* ---------- 1. "Bugün sahada" panosu ------------------------------------ */
.adv-pano { padding: 0 var(--adv-yan) 26px; }

.adv-pano__basi {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 22px 0 14px;
}
.adv-pano__basi h2 {
  margin: 0;
  font-family: var(--adv-mono);
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--adv-turuncu-koyu);
}
.adv-pano__tarih {
  font-family: var(--adv-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--adv-krem-4);
}

/* Izgara boşluğu tekniği: gap 1px + zemin rengi = hairline ayırıcı. */
.adv-pano__izgara {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--adv-cizgi-krem);
  border: 1px solid var(--adv-cizgi-krem);
}
.adv-pano__kutu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  background: var(--adv-murekkep);
  padding: 18px 22px;
  transition: background .14s ease-out;
}
.adv-pano__kutu:hover { background: var(--adv-koyu-2); color: inherit; }

.adv-pano__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.adv-pano__ad {
  font-family: var(--adv-mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--adv-krem-3);
}
/* Durum çipi: nokta + metin. Renk tek başına anlatmaz. */
.adv-pano__durum {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.adv-pano__durum i {
  display: block;
  width: 7px; height: 7px;
  border-radius: 50%;
  background: currentColor;
}
.adv-pano__durum--acik   { color: var(--adv-yesil-acik); }
.adv-pano__durum--kapali { color: var(--adv-amber); }
.adv-pano__durum--sezon  { color: var(--adv-kirmizi-acik); }
.adv-pano__durum--iptal  { color: var(--adv-kirmizi-acik); text-decoration: line-through; }

.adv-pano__etiket {
  display: block;
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--adv-turuncu-koyu);
  margin-bottom: 6px;
}
.adv-pano__deger {
  display: flex;
  align-items: baseline;
  gap: 9px;
}
.adv-pano__deger b {
  font-family: var(--adv-mono);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
.adv-pano__birim { font-size: 15px; color: var(--adv-krem-3); }

.adv-pano__alt {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}
.adv-pano__aciklama {
  font-size: 14px;
  line-height: 1.5;
  color: var(--adv-krem-2);
}

/* ---------- 2. Hero + Sırada Ne Var -------------------------------------- */
.adv-hero-bolum { padding: 56px var(--adv-yan) 48px; border-bottom: 1px solid var(--adv-cizgi); }

.adv-hero-izgara {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 48px;
}

.adv-hero { display: block; }
.adv-hero__gorsel { height: 460px; margin-bottom: 26px; }
.adv-hero .adv-kunye { margin-bottom: 16px; gap: 14px; font-size: 11px; }
.adv-hero__etiket {
  padding: 5px 10px;
  background: var(--adv-turuncu);
  color: var(--adv-murekkep);
  font-weight: 700;
}
.adv-hero__baslik {
  display: block;
  margin: 0 0 16px;
  font-family: var(--adv-serif);
  font-size: 52px;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.015em;
  max-width: 820px;
  text-wrap: pretty;
}
.adv-hero:hover .adv-hero__baslik { color: var(--adv-turuncu-acik); }
.adv-hero__ozet {
  display: block;
  font-size: 18px;
  line-height: 1.65;
  color: var(--adv-ikincil);
  max-width: 700px;
}

.adv-secki { display: flex; flex-direction: column; }
.adv-secki__basi {
  font-family: var(--adv-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--adv-ikincil);
  padding-bottom: 18px;
  border-bottom: 2px solid var(--adv-cizgi-vurgu);
}
.adv-secki__satir {
  display: grid;
  grid-template-columns: 1fr 128px;
  gap: 20px;
  padding: 24px 0;
  border-bottom: 1px solid var(--adv-cizgi);
}
.adv-secki__satir:last-child { border-bottom: 0; }
.adv-secki__kat {
  display: block;
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--adv-turuncu-acik);
  margin-bottom: 10px;
}
.adv-secki__baslik {
  display: block;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: pretty;
}
.adv-secki__satir .adv-gorsel { height: 92px; }

/* ---------- 3. Kategori karoları ---------------------------------------- */
.adv-kategoriler { padding: 44px var(--adv-yan) 52px; border-bottom: 1px solid var(--adv-cizgi); }
.adv-kategoriler .adv-bolum-basi { margin-bottom: 24px; }
.adv-kategoriler .adv-bolum-basi h2 { font-size: 32px; }

.adv-karolar {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.adv-karo {
  position: relative;
  display: block;
  height: 200px;
  background: var(--adv-yer-tutucu);
  overflow: hidden;
}
.adv-karo img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .4s ease-out;
}
.adv-karo:hover img { transform: scale(1.07); }
.adv-karo__perde {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg,
    rgba(18, 22, 27, 0) 30%, rgba(18, 22, 27, 0.5) 62%, rgba(18, 22, 27, 0.92) 100%);
}
.adv-karo__ad {
  position: absolute;
  left: 16px; bottom: 14px;
  color: var(--adv-krem);
  font-size: 17px;
  font-weight: 600;
  transition: color .2s ease-out;
}
.adv-karo__sayi {
  display: block;
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--adv-krem-2);
  margin-top: 4px;
  transition: color .2s ease-out;
}
.adv-karo:hover .adv-karo__ad,
.adv-karo:hover .adv-karo__sayi { color: var(--adv-turuncu-parlak); }

/* Son karo: fotoğraf değil, "tümünü gör" kutusu. */
.adv-karo--tumu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 16px 12px;
  background: var(--adv-murekkep);
  color: var(--adv-krem);
  transition: background .16s ease-out;
}
.adv-karo--tumu:hover { background: var(--adv-koyu-2); color: var(--adv-krem); }
.adv-karo--tumu .adv-karo__ustetiket {
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--adv-turuncu-koyu);
}
.adv-karo--tumu strong {
  display: block;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 4px;
}
.adv-karo--tumu span.adv-karo__alt {
  display: block;
  font-family: var(--adv-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--adv-krem-etiket);
}

/* ---------- 4. Araç kutusu ----------------------------------------------- */
.adv-araclar { padding: 56px var(--adv-yan) 60px; }
.adv-araclar__izgara {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 56px;
}
.adv-araclar__sol .adv-eyebrow { display: block; margin-bottom: 20px; }
.adv-araclar__sol h2 {
  margin: 0 0 18px;
  font-family: var(--adv-serif);
  font-size: 44px;
  line-height: 1.12;
  font-weight: 600;
}
.adv-araclar__sol p {
  margin: 0 0 26px;
  font-size: 16px;
  line-height: 1.7;
  color: var(--adv-krem-2);
}

.adv-araclar__liste {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--adv-cizgi-krem-2);
}

/* Araç satırı: 70px sıra | 1fr ad | 240px değer slotu | 40px ok */
.adv-arac {
  display: grid;
  grid-template-columns: 70px 1fr 240px 40px;
  align-items: center;
  gap: 20px;
  padding: 24px 4px;
  border-bottom: 1px solid var(--adv-cizgi-krem-2);
  color: var(--adv-krem);
  transition: background .16s ease-out, color .16s ease-out;
}
.adv-araclar__liste > .adv-arac:last-child { border-bottom: 0; }
.adv-arac:hover { background: var(--adv-koyu-2); color: var(--adv-turuncu-koyu); }
.adv-arac__no {
  font-family: var(--adv-mono);
  font-size: 13px;
  color: var(--adv-krem-4);
}
.adv-arac__ad { font-size: 26px; font-weight: 600; }

/* Değer slotu iki satırdır ve üç doluluk durumunda da aynı yüksekliktedir:
   canlı veri · statik örnek · tek satır açıklama. Satır kaymaz. */
.adv-arac__slot { display: flex; flex-direction: column; gap: 5px; }
.adv-arac__slot-etiket {
  font-family: var(--adv-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--adv-krem-etiket);
}
.adv-arac__slot-deger {
  font-family: var(--adv-mono);
  font-size: 15px;
  font-weight: 500;
  color: var(--adv-krem);
}
.adv-arac__ok {
  display: block;
  text-align: right;
  color: var(--adv-turuncu-koyu);
  transition: transform .18s ease-out;
}
.adv-arac:hover .adv-arac__ok { transform: translateX(7px); }

/* Etkileşimli satır — bölümde EN FAZLA BİR tane açık gelir. */
.adv-arac--canli {
  display: grid;
  grid-template-columns: 70px 1fr 40px;
  align-items: start;
  gap: 20px;
  padding: 26px 22px 28px;
  border-bottom: 1px solid var(--adv-cizgi-krem-2);
  background: var(--adv-koyu-vurgu);
  border-left: 3px solid var(--adv-turuncu);
}
.adv-arac--canli .adv-arac__no { padding-top: 6px; }
.adv-arac--canli .adv-arac__ok { padding-top: 6px; color: var(--adv-krem-4); }
.adv-arac__basi {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.adv-arac__basi a { font-size: 26px; font-weight: 600; color: var(--adv-krem); }
.adv-arac__basi a:hover { color: var(--adv-turuncu-koyu); }
.adv-arac__canli-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: var(--adv-turuncu);
  color: var(--adv-murekkep);
  font-family: var(--adv-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Mini pace hesaplayıcı */
.adv-pace {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  flex-wrap: wrap;
}
.adv-pace__alan { display: flex; flex-direction: column; gap: 7px; }
.adv-pace__etiket {
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adv-krem-3);
}
.adv-pace select,
.adv-pace input {
  height: 46px;
  padding: 0 12px;
  border: 1px solid rgba(239, 237, 231, 0.26);
  background: var(--adv-murekkep);
  color: var(--adv-krem);
  font-family: inherit;
  font-size: 15px;
}
.adv-pace input { width: 66px; padding: 0 10px; text-align: center; }
.adv-pace__sure { display: flex; align-items: center; gap: 6px; }
.adv-pace__birim {
  font-family: var(--adv-mono);
  font-size: 12px;
  color: var(--adv-krem-4);
}
.adv-pace__sonuclar { display: flex; align-items: stretch; margin-left: 6px; }
.adv-pace__kutu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 10px 20px;
  background: var(--adv-murekkep);
  border: 1px solid rgba(239, 237, 231, 0.22);
}
.adv-pace__kutu + .adv-pace__kutu { padding: 10px 18px; border-left: 0; }
.adv-pace__deger { display: flex; align-items: baseline; gap: 8px; }
.adv-pace__deger b {
  font-family: var(--adv-mono);
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: var(--adv-turuncu-parlak);
}
.adv-pace__kutu + .adv-pace__kutu .adv-pace__deger b {
  font-size: 22px;
  color: var(--adv-krem);
}
.adv-pace__deger span { font-size: 14px; color: var(--adv-krem-3); }
.adv-pace__cikis {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 20px;
  border: 1px solid var(--adv-cizgi-krem-3);
  font-size: 14px;
  font-weight: 600;
  color: var(--adv-krem);
  white-space: nowrap;
}
.adv-pace__cikis:hover { border-color: var(--adv-turuncu-koyu); color: var(--adv-turuncu-koyu); }

/* ---------- 5. Yarış takvimi --------------------------------------------- */
.adv-yaris { padding: 56px var(--adv-yan) 60px; border-bottom: 1px solid var(--adv-cizgi); }
.adv-yaris .adv-bolum-basi { margin-bottom: 12px; }

.adv-yaris__cipler {
  display: flex;
  gap: 8px;
  margin-bottom: 26px;
  flex-wrap: wrap;
}
.adv-cip {
  padding: 9px 16px;
  border: 1px solid var(--adv-cizgi-koyu);
  font-size: 13px;
}
.adv-cip:hover { border-color: var(--adv-turuncu-acik); }
.adv-cip--aktif {
  background: var(--adv-cizgi-vurgu);
  border-color: var(--adv-cizgi-vurgu);
  color: var(--adv-krem);
  font-weight: 600;
}

/* Lejant: listede geçen kayıt durumları. Çip satırının sağ ucuna yaslanır. */
.adv-yaris__lejant {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-wrap: wrap;
}

/* Satır: 104px tarih | 1fr ad | 180px şehir | 130px tip | 190px rozet */
.adv-yaris__satir {
  display: grid;
  grid-template-columns: 104px 1fr 180px 130px 190px;
  align-items: center;
  gap: 24px;
  padding: 18px 0;
  border-top: 1px solid var(--adv-cizgi);
  transition: background .14s ease-out;
}
.adv-yaris__satir:first-of-type { border-top: 2px solid var(--adv-cizgi-vurgu); }
.adv-yaris__satir:last-of-type { border-bottom: 1px solid var(--adv-cizgi); }
.adv-yaris__satir:hover { background: var(--adv-kagit-3); color: inherit; }

.adv-yaris__tarih {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  border: 1px solid var(--adv-cizgi-koyu);
}
/* İlk satırın tarih kutusu dolu turuncudur — sıradaki yarışı işaretler. */
.adv-yaris__satir:first-of-type .adv-yaris__tarih {
  background: var(--adv-turuncu);
  border-color: var(--adv-turuncu);
  color: var(--adv-murekkep);
}
.adv-yaris__gun {
  font-family: var(--adv-mono);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}
.adv-yaris__ay {
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--adv-meta);
}
.adv-yaris__satir:first-of-type .adv-yaris__ay { color: inherit; }
.adv-yaris__ad {
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.005em;
}
.adv-yaris__sehir { font-size: 15px; color: var(--adv-ikincil); }
.adv-yaris__tip {
  font-family: var(--adv-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adv-ikincil);
}

/* ---------- 6. Sezonun odağı --------------------------------------------- */
/* Kalıcı bir kategori DEĞİL: o ayın gündemine göre dönüşen slot. */
.adv-odak {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid var(--adv-cizgi);
}
.adv-odak__sol {
  padding: 56px 44px 60px var(--adv-yan);
  border-right: 1px solid var(--adv-cizgi);
}
.adv-odak__etiket {
  font-family: var(--adv-mono);
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--adv-turuncu-acik);
  margin-bottom: 18px;
}
.adv-odak__sol h2 {
  margin: 0 0 16px;
  font-family: var(--adv-serif);
  font-size: 38px;
  line-height: 1.14;
  font-weight: 600;
  max-width: 520px;
}
.adv-odak__sol p {
  margin: 0 0 28px;
  font-size: 17px;
  line-height: 1.7;
  color: var(--adv-ikincil);
  max-width: 520px;
}
.adv-odak__metrikler {
  display: flex;
  gap: 32px;
  padding-top: 26px;
  border-top: 1px solid var(--adv-cizgi);
}
.adv-odak__metrikler b {
  display: block;
  font-family: var(--adv-mono);
  font-size: 30px;
  font-weight: 700;
}
.adv-odak__metrikler span { font-size: 13px; color: var(--adv-meta); }
.adv-odak__gerisayim b { color: var(--adv-turuncu-derin); }

.adv-odak__gorsel {
  position: relative;
  display: block;
  min-height: 420px;
  background: var(--adv-yer-tutucu);
}
.adv-odak__gorsel img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
/* Butonun okunurluğu için alt gradyan zorunlu. */
.adv-odak__perde {
  position: absolute;
  inset: auto 0 0 0;
  height: 140px;
  background: linear-gradient(180deg, rgba(18, 22, 27, 0) 0%, rgba(18, 22, 27, 0.55) 100%);
}
.adv-odak__cta {
  position: absolute;
  right: 28px; bottom: 28px;
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0 26px;
  background: var(--adv-turuncu);
  color: var(--adv-murekkep);
  font-size: 14px;
  font-weight: 700;
  transition: background .2s ease-out, color .2s ease-out;
}
.adv-odak__gorsel:hover .adv-odak__cta {
  background: var(--adv-murekkep);
  color: var(--adv-krem);
}

/* ---------- 7. Başlangıç rehberleri + Son yazılar ------------------------ */
.adv-rehberler { padding: 56px var(--adv-yan) 64px; }

/* Kart ızgarası advenway.css'te — makale altındaki "Bunları da okuyun"
   bloğu da aynı kartı kullanıyor. */

/* Son yazılar */
.adv-son__basi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin: 56px 0 12px;
}
.adv-son__basi h2 {
  margin: 0;
  font-family: var(--adv-serif);
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.adv-son__filtreler {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.adv-filtre {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--adv-cizgi-koyu);
  background: transparent;
  color: var(--adv-baslik);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .16s ease-out, background .16s ease-out;
}
.adv-filtre:hover { border-color: var(--adv-turuncu-acik); }
.adv-filtre span { color: var(--adv-meta); }
.adv-filtre[aria-pressed="true"] {
  background: var(--adv-turuncu);
  border-color: var(--adv-turuncu);
}
.adv-filtre[aria-pressed="true"] span { color: rgba(18, 22, 27, 0.6); }

/* Tarih kovası ve yazı satırı dili advenway.css'te — arşiv sayfaları da
   aynı listeyi kullanıyor. Buradaki kurallar yalnızca anasayfaya özgü
   süzgeç ve sayaç parçalarıdır. */

/* Filtre açıkken grup başlıkları gizlenir (sayılar yanlış olur). */
.adv-son--filtreli .adv-kova { display: none; }

.adv-son__alt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 32px;
}
.adv-son__olcek { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.adv-son__cubuk {
  display: block;
  width: 220px; height: 3px;
  background: var(--adv-cizgi);
}
.adv-son__cubuk i { display: block; height: 3px; background: var(--adv-turuncu-acik); }
.adv-son__sayac {
  font-family: var(--adv-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--adv-ikincil);
}
/* JS ile yüklenen yazılar taranmaz — sayfalı arşive giden bu link SEO için
   zorunludur, gizlenmez. */
.adv-son__arsiv {
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #798086;
}

/* ---------- 8. Instagram -------------------------------------------------- */
.adv-ig { padding: 52px var(--adv-yan) 56px; }
.adv-ig__basi { margin-bottom: 26px; }
.adv-ig__basi .adv-eyebrow { display: block; font-size: 11px; margin-bottom: 14px; }
.adv-ig__basi h2 {
  margin: 0 0 8px;
  font-family: var(--adv-serif);
  font-size: 36px;
  line-height: 1.14;
  font-weight: 600;
}
.adv-ig__basi p {
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--adv-krem-2);
  max-width: 520px;
}
.adv-ig__izgara {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
}
.adv-ig__kare {
  position: relative;
  display: block;
  aspect-ratio: 1;
  background: var(--adv-yer-tutucu);
  overflow: hidden;
}
.adv-ig__kare img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .35s ease-out, filter .35s ease-out;
}
.adv-ig__kare:hover img { transform: scale(1.06); filter: brightness(1.08); }
.adv-ig__perde {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(18, 22, 27, 0) 42%, rgba(18, 22, 27, 0.88) 100%);
}
.adv-ig__tur {
  position: absolute;
  top: 10px; right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: rgba(18, 22, 27, 0.42);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(244, 242, 236, 0.28);
}
/* Reel: içi dolu üçgen. */
.adv-ig__tur--reel i {
  display: block;
  width: 0; height: 0;
  border-left: 7px solid #F4F2EC;
  border-top: 4.5px solid transparent;
  border-bottom: 4.5px solid transparent;
  margin-left: 2px;
}
/* Galeri: üst üste iki kare. */
.adv-ig__tur--galeri i {
  position: relative;
  display: block;
  width: 9px; height: 9px;
  border-radius: 2px;
  border: 1.2px solid #F4F2EC;
  opacity: 0.9;
}
.adv-ig__tur--galeri i::after {
  content: "";
  position: absolute;
  top: -3px; left: 3px;
  width: 9px; height: 9px;
  border-radius: 2px;
  border: 1.2px solid #F4F2EC;
}
.adv-ig__yazi {
  position: absolute;
  left: 14px; right: 14px; bottom: 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #F4F2EC;
  text-shadow: 0 1px 8px rgba(18, 22, 27, 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Son kare: fotoğraf değil, profile çağrı. */
.adv-ig__kare--cta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px;
  background: oklch(0.60 0.19 45);
  color: #FBFAF6;
  transition: background .16s ease-out;
}
.adv-ig__kare--cta:hover { background: oklch(0.55 0.19 45); color: #FBFAF6; }
.adv-ig__kare--cta .adv-ig__el {
  font-family: var(--adv-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.85;
}
.adv-ig__kare--cta strong {
  display: block;
  font-family: var(--adv-serif);
  font-size: 26px;
  line-height: 1.15;
  font-weight: 600;
  margin-bottom: 8px;
}
.adv-ig__kare--cta em {
  display: block;
  font-style: normal;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.9;
}
.adv-ig__alt {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  font-family: var(--adv-mono);
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--adv-krem-3);
}
.adv-ig__alt strong { color: var(--adv-krem); font-weight: 400; }

/* ---------- 8b. Koşu Grupları şeridi ------------------------------------
   Claude Design "Ana Sayfa Şeridi v2" — "Şerit (logo + istatistik)".

   ⚠️ PALET BİLEREK YABANCI: blok, gittiği sayfanın (koyu + limon) dilini
      konuşuyor, anasayfanın kâğıt/turuncu dilini değil. Tıklamadan sonra
      görülen sayfayla aynı görünmesi kasıtlı; turuncuya çevirme.

   🔤 `--adv-kg-baslik` yalnız Archivo Black indiyse devreye girer; inmezse
      Space Grotesk 700'e düşer ve blok yine ayakta kalır.
   ------------------------------------------------------------------------ */
.adv-kgserit {
  --adv-kg-limon: #d3fd50;
  --adv-kg-zemin: #0c0d0b;
  --adv-kg-cizgi: #2b2e26;
  --adv-kg-metin: #b9bcb0;
  --adv-kg-baslik: 'Archivo Black', var(--adv-sans);
  padding: 0 var(--adv-yan) 40px;
}

/* `position: relative` yayılan bağlantının (::after) çapası. */
.adv-kgserit__kutu {
  position: relative;
  background: var(--adv-kg-zemin);
  color: #f4f5f0;
  border-top: 4px solid var(--adv-kg-limon);
  overflow: hidden;
}

.adv-kgserit__ust {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  padding: 20px 22px;
}

/* İkon karesi tasarımın "neon" anahtarıdır: 3 saniyede bir renk değiştirir.
   Maket dosyasında `neon` varsayılanı FALSE'tu, kullanıcı 5 Eylül'de açtırdı.
   ⚠️ `background` burada da yazılı: hareket azaltma açıkken animasyon durur
      ve kare bu limon rengiyle kalır — animasyona bağlı bırakılırsa
      o durumda kare RENKSİZ kalırdı.
   ⚠️ Parlama kutunun `overflow:hidden`ı yüzünden solda hafif kırpılıyor;
      makette de öyle — kırpılmayı kaldırmak için overflow'u açma, kayan
      şerit ona bağlı. */
.adv-kgserit__ikon {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px; height: 64px;
  background: var(--adv-kg-limon);
  color: var(--adv-kg-zemin);
  animation: adv-kgserit-neon 3s ease-in-out infinite;
}

@keyframes adv-kgserit-neon {
  0% {
    background: #d3fd50;
    box-shadow: 0 0 0 0 rgba(211, 253, 80, 0.55), 0 0 22px 2px rgba(211, 253, 80, 0.45);
  }
  33% {
    background: #00e5ff;
    box-shadow: 0 0 0 0 rgba(0, 229, 255, 0.55), 0 0 26px 4px rgba(0, 229, 255, 0.5);
  }
  66% {
    background: #ff3b1f;
    box-shadow: 0 0 0 0 rgba(255, 59, 31, 0.55), 0 0 26px 4px rgba(255, 59, 31, 0.5);
  }
  100% {
    background: #d3fd50;
    box-shadow: 0 0 0 0 rgba(211, 253, 80, 0.55), 0 0 22px 2px rgba(211, 253, 80, 0.45);
  }
}

.adv-kgserit__metin {
  flex: 1 1 240px;
  min-width: 0;
  display: grid;
  gap: 6px;
}
.adv-kgserit__ustetiket {
  font-family: var(--adv-mono);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--adv-kg-limon);
}
.adv-kgserit__metin h2 {
  margin: 0;
  font-family: var(--adv-kg-baslik);
  font-weight: 400;
  font-size: clamp(24px, 3.2vw, 38px);
  /* 🔤 Türkçe: "KOŞU / GRUPLARI" iki satıra düşerse üstte Ş çengeli var.
     Ölçülmüş alt sınır 0,91 — 0,95 onun üstünde. Daha aşağı çekme. */
  line-height: 0.95;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
.adv-kgserit__bag { color: inherit; }
/* Yayılan bağlantı: bütün blok tıklanabilir, tek <a> hâlâ başlıkta. */
.adv-kgserit__bag::after {
  content: '';
  position: absolute;
  inset: 0;
}
.adv-kgserit__kutu:hover .adv-kgserit__bag,
.adv-kgserit__bag:hover { color: var(--adv-kg-limon); }

.adv-kgserit__ozet {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--adv-kg-metin);
  text-wrap: pretty;
}

/* Çipler yayılan bağlantının ÜSTÜNDE durur; kendi hedeflerine giderler. */
.adv-kgserit__cipler {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.adv-kgserit__cip {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid var(--adv-kg-cizgi);
  font-family: var(--adv-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--adv-kg-metin);
  transition: border-color .14s ease-out, color .14s ease-out;
}
.adv-kgserit__cip:hover {
  border-color: var(--adv-kg-limon);
  color: var(--adv-kg-limon);
}
.adv-kgserit__cip-sayi { color: #7c8072; font-weight: 400; }

/* `margin-left:auto`: ara genişliklerde düğme alt satıra düştüğünde ikonun
   altında öksüz kalmasın, çiplerin hizasında sağa yaslansın. */
.adv-kgserit__cta {
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 15px 20px;
  background: var(--adv-kg-limon);
  color: var(--adv-kg-zemin);
  font-family: var(--adv-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.adv-kgserit__kutu:hover .adv-kgserit__cta { background: #fff; }

.adv-kgserit__kayan {
  border-top: 1px solid #22241f;
  padding: 9px 0;
  overflow: hidden;
}
.adv-kgserit__akis {
  display: flex;
  width: max-content;
  /* İçerik iki kez basılı; -50% tam bir tur eder ve dikiş görünmez. */
  animation: adv-kgserit-akis 30s linear infinite;
  font-family: var(--adv-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #a2a698;
  white-space: nowrap;
}
.adv-kgserit__soz,
.adv-kgserit__ayrac { padding: 0 18px; }
.adv-kgserit__ayrac { color: var(--adv-kg-limon); }

@keyframes adv-kgserit-akis {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

/* Hareket azaltma isteniyorsa şerit durur, ikon nabzı susar; sözler ve
   limon kare okunur hâlde kalır. İkinci kural maketten geliyor. */
@media (prefers-reduced-motion: reduce) {
  .adv-kgserit__akis,
  .adv-kgserit__ikon { animation: none; }
}

/* ---------- 9. Mobil — anasayfa (≤900px) --------------------------------- */
@media (max-width: 900px) {
  .adv-pano,
  .adv-hero-bolum,
  .adv-kategoriler,
  .adv-araclar,
  .adv-yaris,
  .adv-rehberler,
  .adv-kgserit,
  .adv-ig { padding-left: 16px; padding-right: 16px; }

  /* Dar ekranda ikon + başlık yan yana kalsın, çipler ve düğme alta insin.
     Çipleri gizlemiyoruz: dizine giden dört gerçek bağlantı onlar. */
  .adv-kgserit__ust { gap: 16px; padding: 18px 16px; }
  .adv-kgserit__ikon { width: 48px; height: 48px; }
  .adv-kgserit__ikon svg { width: 26px; height: 26px; }
  .adv-kgserit__metin { flex: 1 1 160px; }
  .adv-kgserit__cipler { flex: 1 1 100%; }
  .adv-kgserit__cta { flex: 1 1 100%; justify-content: center; }

  /* Pano 2×2 kalır; tek kolona düşürmek dört ekran boyu yapardı. */
  .adv-pano__izgara { grid-template-columns: 1fr 1fr; }

  .adv-hero-izgara { grid-template-columns: 1fr; gap: 34px; }
  .adv-hero__gorsel { height: 220px; }
  .adv-hero__baslik { font-size: 30px; }
  .adv-hero__ozet { font-size: 16px; }

  .adv-karolar { grid-template-columns: 1fr 1fr; }
  .adv-kategoriler .adv-bolum-basi h2 { font-size: 24px; }

  .adv-araclar__izgara { grid-template-columns: 1fr; gap: 30px; }
  .adv-araclar__sol h2 { font-size: 30px; }
  /* Araç satırında 240px değer slotu gizlenir, ad + ok kalır. */
  .adv-arac { grid-template-columns: 44px 1fr 28px; gap: 12px; }
  .adv-arac__slot { display: none; }
  .adv-arac__ad { font-size: 20px; }
  /* `minmax(0, …)`: düz `1fr` içerik min-genişliğinin altına inemez ve pace
     hesaplayıcısı track'i 400 px'e şişiriyordu (aşağıdaki nota bak). */
  .adv-arac--canli { grid-template-columns: 44px minmax(0, 1fr); padding: 20px 14px 22px; }
  .adv-arac--canli .adv-arac__ok { display: none; }
  /* ---- "Araç Kutusu" bölümü telefonda 41 px taşıyordu -------------------
     ÖLÇÜM (22 Ağu 2026, 375 px): `.adv-araclar__izgara` mobil kuralı `1fr`
     diyor ama track 400 px çıkıyordu. Zincir yukarı doğru şöyleydi:
     `.adv-pace__kutu` min-içerik 166 px ×2 → `.adv-pace__sonuclar` 314 →
     `div.adv-arac` (pace mini hesaplayıcısı) 401 → ızgara 400.
     ⚠️ `flex: 1` YETMİYOR: esnek öğenin örtük `min-width: auto`'su min-içerik
     kadar taban koyar. Footer'daki `minmax(0, 1fr)` ile aynı aile.
     Ayrıca `.adv-pace__deger` sarmadığı için "5:00" + "dk/km" kutuya
     sığmıyor, 27 px iç taşma yapıyordu.
     Ölçüldü: sayfa taşması 0, iki kutu hâlâ yan yana, iç taşma yok. */
  .adv-pace__sonuclar { margin-left: 0; width: 100%; }
  .adv-pace__kutu { flex: 1 1 0; min-width: 0; padding: 10px 14px; }
  .adv-pace__deger { flex-wrap: wrap; gap: 2px 8px; }

  /* Yarış satırı: tarih + ad + rozet. Şehir ve tip ada iner. */
  .adv-yaris__satir {
    grid-template-columns: 76px 1fr;
    gap: 14px;
    padding: 16px 0;
  }
  .adv-yaris__sehir,
  .adv-yaris__tip { display: none; }
  /* Lejant dar ekranda satır satır sarıyor ve çip satırını üçe katlıyordu. */
  .adv-yaris__lejant { display: none; }
  .adv-yaris__ad { font-size: 17px; }
  .adv-yaris__satir .adv-rozet { grid-column: 2; justify-self: start; }
  .adv-yaris__gun { font-size: 20px; }

  .adv-odak { grid-template-columns: 1fr; }
  .adv-odak__sol { padding: 34px 16px 40px; border-right: 0; }
  .adv-odak__sol h2 { font-size: 26px; }
  .adv-odak__metrikler { gap: 20px; flex-wrap: wrap; }
  .adv-odak__gorsel { min-height: 240px; }

  .adv-ig__izgara { grid-template-columns: 1fr 1fr; }
  .adv-ig__basi h2 { font-size: 26px; }
}

/* Dil şeridi 0.11.96'da üst şeride taşındı → advenway.css "Üst şerit". */