/* =====================================================================
   MOBILE OPTIMIZATION v2 — Full Site Swipe & Layout Fixes
   ===================================================================== */

/* ---- Homepage Hero: Fix mobile layout ---- */
@media(max-width:768px){
  .pp-hero-inner{flex-direction:column!important;gap:28px;padding:32px 20px}
  .pp-hero-copy{text-align:center!important;max-width:100%!important}
  .pp-hero-copy h1{font-size:clamp(1.35rem,5vw,1.75rem)!important;text-align:center!important}
  .pp-hero-copy .pp-hero-sub{font-size:.92rem!important;margin:0 auto!important;max-width:400px}
  .pp-hero-cta{justify-content:center;flex-wrap:wrap}
  .pp-hero-trust{justify-content:center}
  .pp-hero-visual{width:100%;max-width:360px;margin:0 auto}
  .pp-hero-card{margin:0 auto}
  .pp-hero-photo img{width:100%;height:auto;border-radius:var(--radius-lg)}
  .pp-float-illu{display:none}
  
  /* Hide the weird "Home" sidebar text */
  .pp-hero + * .entry-title,
  .site-content > .pp-hero ~ .ast-article-single .entry-title,
  body.home .pp-hero + aside,
  body.home #primary + #secondary{display:none!important}
}

/* ---- Categories: Horizontal Swipe ---- */
@media(max-width:768px){
  .pp-cat-wrap{overflow:hidden;margin:0 -4px}
  .pp-cat-track{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:12px;padding:8px 16px 16px;-webkit-user-select:none;user-select:none}
  .pp-cat-track::-webkit-scrollbar{display:none}
  .pp-cat-card{flex:0 0 auto!important;width:140px!important;min-width:140px!important;max-width:140px!important;
    scroll-snap-align:start;display:flex!important;flex-direction:column!important;align-items:center!important;
    text-align:center!important;padding:18px 12px!important}
  .pp-cat-ico{font-size:1.8rem!important;margin-bottom:6px!important}
  .pp-cat-card h3{font-size:.82rem!important;text-align:center!important}
}

/* ---- How It Works Steps: Horizontal Swipe ---- */
@media(max-width:768px){
  .pp-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}
  .pp-steps::-webkit-scrollbar{display:none}
  .pp-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}
  .pp-step-num{font-size:1.6rem!important;margin-bottom:4px!important}
  .pp-step-ico{font-size:2rem!important;margin-bottom:8px!important}
  .pp-step h3{font-size:.95rem!important;text-align:center!important}
  .pp-step p{font-size:.84rem!important;text-align:center!important;line-height:1.55}
}

/* ---- Trust/Feature Cards: Horizontal Swipe ---- */
@media(max-width:768px){
  .pp-trust-grid{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}
  .pp-trust-grid::-webkit-scrollbar{display:none}
  .pp-trust-card{flex:0 0 auto!important;width:260px!important;min-width:260px!important;max-width:260px!important;
    scroll-snap-align:start}
  .pp-trust-icon{font-size:2rem!important;margin-bottom:10px!important}
  .pp-trust-card h3{font-size:.95rem!important;text-align:left!important}
  .pp-trust-card p{font-size:.85rem!important;line-height:1.55}
}

/* ---- Trust Stats: Horizontal Swipe ---- */
@media(max-width:768px){
  .pp-trust-stats{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:24px;padding:16px 16px 8px;justify-content:flex-start}
  .pp-trust-stats::-webkit-scrollbar{display:none}
  .pp-stat{flex:0 0 auto;min-width:80px}
}

/* ---- Subscribe Section Mobile ---- */
@media(max-width:768px){
  .pp-subscribe{padding:32px 20px!important;margin:0 12px;border-radius:var(--radius-lg)!important}
  .pp-subscribe h2{font-size:1.25rem!important}
  .pp-sub-benefits{display:flex!important;flex-direction:column!important;gap:6px!important;align-items:flex-start!important;font-size:.8rem!important}
}

/* ---- Section Headings Mobile ---- */
@media(max-width:768px){
  .pp-sec-head{padding:0 8px!important;text-align:center}
  .pp-sec-head h2{font-size:clamp(1.2rem,4vw,1.55rem)!important;text-align:center!important}
  .pp-sec-head p{font-size:.88rem!important;color:var(--muted);max-width:420px;margin:8px auto 0}
  .pp-lead{font-size:.9rem!important}
}

/* ---- Product Grid Mobile ---- */
@media(max-width:768px){
  .pp-section.alt ul.products{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;gap:12px;padding:4px 12px 16px}
  .pp-section.alt ul.products::-webkit-scrollbar{display:none}
  .pp-section.alt ul.products li.product{flex:0 0 auto!important;width:300px!important;min-width:300px!important;max-width:300px!important;
    scroll-snap-align:start}
}

/* ---- Contact Cards: Improve spacing ---- */
@media(max-width:768px){
  .pp-contact-page{padding:28px 0 36px}
  .pp-contact-hero{padding:0 16px;margin-bottom:28px}
  .pp-contact-hero h1{font-size:1.45rem!important}
  .pp-contact-hero p{font-size:.88rem}
  .pp-contact-faq{padding:0 12px}
  .pp-faq-q{padding:13px 15px!important;font-size:.9rem!important}
  .pp-faq-a-inner{padding:13px 15px!important;font-size:.85rem!important}
  .pp-contact-cta{padding:28px 18px!important;margin:0 12px!important}
  .pp-contact-strip{flex-direction:column;gap:12px;padding:18px 16px;text-align:center}
}

/* ---- FAQ Accordion Mobile ---- */
@media(max-width:768px){
  .pp-contact-faq>h2{font-size:1.1rem!important;margin-bottom:14px!important}
  .pp-faq-item{margin-bottom:8px!important}
}

/* ---- General: Remove Astra content area padding on home ---- */
body.home .site-content > .ast-container{padding-left:0!important;padding-right:0!important}
body.home .pp-hero{margin-top:0}