/* Add ws-grid-reveal to the Elementor container that contains a heading and grid. */
html.ws-grid-reveal-ready .ws-grid-reveal :is(
    .title-wrapper,.elementor-widget-heading,.wd-tabs-header,
    .product-grid-item,.category-grid-item,.wd-product,.wd-cat,li.product
):not(.ws-grid-reveal-shown):not(.ws-grid-reveal-skip) {
    opacity: 0;
    translate: 0 16px;
}

html.ws-grid-reveal-ready .ws-grid-reveal .ws-grid-reveal-animate {
    transition: opacity 480ms ease, translate 480ms cubic-bezier(.22, 1, .36, 1);
}

html.ws-grid-reveal-ready .ws-grid-reveal .ws-grid-reveal-shown {
    opacity: 1;
    translate: 0 0;
}

@media (prefers-reduced-motion: reduce) {
    html.ws-grid-reveal-ready .ws-grid-reveal :is(
        .title-wrapper,.elementor-widget-heading,.wd-tabs-header,
        .product-grid-item,.category-grid-item,.wd-product,.wd-cat,li.product
    ) {
        opacity: 1 !important;
        translate: none !important;
        transition: none !important;
    }
}