/**
 * Estilos WooCommerce comunes del tema.
 * Incluye piezas compartidas como el banner de tienda.
 */

/* —— Cross-sells (carrito): grid alineado al archivo + cards OZ Cotizador */
.woocommerce .cross-sells ul.products::before,
.woocommerce .cross-sells ul.products::after {
	content: none !important;
	display: none !important}

.woocommerce .cross-sells ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.25rem;
	
	
	list-style: none;
	clear: both}

@media (max-width: 1199px) {
	.woocommerce .cross-sells ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr))}
}

@media (max-width: 991px) {
	.woocommerce .cross-sells ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr))}
}

@media (max-width: 575px) {
	.woocommerce .cross-sells ul.products {
		grid-template-columns: 1fr;
		gap: 1rem}
}

.woocommerce .cross-sells ul.products li.product {
	float: none !important;
	clear: none !important;
	width: auto !important;
	max-width: none !important}

/* Si el Cotizador reemplaza la card, evitamos “doble caja” en el wrapper <li> */
.woocommerce .cross-sells ul.products li.product:has(.ozc-product-card) {
	
	border: 0;
	background: transparent;
	box-shadow: none}

.woocommerce .cross-sells ul.products li.product .ozc-product-card {
	min-width: 0;
	width: 100%}

.oz-shop-banner {
	width: 100%;
	min-height: clamp(72px, 14vw, 180px);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat}