/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 03 2026 | 20:16:25 */
/* ==========================================
   MB MOBILE STACKING CARDS
   Offset Stacking + Strong Darkening
   ========================================== */

@media (max-width: 767px) {

    .mb-card-stack {
        /* CONTROLS */
        --mb-stack-top: 20px;
        --mb-stack-offset: 1rem;
        --mb-stack-gap: 20px;
        --mb-stack-darkness: 0.65;

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

    /* INDIVIDUAL CARDS */

    .mb-card-stack > .mb-stack-card {
        position: sticky;

        top: calc(
            var(--mb-stack-top) +
            var(--mb-card-index, 0) *
            var(--mb-stack-offset)
        );

        isolation: isolate;
        overflow: hidden;

        --mb-dark-progress: 0;
    }

    /* STACKING POSITIONS */

    .mb-card-stack > .mb-stack-card:nth-child(1) {
        --mb-card-index: 0;
    }

    .mb-card-stack > .mb-stack-card:nth-child(2) {
        --mb-card-index: 1;
    }

    .mb-card-stack > .mb-stack-card:nth-child(3) {
        --mb-card-index: 2;
    }

    .mb-card-stack > .mb-stack-card:nth-child(4) {
        --mb-card-index: 3;
    }

    .mb-card-stack > .mb-stack-card:nth-child(5) {
        --mb-card-index: 4;
    }

    .mb-card-stack > .mb-stack-card:nth-child(6) {
        --mb-card-index: 5;
    }

    /* DARKENING OVERLAY */

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

        background: #000;

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

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

}


/* ==========================================
   MB CARD STACK — HEADER AWARE
   MOBILE ONLY
   ========================================== */

@media (max-width: 767px) {

    body {
        --mb-stack-header-offset: 0px;
        --mb-stack-header-height: 64px;
    }

    body.mb-show-scroll-header {
        --mb-stack-header-offset:
            var(--mb-stack-header-height);
    }

    .mb-card-stack > .mb-stack-card {
        top: calc(
            var(--mb-stack-top) +
            var(--mb-stack-header-offset) +
            var(--mb-card-index, 0) *
            var(--mb-stack-offset)
        ) !important;

        transition:
            top 0.35s
            cubic-bezier(0.22, 1, 0.36, 1);
    }

}

/* ==========================================
   MB STACKING CARDS — SCROLL CONTENT LIFT
   ========================================== */

@media (max-width: 767px) {

    .mb-stack-card .mb-stack-content {
        transform: translate3d(
            0,
            calc(-1 * var(--mb-content-lift, 0px)),
            0
        );
    }

}