/* mobile.css: Extra mobile-friendly tweaks for Flexion-1 page */
@media (max-width: 640px) {
  body {
    font-size: 16px;
  }
  .layout-container {
    padding: 0 !important;
  }
  header, footer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-40 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .layout-content-container {
    padding: 0 !important;
    max-width: 100vw !important;
  }
  .grid-cols-2 {
    grid-template-columns: 1fr !important;
  }
  .text-4xl, .text-[32px], .text-[22px] {
    font-size: 1.5rem !important;
  }
  .aspect-video {
    aspect-ratio: 16/9;
  }
  .px-10, .px-5, .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .py-10, .py-5, .py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .gap-10, .gap-8, .gap-6, .gap-4, .gap-3, .gap-2 {
    gap: 1rem !important;
  }
  .min-w-40 {
    min-width: 0 !important;
  }
  .h-10, .h-12 {
    height: 2.5rem !important;
  }
  .rounded-lg {
    border-radius: 0.75rem !important;
  }
}