/* ==========================================================================
   PPCM Theme — Global Responsive Overrides
   Breakpoints: 1200, 992, 768, 576
   ========================================================================== */

/* <= 1200px */
@media (max-width: 1200px) {
  :root { --gutter: 18px; }
}

/* <= 992px (tablet / small laptop) */
@media (max-width: 992px) {
  html, body { overflow-x: hidden; }
  body { font-size: 15px; }

  h1 { font-size: clamp(30px, 5vw, 44px); }
  h2 { font-size: clamp(24px, 3.6vw, 34px); }

  .container { padding-inline: 16px; }
  .section-padding { padding-block: 64px; }
}

/* <= 768px (tablet portrait) */
@media (max-width: 768px) {
  :root { --space-8: 72px; }

  .btn { width: auto; }
}

/* <= 576px (mobile) */
@media (max-width: 576px) {
  :root { --space-8: 64px; }

  .btn {
    padding: 12px 16px;
  }

  .prefooter-cta__actions .btn {
    width: 100%;
  }
}