/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 03 2026 | 14:14:29 */

/* ==========================================
   MB MOBILE STACKING CARDS
   Progressive Darkening Effect
   ========================================== */

@media (max-width: 767px) {

    .mb-card-stack {
        --mb-stack-top: 20px;
        --mb-stack-gap: 20px;
        --mb-stack-darkness: 0.65;

        position: relative;
        display: flex;
        flex-direction: column;
        gap: var(--mb-stack-gap);
        align-items: stretch;
    }

    .mb-card-stack > .mb-stack-card {
        position: sticky;
        top: var(--mb-stack-top);

        isolation: isolate;
        overflow: hidden;

        --mb-dark-progress: 0;
    }

    /* Dark overlay */

    .mb-card-stack > .mb-stack-card::after {
        content: "";
        position: absolute;
        inset: 0;

        background: #000000;

        opacity: calc(
            var(--mb-dark-progress) *
            var(--mb-stack-darkness)
        );

        pointer-events: none;
        z-index: 10;
    }

}