/* Global backdrop overlay color override for modals and flyouts */
/* This class is used by:
   - Magento_Theme/templates/html/header/cart_modal.phtml (backdrop divs)
   - Magento_Theme/templates/html/modal/centered_modal.phtml (backdrop div)
   Add class="backdrop" to any overlay to apply this color.
*/

:root {
    /* Customize site-wide backdrop color here */
    --animoz-backdrop-color: rgba(0, 0, 0, 0.45);
}

.backdrop {
    background-color: var(--animoz-backdrop-color) !important;
}


html {
    /* Always reserve space for the scrollbar */
    scrollbar-gutter: stable;
}

/* Add this utility class */
body.no-scroll {
    overflow: hidden;
    /* Prevent scroll */
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}