/* ==========================================================================
   qa-fixes-perks.css — /perks page-scoped go-live fixes (Adil QA batch 3, 2026-07-15)
   Enqueued via filemtime (functions.php, gated is_page('perks')) so it sidesteps
   the qa-fixes-pages.min.css static-version trap (the raw qa-fixes-pages.css does
   not serve; the .min does, at a hardcoded ?ver).
   ========================================================================== */

/* (d) DESKTOP STICKY FILTER — the sidebar filter .perks_filter_container is already
   `position:sticky; top:110px`, but html+body carry a global `overflow-x:hidden`
   which turns the body into a scroll container and BREAKS sticky (measured live:
   after scrolling the filter's top went to -600px instead of pinning at 110).
   `overflow-x:clip` clips horizontal overflow WITHOUT establishing a scroll
   container, so the existing sticky engages (measured: pinned at top 110 after
   scroll) with no horizontal scroll reintroduced. Scoped to the /perks body. */
body.page-template-page-perks {
  overflow-x: clip;
}

/* (b) HERO PADDING — 40px top AND bottom on tablet + mobile. Was 56/56 (tablet)
   and 24/32 (mobile, from the frozen migration.min.css rule
   `.rp-perks .double-slide-section-left.perks-double-slide-section-left`).
   Match that 3-class specificity + !important so the override wins. */
@media (max-width: 991px) {
  .rp-perks .double-slide-section-left.perks-double-slide-section-left {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}