/* My Junk Car Removal: mobile layer over the original Webflow styles.
   The Webflow layout already reflows with no horizontal scroll at 360-768px (measured on the live site),
   so this only fixes touch ergonomics. Every rule sits inside a max-width query, so >=768px renders
   exactly as the Webflow site did. Loaded after the Webflow stylesheet on every page. */

@media screen and (max-width: 767px) {
  /* tap targets: 44px minimum height (Apple HIG / WCAG 2.5.5) for the standalone links;
     links inline in a sentence are exempt (WCAG 2.5.8) and left alone */
  .links.white.on-red, .footer-link, .footer-links {
    min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
  }

  /* form checkboxes were 13px */
  .w-checkbox { display: flex; gap: 8px; align-items: flex-start; padding-left: 0; }
  .w-checkbox-input { width: 22px; height: 22px; margin: 1px 0 0 0; float: none; flex-shrink: 0; }
}