/**
 * RUFALES 2.0 frontend styles.
 *
 * The neutral Product Facts structure from 0.2.0 is intentionally preserved.
 * Design System V1 is isolated in tokens/base/layout/components/
 * woocommerce/responsive stylesheets and remains opt-in.
 */

.rufales-product-facts {
	margin-block: 1.5rem;
}

.rufales-product-facts[hidden] {
	display: none;
}

.rufales-product-facts__title {
	margin-block: 0 0.75rem;
}

.rufales-product-facts__list {
	display: grid;
	grid-template-columns: minmax(8rem, 1fr) minmax(10rem, 2fr);
	gap: 0.5rem 1rem;
	margin: 0;
}

.rufales-product-facts__term,
.rufales-product-facts__value {
	margin: 0;
}

@media (max-width: 37.5rem) {
	.rufales-product-facts__list {
		grid-template-columns: 1fr;
	}

	.rufales-product-facts__value + .rufales-product-facts__term {
		margin-top: 0.5rem;
	}
}