/* Artificial Heights — Mobile Responsive Fix */
/* Applied: Feb 23, 2026 */

/* Universal box-sizing */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Fix all overflow issues */
body {
  overflow-x: hidden;
}

/* MOBILE: screens up to 768px */
@media (max-width: 768px) {
  .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
  }
  
  .hero-sub {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
  }
  
  .section-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
  }
  
  .feed-preview {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
    border-radius: 16px !important;
  }
  
  .section-sub {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .stats-row {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
  }
  
  .cta-sub {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
  }
  
  .footer-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 20px !important;
  }
  
  .fp-post {
    padding: 14px 16px !important;
  }
  
  .fp-header {
    padding: 14px 16px !important;
  }
  
  /* Prevent any horizontal overflow */
  section, div, main, article {
    max-width: 100vw;
  }
  
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Orbs shouldn't cause overflow */
  .orb-1, .orb-2 {
    display: none !important;
  }
}

/* TABLET: 769px to 1024px */
@media (min-width: 769px) and (max-width: 1024px) {
  .hero-content {
    width: 90% !important;
    max-width: 90% !important;
  }
  
  .section-inner,
  .stats-row,
  .footer-inner {
    width: 95% !important;
    max-width: 95% !important;
    padding: 0 24px !important;
  }
  
  .feed-preview {
    width: 90% !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}