/* Keep the page behind an open modal or drawer from scrolling. Dropdowns and
   the mobile navigation intentionally do not use these overlay classes. */
html:has(.catalog-modal-backdrop),
html:has(.cart-drawer-backdrop),
html:has(.cart-confirm-backdrop),
html:has(.dashboard-modal-backdrop),
body:has(.catalog-modal-backdrop),
body:has(.cart-drawer-backdrop),
body:has(.cart-confirm-backdrop),
body:has(.dashboard-modal-backdrop) {
    overflow: hidden !important;
    overscroll-behavior: none;
}

body:has(.catalog-modal-backdrop),
body:has(.cart-drawer-backdrop),
body:has(.cart-confirm-backdrop),
body:has(.dashboard-modal-backdrop) {
    touch-action: none;
}

.catalog-modal,
.dashboard-modal,
.cart-drawer,
.cart-confirm {
    overscroll-behavior: contain;
}

.catalog-modal,
.dashboard-modal,
.cart-drawer,
.cart-confirm {
    touch-action: auto;
}