/* === From index.php === */

@media(max-width:768px){
  div[style*="grid-template-columns:repeat(auto-fill,minmax(250px"]{
    grid-template-columns:1fr !important;
    gap:1.25rem !important;
  }
  h2[style*="font-size:2.2rem"]{font-size:1.6rem !important}
  /* CTA buttons stack on mobile */
  div[style*="display:flex;gap:1rem;justify-content:center"]{
    flex-direction:column;
    align-items:center;
  }
  div[style*="display:flex;gap:1rem;justify-content:center"] .btn{
    width:100%;
    max-width:320px;
    justify-content:center;
  }
}