/* pdp43: mobile main-menu scroll hint (edge fade). */
@media (max-width: 768px) {
  .pv-nav { position: relative; }
  .pv-nav.mh-scrollable::before, .pv-nav.mh-scrollable::after {
    content: ""; position: absolute; top: 0; bottom: 0; width: 22px; pointer-events: none; z-index: 2; opacity: 0; transition: opacity .3s;
  }
  .pv-nav.mh-scrollable::before { left: 0; background: linear-gradient(to right, #111, rgba(17,17,17,0)); }
  .pv-nav.mh-scrollable::after { right: 0; background: linear-gradient(to left, #111, rgba(17,17,17,0)); }
  .pv-nav.mh-scrollable.mh-left::before, .pv-nav.mh-scrollable.mh-right::after { opacity: 1; }
}

/* pdp43: mobile compact banners + hide hero "Shop laptop deals" / "Book repair" CTAs (desktop unchanged). */
@media (max-width: 768px) {
  .hero3 .hero3__ctas { display: none !important; }
  .rp-hero .rp-hero__btns .rp-btn--y { display: none !important; }

  .pv-hero.hero3, .rp-hero, .pol-hero, .about2-hero, main > .page-title {
    min-height: 0 !important; padding-top: 14px !important; padding-bottom: 14px !important;
  }
  .pv-hero.hero3 .pv-hero__inner, .rp-hero .rp-hero__in { min-height: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
  .hero3 .hero3__h1, .rp-hero h1, .pol-hero h1, .about2-hero h1, main > .page-title h1 {
    font-size: 22px !important; line-height: 1.2 !important; margin: 4px 0 6px !important;
  }
  .hero3 .hero3__eyebrow, .rp-hero .rp-eyebrow, .page-title .s3-eyebrow {
    font-size: 11px !important; margin: 0 0 4px !important;
  }
  .hero3 .hero3__sub, .rp-hero .rp-hero__sub, .pol-hero p, .about2-hero p, main > .page-title p:not(.s3-eyebrow) {
    font-size: 13px !important; line-height: 1.4 !important; margin: 0 0 6px !important;
  }
  .hero3 .hero3__sub br { display: none; }
  .hero3 .hero3__foot { display: none !important; }
  .hero3 .hero3__rating { font-size: 12px !important; margin: 4px 0 0 !important; }
  .rp-hero .rp-crumb, main > .page-title .breadcrumb { font-size: 11px !important; margin-bottom: 4px !important; }
  .rp-hero .rp-hero__btns { margin-top: 8px !important; gap: 6px !important; }
  .rp-hero .rp-btn { padding: 7px 12px !important; font-size: 12px !important; }
  .rp-hero .rp-legal { font-size: 11px !important; margin-top: 6px !important; }
  .pol-hero img { max-height: 120px !important; width: auto; object-fit: cover; }
  .about2-hero { padding: 0 !important; }
  .about2-hero .about2-hero__img { position: absolute !important; inset: 0 !important; height: 100% !important; }
  .about2-hero .about2-hero__img img { position: absolute !important; inset: 0 !important; height: 100% !important; width: 100% !important; object-fit: cover; }
  .about2-hero::after { background: linear-gradient(90deg, rgba(13,17,23,.92), rgba(13,17,23,.6)) !important; }
  .about2-hero .about2-hero__text { padding: 16px !important; }
  .about2-hero .about2-hero__btns { gap: 8px !important; }
  .about2-hero .about2-hero__btns .btn { min-height: 38px !important; padding: 6px 14px !important; font-size: 13px !important; }
  .hero3 .hero-stage { width: 66% !important; margin: -6px 0 0 auto !important; }
  .hero3 .hero-stage .pv-hero__price-chip { max-width: 48cqw !important; left: auto !important; right: 0 !important; font-size: .7rem !important; }
  .rp-hero .rp-hero__btns .rp-btn { flex: 0 1 auto !important; min-height: 36px !important; }
}