/* ===============================================
   MOBILE OVERRIDES — For devices under 768px
   =============================================== */

@media (max-width: 767.98px) {
  .feature-grid {
    flex-direction: column;
  }

  .auth-container {
    padding: 20px;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .row.pad-top, .row.pad-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


/* ============================================================
   POLISH PRESERVATION PATCH
   Mobile spacing only; no grid logic changes beyond existing stack.
   ============================================================ */
@media (max-width: 767.98px) {
  .responsive-section,
  .container-responsive{
    padding-inline: 16px !important;
  }

  .feature-summary{
    padding: 18px !important;
  }

  .feature-header h1{
    line-height: 1.08;
  }

  .feature-header h3,
  .feature-header p{
    line-height: 1.5;
  }

  .feature-grid,
  .feature-grid-world{
    gap: 18px !important;
  }
}