/* Global-only responsive (dùng chung cho mọi trang) */
/* Không chứa selector trang chủ (.courses- .hero- .value-props .testimonials .cta-section) */

@media (max-width: 768px) {
  /* Typography chung */
  body {
    font-size: 15px;
  }
  h1 {
    font-size: 3.25rem;
  }
  h2 {
    font-size: 2.8rem;
  }
  h3 {
    font-size: 1.6rem;
  }
  h4 {
    font-size: 1.3rem;
  }
  h5 {
    font-size: 1.125rem;
  }

  /* Layout chung */
  .container {
    padding: 0 15px;
  }
  section {
    padding: 50px 25px;
  }

  /* Header section chung */
  .section-header {
    margin-bottom: 40px;
  }
  .section-title {
    font-size: 2rem;
    margin-bottom: 15px;
  }
  .section-subtitle {
    font-size: 1rem;
  }
  .section-header,
  .section-title,
  .section-subtitle {
    text-align: center;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 2.8rem;
  }
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 1.4rem;
  }
  h4 {
    font-size: 1.2rem;
  }

  .btn {
    width: 100%;
    margin-bottom: 10px;
  }
  section {
    padding: 40px 20px;
  }

  .section-header {
    margin-bottom: 25px;
  }
  .section-title {
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .section-subtitle {
    font-size: 0.9rem;
  }
}