/* 

.watch-features {
    padding: 40px 20px 0px 20px;
}

.features-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
}


.feature-item img {
    width: 60px;
    height: 60px;
}



@media (max-width: 992px) {
    .features-container {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
        justify-content: flex-start;
    }

    .features-container::-webkit-scrollbar {
        display: none;
    }
    .feature-item {
        flex: 0 0 auto;
    }
}

 */
 .features-container .feature-item {
    display: none;
}

/* Show only ONE set (first 4 items) */
.features-container .feature-item:nth-child(-n+4) {
    display: flex;
}


.watch-features {
    padding: 40px 20px 0;
}

/* Outer mask */
.features-outer {
    overflow: hidden;
}

/* Row */
.features-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 70px;
    justify-content: center;
}

/* Item */
.feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    white-space: nowrap;
}

/* Image */
.feature-item img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

/* ===============================
   AUTOPLAY ONLY WHEN NEEDED
================================ */

@media (max-width:992px) {
    .features-container .feature-item {
        display: flex;
    }
    .auto-scroll {
        width: max-content;
        animation: featureScroll 18s linear infinite;
    }

    /* Pause on touch / hover */
    .features-outer:hover .auto-scroll {
        animation-play-state: paused;
    }
}

/* Keyframes */
@keyframes featureScroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
