.wpd-recently-viewed-container {
    margin: 30px 0;
    position: relative;
}

.wpd-recently-viewed-title {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

.wpd-recently-viewed-wrapper {
    position: relative;
    /* overflow: hidden; */
}

.wpd-recently-viewed-slider {

    display: grid;
    width: 100%;
    list-style: none;
    padding: 10px 0;

    align-items: flex-start;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

}

.wpd-product-item {

    padding: 0 5px;
    box-sizing: border-box;
}

.wpd-nav-btn {

    position: absolute;
    top: 50%;
    z-index: 2;
    background: 0 0 !important;
    border: 0;
    outline: 0 !important;

}

.wpd-nav-btn:hover {
    background: rgba(0, 0, 0, 0.9);
}

.wpd-slider-prev {
    left: -18px !important;
}

.wpd-slider-next {
        right: -18px !important;
}

.wpd-arrow {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.wpd-arrow-left {
    margin-left: 6px;
    margin-top: 4px;
    color:#c40316!important;
    -webkit-transform: rotate(135deg);
}

.wpd-arrow-right {

    margin-right: 6px;
    margin-top: 4px ;
    color:#c40316!important;
    -webkit-transform: rotate(-45deg);
}

.wpd-recently-viewed-empty {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-style: italic;
}

/* Responsive styles */
@media (max-width: 1199px) {
    .wpd-product-item {
        width: 25%; /* 4 columns */
    }
}

@media (max-width: 1023px) {
    .wpd-product-item {
        width: 33.333333%; /* 3 columns */
    }
}

@media (max-width: 767px) {
    .wpd-product-item {
        width: 50%; /* 2 columns */
    }
    
    .wpd-nav-btn {
        width: 40px;
        height: 40px;
    }
    
    .wpd-slider-prev {
        left: -20px;
    }
    
    .wpd-slider-next {
        right: -20px;
    }
}

@media (max-width: 424px) {
    .wpd-product-item {
        width: 100%; /* 1 column */
    }

}

/* Override WooCommerce styles for better slider appearance */
.wpd-recently-viewed-slider .woocommerce ul.products {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    list-style-type: none; /* Remove bullets */
    padding-left: 0; /* Remove default padding */
}

.wpd-recently-viewed-slider li.product {
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    transition: all .3s;
        position: relative;
    padding-top: 35px !important;
    list-style: none;
    float: none;
    list-style-type: none; /* Ensure no bullets on list items */
}
.wpd-recently-viewed-slider .wpd-product-item 
{
    list-style: none;
}