/* Highest Vitality — "Stay in the loop" footer form.
   Linked after each page's inline <style>, same approach as cart.css:
   the form markup is duplicated across 14 pages, so shared rules live
   here rather than being edited into every file. */

/* The base rule sets min-width:260px on the input, which on a narrow
   phone leaves it short of the container and strands the button beside
   a gap. Below 700px the field and the button each take the full width. */
@media (max-width: 700px) {
  .newsletter-form { width: 100%; }

  .newsletter-form input[type="email"] {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
  }

  .newsletter-form button[type="submit"] {
    width: 100%;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}