/* ENFAVORI HOME FIXED CARD STORIES V2
   V3 MOBILE-ONLY live finger-drag upgrade.
   Desktop is deliberately untouched and continues to use the original V1 multi-card layout. */
@media (max-width:760px) {
    .ef4 .ef4-stack--ready .ef4-stack__track {
        display:block !important;
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        overflow-x:hidden !important;
        overflow-y:hidden !important;
        scroll-behavior:auto !important;
        scroll-snap-type:none !important;
        grid-template-columns:none !important;
        grid-auto-flow:row !important;
        grid-auto-columns:auto !important;
        touch-action:pan-y pinch-zoom;
        overscroll-behavior-x:contain;
        isolation:isolate;
        height:auto !important;
        transition:none;
    }
    .ef4 .ef4-stack--ready .ef4-stack__track > * {
        position:absolute !important;
        top:0 !important;
        left:0 !important;
        right:auto !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        box-sizing:border-box !important;
        margin-inline:0 !important;
        grid-area:1 / 1 !important;
        scroll-snap-align:none !important;
        scroll-snap-stop:normal !important;
        visibility:hidden;
        opacity:1;
        pointer-events:none;
        z-index:0;
        transform:translate3d(110%,0,0);
        will-change:transform;
    }
    /* The active card MUST remain in normal flow. An absolute active card
       collapses the slider to a 1px line on some mobile browsers. */
    .ef4 .ef4-stack--ready .ef4-stack__track > .ef4-stack__active {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        height:auto !important;
        visibility:visible;
        pointer-events:auto;
        z-index:2;
    }
    .ef4 .ef4-stack--ready .ef4-stack__track > .ef4-stack__neighbor {
        visibility:visible;
        pointer-events:none;
        z-index:1;
    }
    .ef4 .ef4-stack--ready .ef4-stack__track img {
        -webkit-user-drag:none;
        user-select:none;
    }
    .ef4 .ef4-stack--ready .ef4-swipe__controls,
    .ef4 .ef4-stack--ready .ef4-carousel__controls,
    .ef4 .ef4-stack--ready .ef4-swipe__mixed-controls {
        display:none !important;
    }
    .ef4 .ef4-stack__footer {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:11px;
        min-height:48px;
        margin:10px 0 5px;
        padding:2px 0;
        color:#596f83;
    }
    .ef4 .ef4-stack__footer[hidden] { display:none !important; }
    .ef4 .ef4-stack__nav {
        display:grid;
        place-items:center;
        flex:none;
        width:38px;
        height:38px;
        padding:0;
        border:1px solid #cbd9e4;
        border-radius:50%;
        background:#fff;
        color:#142844;
        font-size:21px;
        font-weight:750;
        cursor:pointer;
    }
    .ef4 .ef4-stack__nav:disabled { opacity:.30;cursor:default; }
    .ef4 .ef4-stack__play {
        flex:none;
        display:grid;
        place-items:center;
        width:34px;
        height:34px;
        padding:0;
        border:1px solid #cbd9e4;
        border-radius:50%;
        color:#142844;
        background:#fff;
        font-size:14px;
        font-weight:900;
        line-height:1;
        cursor:pointer;
    }
    .ef4 .ef4-stack__play:focus-visible {
        outline:2px solid #11a398;
        outline-offset:2px;
    }
    .ef4 .ef4-stack__nav:focus-visible { outline:2px solid #11a398;outline-offset:2px; }
    .ef4 .ef4-stack__progress {
        display:flex;
        gap:9px;
        align-items:center;
        justify-content:center;
        min-width:0;
    }
    .ef4 .ef4-stack__rail {
        display:block;
        width:68px;
        height:4px;
        flex:none;
        overflow:hidden;
        border-radius:99px;
        background:#d9e5e9;
    }
    .ef4 .ef4-stack__fill {
        display:block;
        height:100%;
        width:0;
        border-radius:99px;
        background:#0ba798;
        transition:width .2s ease;
    }
    .ef4 .ef4-stack__count {
        white-space:nowrap;
        font-size:11px;
        font-weight:800;
        font-variant-numeric:tabular-nums;
        color:#142844;
    }
    .ef4 .ef4-stack__hint {
        white-space:nowrap;
        font-size:10px;
        font-weight:650;
        color:#677d8c;
    }
    :is(html[data-theme="dark"],body.theme-dark,body.dark-mode)
      .ef4 .ef4-stack__nav, 
    :is(html[data-theme="dark"],body.theme-dark,body.dark-mode)
      .ef4 .ef4-stack__play {
        color:#edf7ff;
        border-color:#516777;
        background:#19364b;
    }
    :is(html[data-theme="dark"],body.theme-dark,body.dark-mode)
      .ef4 .ef4-stack__count { color:#edf7ff; }
}
@media (prefers-reduced-motion:reduce) and (max-width:760px) {
    .ef4 .ef4-stack--ready .ef4-stack__track { transition:none; }
    .ef4 .ef4-stack__fill { transition:none; }
}