/* =========================================
   BlockZen - Responsive Stylesheet
   ========================================= */

/* ----- Extra Large (≥1400px) ----- */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/* ----- Large (≥1200px) ----- */
@media (max-width: 1199.98px) {
  h1 { font-size: 2.8rem; }
  h2 { font-size: 2rem; }
}

/* ----- Medium (≥992px) ----- */
@media (max-width: 991.98px) {
  .section-padding {
    padding: 60px 0;
  }

  .hero-section {
    padding: 100px 0 60px;
  }

  .navbar-custom .nav-menu {
    position: fixed;
    top: 70px;
    left: -100%;
    width: 100%;
    background: rgba(13, 13, 26, 0.98);
    flex-direction: column;
    padding: 20px;
    transition: left 0.3s ease;
  }

  .navbar-custom .nav-menu.active {
    left: 0;
  }
}

/* ----- Small (≥768px) ----- */
@media (max-width: 767.98px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }
  h3 { font-size: 1.3rem; }

  .section-padding {
    padding: 50px 0;
  }

  .section-title {
    margin-bottom: 40px;
  }

  .stat-number {
    font-size: 2rem;
  }

  .card-custom {
    padding: 24px;
  }

  .btn-primary-custom,
  .btn-outline-custom {
    padding: 10px 22px;
    font-size: 0.9rem;
  }

  .hero-section {
    padding: 90px 0 50px;
    text-align: center;
  }

  .footer-custom {
    padding: 40px 0 20px;
  }
}

/* ----- Extra Small (<576px) ----- */
@media (max-width: 575.98px) {
  h1 { font-size: 1.75rem; }
  h2 { font-size: 1.4rem; }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .card-custom {
    padding: 18px;
  }

  .stat-number {
    font-size: 1.75rem;
  }
}