/* =====================================================================
   MOBILE: Affiliate Page Swipe Cards
   ===================================================================== */
@media(max-width:768px){
  /* Benefits → swipe */
  .pfa-benefits{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:14px;padding:8px 16px 20px}
  .pfa-benefits::-webkit-scrollbar{display:none}
  .pfa-benefit{flex:0 0 auto!important;width:250px!important;min-width:250px!important;max-width:250px!important;
    scroll-snap-align:start;padding:22px 18px!important}
  .pfa-benefit-num{font-size:1.6rem!important}
  .pfa-benefit h3{font-size:.95rem!important}
  .pfa-benefit p{font-size:.84rem!important;line-height:1.55}

  /* Steps → swipe */
  .pfa-steps{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:14px;padding:8px 16px 20px}
  .pfa-steps::-webkit-scrollbar{display:none}
  .pfa-step{flex:0 0 auto!important;width:260px!important;min-width:260px!important;max-width:260px!important;
    scroll-snap-align:start;padding:24px 18px!important;text-align:center}
  .pfa-step-num{width:36px;height:36px;font-size:.9rem!important}
  .pfa-step h3{font-size:.95rem!important;text-align:center!important}
  .pfa-step p{font-size:.84rem!important;text-align:center!important;line-height:1.55}

  /* Section titles */
  .pfa-section-title{font-size:clamp(1.15rem,3.5vw,1.4rem)!important;padding:0 12px}

  /* Hero */
  .pfa-hero-inner{padding:28px 20px!important;text-align:center}
  .pfa-hero-sub{font-size:.9rem!important}
  .pfa-hero-cta{justify-content:center;flex-wrap:wrap;gap:10px}
  .pfa-hero-badges{justify-content:center;flex-wrap:wrap;gap:8px;font-size:.78rem}

  /* Who list */
  .pfa-who{padding:0 20px;font-size:.88rem}
  .pfa-who li{margin-bottom:8px}

  /* Example */
  .pfa-example{margin:0 16px;padding:24px 18px;border-radius:var(--radius)}
  .pfa-example p{font-size:.92rem}
  .pfa-muted{font-size:.82rem!important}

  /* CTA band */
  .pfa-cta-band{padding:32px 20px!important;margin:0 12px;border-radius:var(--radius-lg)!important}

  /* FAQ */
  .pfa-faq{padding:0 12px}
  .pfa-faq-item{margin-bottom:8px!important}
  
  /* Landing container padding */
  .pfa-landing > *{padding-left:0!important;padding-right:0!important}
}