/* ===== Tablet & below (≤1024px) ===== */
@media (max-width: 1024px) {
  .about-inner { grid-template-columns: 1fr; gap: 48px; }
  .disc-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(2) { border-right: none; }
  .nav-logo img { width: 200px; height: auto; }
}

/* ===== Mobile nav (≤900px) ===== */
@media (max-width: 900px) {
  nav { padding: 12px 20px; }
  .nav-links { display: none; }
  .nav-socials { display: none; }
  .lang-switcher { display: none; }
  .mobile-menu .nav-socials { display: flex; }
  .mobile-menu .lang-switcher { display: flex; }
  .burger { display: flex; }
  .club-col-title { min-height: 32px; }
  footer { padding: 32px 20px 20px; }
  .footer-inner { grid-template-columns: 1fr; gap: 20px; align-items: flex-start; }
}

/* ===== Mobile (≤768px) ===== */
@media (max-width: 768px) {
  .hero-bg { background-image: url('../images/backgrounds/hero-bg-mobile.jpg'); }
  .hero-content { padding: 100px 16px 50px; width: 100%; overflow: hidden; }
  .hero-bg::after { background: linear-gradient(110deg, rgba(13, 0, 16, 0.6) 0%, rgba(13, 0, 16, 0.4) 55%, rgba(13, 0, 16, 0.9) 100%);  }
  h1.hero-title { font-size: clamp(1.5rem, 11vw, 2rem); word-break: break-word; }
  .hero-tag { font-size: 10px; letter-spacing: 0.12em; white-space: normal; }
  .hero-desc { font-size: 0.95rem; }
  .hero-meta { font-size: 0.85rem; letter-spacing: 0.02em; white-space: normal; }

  .countdown { flex-wrap: nowrap; gap: 3px; align-items: flex-end; width: 100%; }
  .cd-unit { min-width: 0; flex: 1; padding: 8px 4px 7px; }
  .cd-num { font-size: clamp(1.3rem, 7vw, 1.7rem);   min-width: auto;}
  .cd-label { font-size: 7px; letter-spacing: 0.05em; }
  .cd-sep { font-size: 1.2rem; margin-bottom: 14px; flex-shrink: 0; }

  .stats { padding: 0 20px; }
  .about, .disciplines, .schedule { padding: 64px 20px; }

  .clubs-grid { grid-template-columns: 1fr; }
  .parts-grid { grid-template-columns: 1fr; }
  .parts-list-solo ol { columns: 1; }

  .sched-legend { gap: 12px; }

  footer { padding: 32px 20px 24px; }
  .footer-inner { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .footer-logo { display: flex; justify-content: center; }
  .footer-contact h4,
  .footer-contact a,
  .footer-contact p { text-align: center; }
  .footer-social { justify-content: center; }
  .footer-copy { flex-direction: column; gap: 6px; text-align: center; }
}

/* ===== Print ===== */
@media print {
  nav, footer, .no-print { display: none; }
  body { font-size: 12pt; color: #000; background: #fff; }
  a[href]::after { content: " (" attr(href) ")"; }
}