.similarProducts {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Default for desktop */
    gap: 1.875rem;
    max-width: 1200px;
    margin: auto;
    margin-top: 50px;
    overflow: hidden; /* Hide overflow to allow sliding */
    position: relative;
}
.swiper-wrapper{
    padding: 0;
}
@media (max-width: 768px) {
    .similarProducts {
        grid-template-columns: repeat(2, 1fr); /* 2 products for mobile */
    }
}

.similarProducts li {
    position: relative;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: calc(100% / 4 - 1.875rem); /* Adjust width for 4 items in desktop */
    margin-right: 0; /* Remove the margin-right */
}

@media (max-width: 768px) {
    .similarProducts li {
        width: calc(100% / 2 - 1.875rem); /* Adjust width for 2 items in mobile */
    }
}

.similarProdItem {
    position: relative;
    width: 100%;
}

.similarProdItem img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the space without distortion */
    border-radius: 8px; /* Optional: add border-radius if needed */
}