/* Mobile responsiveness overrides for the cloned sales page */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw;
}
body {
  overscroll-behavior-x: none;
  touch-action: pan-y;
}

@media (max-width: 640px) {
  /* Shrink the huge price so US$14.90 fits inside the card */
  .text-6xl {
    font-size: 2.5rem !important;
    line-height: 1 !important;
  }
  .text-7xl {
    font-size: 3rem !important;
    line-height: 1 !important;
  }
  .text-5xl {
    font-size: 2rem !important;
    line-height: 1.05 !important;
  }
  .text-4xl {
    font-size: 1.75rem !important;
    line-height: 1.1 !important;
  }

  /* Allow the price row to wrap if still tight */
  .flex.items-baseline.justify-center {
    flex-wrap: wrap;
    row-gap: 0.25rem;
    max-width: 100%;
  }

  /* Reduce card padding on mobile so content has room */
  .p-8 {
    padding: 1.25rem !important;
  }

  /* Prevent long words / prices from overflowing */
  main, section, h1, h2, h3, p, span, div {
    overflow-wrap: anywhere;
    word-break: normal;
  }

  /* Fix "GET THE PREMIUM PACK — US$14.90" button wrapping on mobile:
     force clean 2-line layout, shrink text, allow wrapping */
  #pricing button,
  #pricing a[data-checkout-link] {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.15 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    font-size: 1rem !important;
  }
}