/* anchura de las páginas */
@media (min-width: 1200px) {
    .container {
        width: 1400px;
        max-width: 120%;
    }
}
/* Anchura del módulo Mega Menu Pro*/
.mm_menu_content_title {
	padding: 0 3em;
}
.ets_mm_megamenu{
	margin-top: 0;
}
.mm_columns_ul{
    width: 100% !important;
}

/*En las categorías mostrar 4 en vez de 3 productos por fila*/
/* Contenedor de productos */
#product_list {
    gap: 16px; /* Espacio entre los productos */
    justify-content: center; 
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Estilos de cada producto */
#product_list li {
    text-align: center;
    padding: 0; /* Eliminado el padding */
    width: 23%; /* Ajusta el ancho para que quepan 4 productos por fila */
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 16px;
    flex-direction: column;
}

/* Ajusta el contenedor de la imagen para que ocupe todo el espacio del producto */
#product_list li .product-image-container {
    width: 5em;
    height: 5em; 
    overflow: hidden; /* Oculta cualquier parte de la imagen que se desborde */
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; /* Espacio entre la imagen y el texto */
	
}

/* Asegura que las imágenes de los productos llenen el contenedor */
#product_list li .product-image-container img {
    width: 5em;
    height: 5em;
    display: block; /* Elimina espacios en blanco debajo de la imagen */
}

#product_list li:nth-child(4n) {
    margin-right: 0; /* Elimina el margen derecho en cada 4º elemento */
}

/* Ocultar columnas laterales */
#category #right_column, #best-sales #right_column, #new-products #right_column, #search #right_column, #prices-drop #right_column {
    display: none;
}

#category #center_column, #best-sales #center_column, #new-products #center_column, #search #center_column, #prices-drop #center_column {
    width: 5em;
    margin-right: 0;
}

/* Estilos para pantallas grandes (ordenadores) */
@media (min-width: 1024px) {
    #product_list li {
        width: 23%; /* 4 productos por fila en pantallas grandes */
    }
    .col-xl-4 {
		width: 100%;
	}
}

/* Estilos para pantallas pequeñas (móviles) */
@media (max-width: 1023px) {
    #product_list li {
        width: 47%; /* 2 productos por fila */
    }
	#subcategories ul li {
		width:43%;
		min-width:0px;
	}
}
.btn.btn-secondary[name="printCMSPage"] {
    display: none;
}