/* =========================================
   SPYTIFO V2 — RESPONSIVE ADJUSTMENTS
   ========================================= */

/* ===== DESKTOP ===== */

@media (min-width: 1200px) {
  .main-content {
    padding: 32px;
  }
}

/* ===== TABLET ===== */

@media (min-width: 701px) and (max-width: 1199px) {
  .home-hero {
    min-height: 380px;
  }

  .home-hero h1 {
    font-size: clamp(36px, 4vw, 52px);
  }
}

/* ===== MOBILE ===== */

@media (max-width: 700px) {
  .top-navbar-left {
    gap: 10px;
  }

  .top-navbar-inner {
    min-width: 0;
  }

  .site-brand {
    font-size: 20px;
  }

  .home-hero h1 {
    font-size: clamp(34px, 9vw, 46px);
  }

  .home-hero-description {
    font-size: 14px;
  }

  .home-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-hero-actions .btn {
    width: 100%;
  }
}

/* ===== SMALL MOBILE ===== */

@media (max-width: 375px) {
  .top-navbar {
    padding: 8px;
  }

  .top-navbar-inner {
    padding: 0 8px;
  }

  .site-brand {
    font-size: 18px;
  }

  .main-content {
    padding: 12px;
  }

  .home-hero {
    padding: 22px 16px;
  }
}