.engajae-product-description {
	font-size: 15px;
	line-height: 1.7;
	color: #444;
}

.engajae-product-description p {
	margin: 0 0 16px;
}

.engajae-product-description h1,
.engajae-product-description h2,
.engajae-product-description h3,
.engajae-product-description h4 {
	margin: 24px 0 12px;
	color: #222;
	line-height: 1.3;
}

.engajae-product-description ul,
.engajae-product-description ol {
	margin: 0 0 16px;
	padding-left: 22px;
}

.engajae-product-description li {
	margin-bottom: 6px;
}

.engajae-product-description a {
	color: #ea6410;
}

.engajae-product-description img {
	max-width: 100%;
	height: auto;
}

/* Tabelas criadas no editor do produto: no editor elas aparecem com
   pontilhado (só guia visual), no front chegam sem borda nenhuma — aqui
   entra o acabamento de verdade. */
.engajae-product-description table {
	width: 100%;
	max-width: 560px;
	border-collapse: collapse;
	margin: 0 0 20px;
	font-size: 14px;
}

.engajae-product-description table td,
.engajae-product-description table th {
	border: 1px solid #e5e5e5;
	padding: 10px 14px;
	text-align: left;
	vertical-align: top;
}

/* Primeira linha da tabela vira um "cabeçalho" visual (fundo destacado) —
   cobre tanto <th> de verdade quanto tabelas do editor que usam <td> na
   primeira linha, como a de COMPOSIÇÃO. */
.engajae-product-description table thead th,
.engajae-product-description table tr:first-child td,
.engajae-product-description table tr:first-child th {
	background: #f7f7f7;
	font-weight: 600;
	color: #222;
}

.engajae-product-description table tr:nth-child(even) td {
	background: #fbfbfb;
}

/* Tabela larga em tela pequena: rola pro lado em vez de estourar o layout */
@media (max-width: 600px) {
	.engajae-product-description {
		overflow-x: auto;
	}
}