/* ================================================================
   SHANIEL — ALL PAGES RESPONSIVE CSS
   Uses JavaScript to fix inline styles on mobile
   ================================================================ */

/* Basic container overflow prevention */
html, body { overflow-x: hidden !important; }
main { max-width: 100vw; overflow-x: hidden; }
img { max-width: 100% !important; height: auto; }

/* Section hero height */
@media (max-width: 768px) {
  .page-banner { padding: 36px 0 28px !important; }
}