/**
 * LIST CSS
 */

#relatedproducts_list {margin-top: 10px; }
#relatedproducts_list .clear { clear: both; }
#relatedproducts_list .header { height: 29px;  line-height:29px; color:#374853; /*border-top: 1px solid #bdc2c9; border-bottom: 1px solid #bdc2c9;*/ text-transform:uppercase; }

#relatedproducts_list ul { clear:both; list-style-type:none;display: flex; }

@media (max-width: 767px) {
    #relatedproducts_list ul { clear:both; list-style-type:none; display: flex;
        flex-wrap: wrap; /* Allows wrapping into two columns */
        gap: 10px; /* Space between items */
        max-width: 100%; /* Ensure it doesn't overflow parent */
        overflow-x: auto; /* Enables horizontal scrolling */
        scroll-snap-type: x mandatory; /* Snaps items when scrolling */
        list-style: none;
        padding: 0;
        margin: 0; }

    #relatedproducts_list ul li
    {
        flex: 1 1 calc(50% - 10px); /* Two items per row (adjust for gap) */
        scroll-snap-align: start; /* Snap each item to the start when scrolling */
        box-sizing: border-box;
        padding: 10px;
        text-align: center;
    }
}
#relatedproducts_list ul li { clear:both; padding:8px 15px; font-weight:bold; line-height:18px;  }
#relatedproducts_list ul li .product_image { position:relative; float:left; margin-right: 5px; margin-top: 0px;}
#relatedproducts_list ul li img { margin:0 6px; /*border:1px solid #D0D1D5;*/ }
#relatedproducts_list ul li .container_description { float: left; }
#relatedproducts_list ul li .container_description_ps4 { width: 300px; }
#relatedproducts_list ul li .container_description_ps5 { width: 290px; }
#relatedproducts_list ul li .container_description h5 { font-size:12px; font-weight: bold; }
#relatedproducts_list ul li .container_description h5 a { color:#595A5E; text-decoration: none; }
#relatedproducts_list ul li .container_description h5 a:hover { text-decoration: underline; }
#relatedproducts_list ul li .container_description .product_description { font-size:10px; font-weight:normal; text-transform: none; }
#relatedproducts_list ul li .container_description .product_description a { text-decoration: none; }
#relatedproducts_list ul li .container_description .product_description a:hover { text-decoration: underline; }
#relatedproducts_list ul li .container_description .product_options { font-size:9px; font-weight: bold; font-style: italic; margin-top: 0px; margin-bottom: 3px;}
#relatedproducts_list ul li .container_description .product_attribute_designation { font-size:10px; font-weight: bold; margin-top: 0px; margin-bottom: 3px;}
#relatedproducts_list ul li .product_price {  }
#relatedproducts_list ul li .product_price .price { }
#relatedproducts_list ul li .product_price .old-price { font-size:12px!important; }
#relatedproducts_list ul li .product_price .price-percent-reduction { font-size: 13px!important;}
#relatedproducts_list ul li .buttons { float: right;display: none; }
#relatedproducts_list ul li .buttons .detail-button { text-transform: none!important; display: none; }

/* Homecomments reviews */
.relatedproducts_list_reviews { text-align: left!important; margin-bottom: 8px; min-width: 250px; }
.relatedproducts_list_reviews .partner_average_star { float: left; margin-right: 8px; }
.relatedproducts_list_reviews .partner_details { font-size: 11px; font-weight: normal; padding-top: 2px; }

/* Prestashop Products reviews */
.relatedproducts_list_hook-reviews { display: inline-block; text-align:center; }
.relatedproducts_list_hook-reviews .star_content { display: inline-block; text-align:center; float: left; }
.relatedproducts_list_hook-reviews .nb-comments { display: inline-block; font-size: 0.8em; font-style: italic;}


#relatedproducts_list ul li .container_description{width: 100%;
    text-align: center;
    margin-top: 10px;}





    .product-list {
        display: grid !important; 
        grid-template-columns: repeat(5, 1fr) !important; 
        gap: 20px !important; 
        list-style-type: none !important;
        padding: 0 ;
        margin: 0;
    }
    
    
    ul.product-list li {
        
        padding: 20px !important;
       
        /*text-align: center;
        border-radius: 8px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    }
    
    /* Make the grid responsive */
    @media (max-width: 1200px) {
        ul.product-list li {
            grid-template-columns: repeat(4, 1fr) !important; /* 4 items per row on medium screens */
        }
    }
    
    @media (max-width: 992px) {
        ul.product-list li {
            grid-template-columns: repeat(3, 1fr) !important; /* 3 items per row on smaller screens */
        }
    }
    
    @media (max-width: 768px) {
        ul.product-list li {
            grid-template-columns: repeat(2, 1fr) !important; /* 2 items per row on mobile screens */
        }
    }
    
    @media (max-width: 480px) {
        ul.product-list li {
            grid-template-columns: 1fr !important; /* 1 item per row on very small screens */
        }
    }



    #relatedproducts_list > div > span::before, #relatedproducts_list > div > span::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 5rem;
        height: 1px;
        background: #000;
        margin: 0 2rem;
      }