﻿.running-products-wrapper {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.product-track {
    display: flex;
    gap: 30px;
    animation: scrollProducts 30s linear infinite;
}

    .product-track img {
        width: 180px; /* Set image size */
        height: 180px; /* Makes square */
        object-fit: cover; /* Crop & fit */
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        transition: transform 0.3s ease;
    }

        .product-track img:hover {
            transform: scale(1.1);
        }

/* Animation Keyframes */
@keyframes scrollProducts {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}
