/* provenance manawatu — responsive
 * Breakpoints: 1024 (tablet-landscape) / 768 (tablet-portrait) / 480 (mobile)
 * Spacing: --section-pad-y and --gutter shrink as viewport narrows
 */

@media (max-width: 1024px) {
  :root {
    --section-pad-y: var(--s-7);    /* 48 desktop → 48 */
    --section-pad-y-lg: var(--s-8); /* 80 → 64 */
    --gutter: var(--s-5);
  }
  .pm-hero__title { font-size: 2.4rem; }
  .pm-section h2 { font-size: 1.8rem; }

  .pm-hero__card { padding: var(--s-6) var(--s-6); }
  .pm-hero__card-title { font-size: 1.5rem; }

  .pm-rank__featured { padding: var(--s-6); }
  .pm-rank__featured-grid { gap: var(--s-5); }

  .pm-rank__item { grid-template-columns: 42px minmax(0, 1fr) minmax(0, 1.4fr) auto; gap: var(--s-4); padding: var(--s-4) var(--s-5); }
  .pm-rank__item-code { display: none; }

  .pm-review { padding: var(--s-6); }
  .pm-review > .pm-review__media { width: 180px; }

  .pm-footer__top { grid-template-columns: 1fr; gap: var(--s-6); }
}

@media (max-width: 768px) {
  :root {
    --section-pad-y: var(--s-6);    /* 32 */
    --section-pad-y-lg: var(--s-7); /* 48 */
    --gutter: var(--s-4);
  }

  .pm-nav__inner { flex-wrap: wrap; padding: var(--s-3) 0; }
  .pm-nav__toggle { display: inline-block; }
  .pm-nav__links { display: none; flex-direction: column; width: 100%; gap: var(--s-2); padding: var(--s-3) 0 var(--s-1); border-top: 1px solid var(--pm-grey-200); }
  .pm-nav__links.is-open { display: flex; }
  .pm-nav__links a { padding: var(--s-2) 0; }
  .pm-nav__links a.is-active::after { display: none; }

  .pm-hero { padding: var(--s-6) 0 var(--s-4); }
  .pm-hero__title { font-size: 2rem; max-width: 100%; }
  .pm-hero__subtitle { font-size: 1rem; }

  .pm-hero__card { padding: var(--s-6) var(--s-4); margin-top: var(--s-6); }
  .pm-hero__card-badge { font-size: 0.7rem; padding: var(--s-1) var(--s-3); top: -18px; }
  .pm-hero__card-title { font-size: 1.3rem; }
  .pm-hero__steps { grid-template-columns: 1fr; gap: var(--s-4); }
  .pm-hero__step-text { max-width: 100%; }
  .pm-hero__card-cta { flex-direction: column; gap: var(--s-3); margin-top: var(--s-5); }
  .pm-hero__card-cta .pm-btn { width: 100%; padding: var(--s-4) var(--s-5); font-size: 0.95rem; }

  .pm-trustpilot { flex-direction: column; gap: var(--s-2); padding: var(--s-5) 0 var(--s-3); }
  .pm-disclosure { font-size: 0.72rem; }
  .pm-section-nav { gap: var(--s-2); }
  .pm-section-nav a { padding: var(--s-2) var(--s-3); font-size: 0.85rem; }

  .pm-meta-strip { font-size: 0.72rem; margin: 0 auto var(--s-3); flex-wrap: nowrap; white-space: nowrap; }
  .pm-meta-strip__item { gap: 0; }
  .pm-meta-strip__label { display: none; }
  .pm-meta-strip__item + .pm-meta-strip__item::before { padding: 0 var(--s-2); }

  .pm-section h2 { font-size: 1.55rem; }
  .pm-section h3 { font-size: 1.15rem; }

  .pm-rank__featured { padding: var(--s-7) var(--s-4) var(--s-5); }
  .pm-rank__featured-grid { grid-template-columns: 1fr; gap: var(--s-4); text-align: left; }
  .pm-rank__featured-bonus { font-size: 1.5rem; }
  .pm-rank__featured-meta { gap: var(--s-4); font-size: 0.82rem; }
  .pm-rank__featured-cta { justify-self: stretch; }
  .pm-rank__featured-cta .pm-btn { width: 100%; text-align: center; }

  .pm-rank__item { grid-template-columns: 36px 1fr auto; gap: var(--s-3); padding: var(--s-3) var(--s-4); }
  .pm-rank__item-bonus { display: none; }

  .pm-review { padding: var(--s-5) var(--s-4); }
  .pm-review > .pm-review__media { float: none; width: 100%; margin: 0 0 var(--s-4); }
  .pm-review__tags { gap: var(--s-3); padding: var(--s-3) 0; }
  .pm-review__lists { grid-template-columns: 1fr; gap: var(--s-4); }

  .pm-midcta__card { padding: var(--s-6) var(--s-5); }
  .pm-midcta__card h3 { font-size: 1.35rem; }

  .pm-btn { padding: var(--s-3) var(--s-5); font-size: 0.92rem; }
  .pm-btn--ghost { padding: calc(var(--s-3) - 1.5px) calc(var(--s-5) - 1.5px); }

  .pm-faq__item summary { font-size: 1rem; padding: var(--s-4) var(--s-6) var(--s-4) var(--s-4); }
  .pm-faq__item summary::after { right: var(--s-4); }
  .pm-faq__answer { padding: 0 var(--s-4) var(--s-4); }

  .pm-footer { padding: var(--s-7) 0 var(--s-4); }
  .pm-footer__linkrow { gap: var(--s-5); }
  .pm-footer__copy { flex-direction: column; align-items: flex-start; }

  .pm-top { width: 40px; height: 40px; right: var(--s-3); bottom: var(--s-3); }

  /* tables scroll on small screens */
  .pm-table { min-width: 520px; }
}

@media (max-width: 480px) {
  :root {
    --section-pad-y: var(--s-5);
    --gutter: var(--s-3);
  }
  body { font-size: 15px; }
  .pm-hero__title { font-size: 1.75rem; }
  .pm-section h2 { font-size: 1.4rem; }
  .pm-hero__card { padding: var(--s-5) var(--s-3); }
  .pm-hero__card-title { font-size: 1.2rem; }
  .pm-rank__featured-meta { gap: var(--s-3); }
  .pm-review__tags { flex-direction: column; gap: var(--s-2); }
  .pm-btn { padding: var(--s-3) var(--s-4); font-size: 0.9rem; }
}