.products-container {
    position: relative;
    width: 100%;
    padding: 0px 0;
    overflow: hidden;
}

.products-slider {
    overflow-x: hidden;
    position: relative;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.products-track {
    display: flex;
    width: calc(10 * 200px); /* Adjusted width assuming each product is 200px wide */
    transition: transform 0.5s ease; /* Reduced scroll speed */
}

.product {
    flex: 0 0 200px; /* Reduced width for each product */
    margin: 0 10px; /* Adjusted margin for spacing */
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 5px; /* Adjusted padding */
    text-decoration: none; /* Remove underline from links */
}

.product-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.product-title {
    font-size: 0.9rem; /* Reduced font size */
    color: #333;
    margin: 3px 0; /* Adjusted margin */
    font-weight: bold; /* Make the title bold */
    text-decoration: none; /* Ensure no underline */
}

.product-description,
.product-packing,
.product-price {
    font-size: 0.8rem; /* Reduced font size */
    color: #555;
    margin: 4px 0; /* Adjusted margin for spacing */
    text-decoration: none; /* Ensure no underline */
}

.product-price {
    color: #3E4095; /* Highlight the price in red */
    font-weight: bold; /* Make the price bold */
}

@media (max-width: 768px) {
    .product {
        flex: 0 0 120px; /* Smaller width for mobile view */
    }

    .product-title, .product-description, .product-packing, .product-price {
        font-size: 0.7rem; /* Smaller text for mobile view */
    }
}