/* =========================================================
   LATEST SERIES / MOVIES
   ========================================================= */

.ftv-latest-content-page {
    width: 100%;

    padding:
        32px
        0
        60px;
}


.ftv-latest-content-page__container {
    width:
        min(
            1540px,
            calc(100% - 36px)
        );

    margin-inline:
        auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.ftv-latest-content-page__header {
    margin-bottom:
        24px;
}


.ftv-latest-content-page__eyebrow {
    display: block;

    margin-bottom:
        4px;

    color:
        #e6b94f;

    font-size:
        9px;

    font-weight:
        800;
}


.ftv-latest-content-page__header h1 {
    margin: 0;

    color:
        var(--ftv-text, #fff);

    font-size:
        clamp(
            25px,
            2.2vw,
            34px
        );

    font-weight:
        900;

    line-height:
        1.3;
}


.ftv-latest-content-page__accent {
    display: block;

    width:
        38px;

    height:
        3px;

    margin-top:
        7px;

    border-radius:
        999px;

    background:
        rgba(
            230,
            185,
            79,
            .58
        );
}


.ftv-latest-content-page__header p {
    margin:
        9px
        0
        0;

    color:
        #969ca6;

    font-size:
        10px;

    line-height:
        1.7;
}


/* =========================================================
   GRID — DESKTOP 6
   ========================================================= */

.ftv-latest-content-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        ) !important;

    gap:
        16px !important;

    width:
        100%;
}


/*
 * مهم:
 * كارت الرئيسية أصله داخل Slider،
 * هنا لازم يبقى 100% من خلية الـGrid.
 */
.ftv-latest-content-grid
.ftv-home-poster-card {
    width:
        100% !important;

    min-width:
        0 !important;

    max-width:
        100% !important;

    flex:
        none !important;

    flex-basis:
        auto !important;

    margin:
        0 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1250px) {

    .ftv-latest-content-grid {
        grid-template-columns:
            repeat(
                5,
                minmax(0, 1fr)
            ) !important;
    }
}


@media (max-width: 1050px) {

    .ftv-latest-content-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;
    }
}


@media (max-width: 820px) {

    .ftv-latest-content-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;

        gap:
            10px !important;
    }
}


/* =========================================================
   MOBILE — EXACTLY 3
   ========================================================= */

@media (max-width: 767px) {

    .ftv-latest-content-page {
        padding:
            22px
            0
            45px;
    }


    .ftv-latest-content-page__container {
        width:
            calc(100% - 20px);
    }


    .ftv-latest-content-page__header {
        margin-bottom:
            17px;
    }


    .ftv-latest-content-page__header h1 {
        font-size:
            22px;
    }


    .ftv-latest-content-page__header p {
        font-size:
            9px;
    }


    .ftv-latest-content-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            ) !important;

        gap:
            8px !important;
    }


    /*
     * منع قاعدة 29.5% الخاصة بسلايدر الرئيسية
     * من التأثير على هذه الصفحة.
     */
    .ftv-latest-content-grid
    .ftv-home-poster-card,

    .ftv-home-section
    .ftv-latest-content-grid
    .ftv-home-poster-card {

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        flex:
            none !important;

        flex-basis:
            auto !important;

        margin:
            0 !important;
    }
}


/* =========================================================
   PAGINATION
   ========================================================= */

.ftv-latest-content-pagination {
    margin-top:
        32px;
}


.ftv-latest-content-pagination ul {
    display: flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        6px;

    margin: 0;

    padding: 0;

    list-style:
        none;
}


.ftv-latest-content-pagination li {
    margin: 0;
}


.ftv-latest-content-pagination a,
.ftv-latest-content-pagination span {
    min-width:
        35px;

    height:
        35px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding-inline:
        10px;

    border:
        1px solid
        rgba(255,255,255,.09);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.035);

    color:
        #b9bdc3;

    font-size:
        10px;

    font-weight:
        750;

    text-decoration:
        none;
}


.ftv-latest-content-pagination
.current {
    border-color:
        #e6b94f;

    background:
        #e6b94f;

    color:
        #151515;
}


.ftv-latest-content-empty {
    padding:
        45px
        20px;

    text-align:
        center;

    color:
        #969ca6;

    font-size:
        11px;
}