/*
 * Correcciones visuales base del catálogo 2.0.0.
 * Mantiene las tarjetas legibles cuando BigBuy asigna muchas categorías.
 */

.apn-product-meta {
	display: block;
	padding-top: 15px;
}

.apn-product-category {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.apn-loop-add {
	display: flex;
	width: 100%;
	min-height: 42px;
	margin-top: 14px;
	padding: 10px 12px;
}

.woocommerce div.product > .woocommerce-tabs,
.woocommerce div.product > .related.products,
.woocommerce div.product > .upsells.products {
	grid-column: 1 / -1;
	width: 100%;
}

.woocommerce div.product > .woocommerce-tabs {
	margin-top: 54px;
}

.woocommerce div.product > .related.products,
.woocommerce div.product > .upsells.products {
	margin-top: 52px;
	padding-top: 44px;
	border-top: 1px solid var(--apn-line);
}

.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
	margin: 0 0 27px;
	font-size: clamp(28px, 3vw, 42px);
	letter-spacing: -.05em;
}

.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 30px 18px;
}

.woocommerce .related.products .apn-product-meta,
.woocommerce .upsells.products .apn-product-meta {
	min-height: 0;
}

@media (max-width: 560px) {
	.woocommerce div.product > .woocommerce-tabs,
	.woocommerce div.product > .related.products,
	.woocommerce div.product > .upsells.products {
		margin-top: 38px;
		padding-top: 32px;
	}

	.woocommerce .related.products ul.products,
	.woocommerce .upsells.products ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
