/* ===== ماركات متحركة - صفين متعاكسين ===== */

.s-block--brands {
    overflow: hidden !important;
    background: transparent !important;
    padding: 20px 0 !important;
}

.s-block--brands .container {
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* نخفي الشبكة الأصلية بعد تجهيز السلايدر */
.s-block--brands .brands__grid.brands-slider-ready {
    display: block !important;
    width: 100% !important;
}

/* الصفوف */
.brands-moving-row {
    width: 100%;
    overflow: hidden;
    margin: 8px 0;
    direction: ltr;
}

/* المسار */
.brands-moving-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 28px;
    will-change: transform;
}

/* بدون أي خلفية */
.brands-moving-track .brands__item {
    width: 110px !important;
    height: 65px !important;

    flex: 0 0 110px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 7px !important;
}

/* الشعار */
.brands-moving-track .brands__logo,
.brands-moving-track img {
    width: auto !important;
    height: auto !important;

    max-width: 90px !important;
    max-height: 48px !important;

    object-fit: contain !important;
    background: transparent !important;
}

/* الأعلى يبدأ من اليمين لليسار */
.brands-moving-row.row-top .brands-moving-track {
    animation: brandsTop 24s linear infinite alternate;
}

/* الأسفل يبدأ بالعكس */
.brands-moving-row.row-bottom .brands-moving-track {
    animation: brandsBottom 24s linear infinite alternate;
}

/*
   alternate:
   عند نهاية الحركة يعكس الاتجاه تلقائياً
*/

@keyframes brandsTop {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes brandsBottom {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}


/* إيقاف مؤقت عند وضع الماوس */
.brands-moving-row:hover .brands-moving-track {
    animation-play-state: paused;
}


/* ===== الجوال ===== */

@media (max-width: 767px) {

    .s-block--brands {
        padding: 12px 0 !important;
    }

    .brands-moving-row {
        margin: 5px 0;
    }

    .brands-moving-track {
        gap: 18px;
    }

    .brands-moving-track .brands__item {
        width: 82px !important;
        height: 52px !important;
        flex-basis: 82px !important;
        padding: 4px !important;
    }

    .brands-moving-track .brands__logo,
    .brands-moving-track img {
        max-width: 72px !important;
        max-height: 38px !important;
    }

    .brands-moving-row.row-top .brands-moving-track,
    .brands-moving-row.row-bottom .brands-moving-track {
        animation-duration: 18s;
    }
}