/* ==========================================================================
   TIPOGRAFIA
   Display: Archivo (títulos, peso alto, levemente expandida)
   Corpo: Inter
   Utilitária/dados: IBM Plex Mono (preços, medidas, SKU, contadores)
   ========================================================================== */

h1, h2, h3, h4 {
	font-family: var(--font-display);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.01em;
	color: var(--ink);
}

h1 { font-size: var(--fs-3xl); }
h2 { font-size: var(--fs-2xl); }
h3 { font-size: var(--fs-lg); }
h4 { font-size: var(--fs-md); }

p {
	font-size: var(--fs-base);
	color: var(--graphite);
}

.eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	font-family: var(--font-mono);
	font-size: var(--fs-xs);
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ash);
	margin-bottom: var(--space-xs);
}

.eyebrow::before {
	content: '';
	width: 18px;
	height: 1px;
	background: currentColor;
}

.eyebrow--light {
	color: rgba(255, 255, 255, 0.85);
}

.section__head {
	margin-bottom: var(--space-md);
	max-width: 720px;
	position: relative;
}

.section__title {
	margin-bottom: 0;
}

.section__link {
	display: inline-block;
	margin-top: var(--space-xs);
	font-family: var(--font-mono);
	font-size: var(--fs-sm);
	text-decoration: none;
	border-bottom: 1px solid var(--ink);
	padding-bottom: 2px;
}

/* Preços e dados técnicos sempre em monoespaçada — reforça a leitura
   tipo "ficha técnica" característica da marca. */
.price,
.product-card__price,
.quick-view__price,
.woocommerce-Price-amount {
	font-family: var(--font-mono);
	font-weight: 500;
	letter-spacing: 0;
}

del .woocommerce-Price-amount {
	opacity: 0.5;
}

.entry-content,
.page-content {
	font-size: var(--fs-md);
	color: var(--graphite);
}

.entry-content > * + *,
.page-content > * + * {
	margin-top: var(--space-sm);
}

.entry-content h2,
.page-content h2 {
	font-size: var(--fs-xl);
	margin-top: var(--space-lg);
}

.entry-content h3,
.page-content h3 {
	margin-top: var(--space-md);
}

.entry-content a,
.page-content a {
	text-decoration: underline;
	text-decoration-color: var(--silver);
	text-underline-offset: 3px;
}

.entry-content img,
.page-content img {
	margin-block: var(--space-sm);
}

.page-title {
	margin-bottom: var(--space-sm);
}