@import url("/user/documents/upload/retention-fidelity-v14.css?v=1");

/* Keep the mobile filter drawer outside the viewport until it is explicitly
   opened. Shoptet's global #filters-wrapper rule otherwise overrides the
   transform and leaves the closed drawer above category copy and the footer. */
@media (max-width: 767px) {
  body.id-1057.retention-category-redesign #filters-wrapper.retention-filter-rail {
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-105%) !important;
  }

  body.id-1057.retention-category-redesign #filters-wrapper.retention-filter-rail.is-open,
  body.id-1057.retention-category-redesign.retention-filters-open
    #filters-wrapper.retention-filter-rail {
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0) !important;
  }
}