/* ==== Product card (compartida: home, categoría, relacionados) ==== */
.ardea-product-card {
	display: block;
	color: var(--c-ink);
	font-family: var(--f-ui);
}
.ardea-product-card__media {
	position: relative;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: var(--c-pink-muted);
	margin-bottom: 10px;
}
.ardea-product-card__media img { width: 100%; height: 100%; object-fit: cover; }
.ardea-product-card__badge { position: absolute; top: 10px; left: 10px; }
.ardea-product-card__name {
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.01em;
}
.ardea-product-card__price { display: flex; gap: 8px; align-items: baseline; font-size: 14px; font-weight: 600; }
.ardea-product-card__price .woocommerce-Price-amount { font-size: 14px; font-weight: 600; }
.ardea-product-card__price del { order: 2; }
.ardea-product-card__price del .woocommerce-Price-amount { font-size: 12px; font-weight: 400; color: var(--c-muted); text-decoration: line-through; }
.ardea-product-card__price ins { text-decoration: none; }

/* ==== Product grid ==== */
.ardea-product-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 12px;
}
@media (min-width: 480px) { .ardea-product-grid { gap: 20px 16px; } }
@media (min-width: 768px) { .ardea-product-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .ardea-product-grid { grid-template-columns: repeat(4, 1fr); } }

/* ==== Archive header (categoría) ==== */
.ardea-archive-header {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 20px;
}
@media (min-width: 600px) {
	.ardea-archive-header { flex-direction: row; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
}
.ardea-archive-header h1 { font-size: 24px; }
@media (min-width: 480px) { .ardea-archive-header h1 { font-size: 30px; } }
.ardea-archive-header__count { margin: 0; font-size: 13px; color: var(--c-label); }

.ardea-filters {
	display: flex;
	gap: 8px 10px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}
@media (min-width: 480px) { .ardea-filters { margin-bottom: 28px; } }

.ardea-archive-main { padding: 24px var(--gutter) 56px; }
@media (min-width: 480px) { .ardea-archive-main { padding: 32px var(--gutter) 64px; } }