/* Welyon — mobile responsive overrides (screens ≤ 768px) */
@media (max-width: 768px) {

  /* Base typography */
  body {
    font-size: 16px;
  }

  /* Navigation */
  .nav a,
  .header__end a,
  .header__locale {
    font-size: 15px;
  }

  /* All buttons */
  .btn {
    font-size: 16px !important;
    min-height: 48px;
    padding: 13px 22px !important;
  }

  /* Page padding */
  :root {
    --pg-pad: 20px;
  }

  /* Headings */
  .about-hero__title,
  .kit-hero__title,
  .fp-hero__title,
  .press-hero__title,
  .section-title {
    font-size: clamp(32px, 8vw, 52px) !important;
  }

  /* Body/sub copy */
  .about-hero__sub,
  .kit-hero__sub,
  .fp-hero__sub,
  .press-hero__sub,
  .section-lede {
    font-size: 16px !important;
  }

  /* Single-column layouts */
  .about-hero,
  .kit-hero,
  .fp-hero,
  .press-hero,
  .prose,
  .super,
  .study,
  .board-intro,
  .invite,
  .product-waitlist,
  .disclosure__inner,
  .scope-grid,
  .kit-grid,
  .final-cta,
  .result-split,
  .footer__top,
  .footer__discl {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  /* 3-col grids → 1-col */
  .tier-grid,
  .why-cols,
  .notfor,
  .mech-row {
    grid-template-columns: 1fr !important;
  }

  /* Board grid */
  .board-grid {
    grid-template-columns: 1fr !important;
  }

  /* Kit compare table — allow horizontal scroll */
  .compare {
    overflow-x: auto;
  }

  /* FAQ items — single column */
  .kit-faq__item,
  .fp-faq__item,
  .hiw-faq__item {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  /* FAQ question font */
  .kit-faq__q,
  .fp-faq__q,
  .hiw-faq__q {
    font-size: 17px !important;
  }

  /* FAQ answer font */
  .kit-faq__a,
  .fp-faq__a,
  .hiw-faq__a {
    font-size: 15px !important;
  }

  /* Header — stack on mobile */
  .header {
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px var(--pg-pad);
  }

  .nav {
    display: none; /* hide nav links on small screens — header logo + CTA remain */
  }

  /* Specs ribbon */
  .specs-ribbon {
    gap: 16px;
  }

  /* States grid — fewer columns */
  .states-grid {
    grid-template-columns: repeat(5, 1fr) !important;
  }

  /* Footer columns */
  .footer__top {
    padding: 40px var(--pg-pad) !important;
  }

  .footer__col h4 {
    font-size: 11px;
  }

  /* Press facts grid */
  .facts-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Guide library grid */
  .guides-grid {
    grid-template-columns: 1fr !important;
  }

  /* Prose body text */
  .prose__body p,
  .super__body p,
  .study__body p {
    font-size: 16px !important;
  }

  /* Pullquote */
  .pullquote {
    font-size: 18px !important;
  }

  /* Scope cols */
  .scope-col {
    padding: 32px 0 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--hairline-cream);
  }

  /* Tier grid items */
  .tier {
    padding: 28px 0 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--hairline-dark);
  }

  /* Why cols */
  .why-col {
    padding: 28px 0 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--hairline-dark);
  }

  /* Mech cells */
  .mech-cell {
    padding: 24px 0 !important;
    border-right: none !important;
    border-bottom: 1px solid var(--hairline-dark);
  }

  /* Waitlist form */
  .waitlist__form {
    grid-template-columns: 1fr !important;
  }

  .product-waitlist__form {
    grid-template-columns: 1fr !important;
  }

  /* Result split */
  .result {
    padding: 36px 0 !important;
    border-right: none !important;
  }

  .result:last-child {
    padding-left: 0 !important;
  }

  /* Guide hero */
  .guide-hero,
  .hiw-hero {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    padding: 48px var(--pg-pad) 64px !important;
  }
}