/**
 * ==========================================================
 * DiscoverFX
 * Sticky Horizontal Scroll
 *
 * إضافة مستقلة لحركة بطاقات Discover.
 *
 * هذا الملف لا يعدل ملفات القالب الأصلية.
 * يمكن حذفه في أي وقت مع إزالة كلاسات DiscoverFX فقط،
 * وسيعود القسم للعمل بالشكل الأصلي.
 * ==========================================================
 */


/* ==========================================================
   DiscoverFX Section
========================================================== */

.discoverfx-section{
    position:relative;
}


/* ==========================================================
   Scroll Area
   يتم تحديد الارتفاع بواسطة JavaScript.
========================================================== */

.discoverfx-scroll{
    position:relative;
}


/* ==========================================================
   Sticky Pin
========================================================== */

.discoverfx-pin{

    position:sticky;

    top:0;

    height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

}


/* ==========================================================
   Original Container
========================================================== */

.discoverfx-pin .container{

    width:100%;

}


/* ==========================================================
   DiscoverFX Track
========================================================== */

.discoverfx-pin .discoverfx-track{

    will-change:transform;

    transform:translate3d(0,0,0);

    transition:none;

}


/* ==========================================================
   Performance
========================================================== */

.discoverfx-track *{

    backface-visibility:hidden;

    transform-style:preserve-3d;

}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width:780px){

    .discoverfx-scroll{

        height:auto !important;

    }

    .discoverfx-pin{

        position:relative;

        height:auto;

        overflow:visible;

    }

    .discoverfx-pin .discoverfx-track{

        transform:none !important;

    }

}

/* ==========================================================
   DiscoverFX
   تعطيل السلوك الأصلي فقط داخل DiscoverFX
========================================================== */

.rail.discoverfx-track{

    overflow-x:hidden;

    overflow-y:hidden;

    scrollbar-width:none;

    -ms-overflow-style:none;

    scroll-snap-type:none;

    touch-action:none;

}

.rail.discoverfx-track::-webkit-scrollbar{

    display:none;

}