/* ============================================================
   MONTAJÁ Loja — base (regras que antes vinham do Storefront).
   Carregado ANTES do style.css (que tem toda a identidade).
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; }
h1, h2, h3, h4 { line-height: 1.25; }
ul { margin: 0; padding: 0; }

/* Container do Storefront (replicado fielmente) */
.col-full {
	max-width: 66.4989378333em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2.617924em;
	box-sizing: content-box;
}

/* Base dos botões (cores/raio vêm do style.css) */
.button, button.button, a.button, input.button, button[type="submit"] {
	display: inline-block;
	padding: .72em 1.5em;
	border: 0;
	cursor: pointer;
	font-size: .95em;
	line-height: 1.2;
	text-decoration: none;
	-webkit-appearance: none;
}

/* Placeholder de imagem de produto (enquanto não há foto real) */
.mj-prod-ph {
	width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; margin-bottom: 12px;
	background: #f4f6f9; display: grid; place-items: center; color: #c3cdd9;
}
.mj-prod-ph svg { width: 46px; height: 46px; }
.mj-cat__media .mj-ico, .mj-trust__icon .mj-ico { display: block; }

@media (max-width: 768px) {
	.col-full { padding: 0 1.2em; }
}