/* Okunabilirlik: ana paragraflar ve ikincil metinler büyütüldü (2026-09-27).
   Yalnızca 621px ve üstü; mobil (≤620px) orijinal boyutlarında kalır.
   Geri almak için index.php'deki typography.css bağlantısını kaldırmak yeterli. */

@media (min-width: 621px) {
  /* Ana paragraflar: 12px → 16px */
  body .about-copy > p:not(.eyebrow),
  body .section-intro > p:not(.eyebrow),
  body .event-day-card > p,
  body .candidacy-intro,
  body .info-panel > ul > li,
  body .candidacy-action > p,
  body .forum-heading > p:not(.eyebrow),
  body .concept-grid .info-panel > p:not(.eyebrow) {
    font-size: 16px;
    line-height: 1.6;
  }
  body .section-intro > p:not(.eyebrow) { max-width: 420px; }

  /* İkincil metinler: 10–12px → 14px */
  body .event-day-date,
  body .tag-list > span,
  body .jury-info > p,
  body .schedule > li > span,
  body .schedule > li > time,
  body .venue-copy > p:not(.eyebrow),
  body .forum-schedule > li > span,
  body .forum-schedule > li > time,
  body .package-card > p:not(.package-type),
  body .category-card .card-title {
    font-size: 14px;
    line-height: 1.45;
  }
}

/* Geri sayım sayacı: yalnızca masaüstü (≥901px); tablet ve mobil değişmez. */
@media (min-width: 901px) {
  body .countdown { height: auto; min-height: 108px; }
  body .count-unit strong { font-size: 50px; font-weight: 700; }
  body .count-unit span { font-size: 20px; font-weight: 700; }
  body .count-label { font-size: 15px; }
  body .countdown .button { font-size: 14px; }
}

/* Üst menü: masaüstünde 13px (≥1100px). Daha dar masaüstünde tek satıra sığan en büyük boy;
   tablet (≤900px) ve mobil değişmez. */
@media (min-width: 901px)  { body .nav a { white-space: nowrap; } }
@media (min-width: 980px)  { body .nav a { font-size: 11px; } }
@media (min-width: 1024px) { body .nav a { font-size: 12px; } }
@media (min-width: 1100px) { body .nav a { font-size: 13px; } }

/* Hero ortasında sayaç kopyası: yalnızca masaüstü ve yatay tablet (≥1024px). Alttaki orijinal sayaç yerinde. */
.hero-countdown { display: none; }
@media (min-width: 1024px) {
  /* Heykelin sol kenarı her genişlikte ~%68'de; kart onun ~30px solunda biter, yazıya doğru uzanır. */
  body .hero-countdown {
    position: absolute; z-index: 2; right: calc(32% + 20px + clamp(0px, calc(4vw - 40px), 36px)); top: calc(42% - 40px);
    display: flex; gap: clamp(14px, calc(2vw - 4px), 34px);
    padding: clamp(14px, calc(1.5vw - 2px), 26px) clamp(14px, calc(2vw - 4px), 34px);
    /* Kutu yok: arka plan, çerçeve ve gölge kaldırıldı; iç boşluk konum sabit kalsın diye duruyor. */
    border: 1px solid transparent;
  }
  body .hero-countdown .count-unit { min-width: 0; display: grid; gap: 6px; justify-items: center; text-align: center; }
  body .hero-countdown .count-unit strong { font: 700 clamp(30px, calc(7.4vw - 46px), 80px)/1 var(--display); letter-spacing: -.06em; color: #113e50; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
  body .hero-countdown .count-unit span { font-size: clamp(9px, calc((7.4vw - 46px) * .27), 20px); letter-spacing: .02em; font-weight: 700; color: #6c8996; text-transform: uppercase; }
}

/* Masaüstünde (≥1024px, hero sayacının göründüğü yerde) alttaki orijinal sayaç gizli; tablet ve mobilde duruyor. */
@media (min-width: 1024px) {
  body .hero > .countdown { display: none; }
}

/* Paketler: kart açıklamaları başlıklarla aynı renk (#142f3b). */
body #katilim .package-card > p:not(.package-type) { color: #142f3b; }

/* Jüri: Ödüller bölümündeki gibi başlık ilk sıra kartlarla aynı hizada başlar, kaydırınca yapışkan kalır (≥901px). */
@media (min-width: 901px) {
  body #juri { align-items: start; }
  body #juri > .section-intro { position: sticky; top: 24px; align-self: start; }
}

/* Paketler: sponsorluk paketlerinin altında başvuru butonu. */
body #katilim .sponsor-apply { margin-top: 16px; }