/*
 * Estilos complementares ao theme.json. Valores vêm dos tokens do theme.json (CLAUDE.md, "Identidade visual").
 * Sem gradientes, sem sombras pesadas.
 */

/* Título display: Archivo itálico 900. */
.is-style-display {
	font-family: var(--wp--preset--font-family--archivo);
	font-style: italic;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 0.95;
}

/* Eyebrow: rótulo em maiúsculas, laranja. */
.is-style-eyebrow {
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--laranja);
	font-family: var(--wp--preset--font-family--archivo);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Card: fundo névoa, raio 24px. */
.is-style-card {
	padding: var(--wp--preset--spacing--40);
	background-color: var(--wp--preset--color--nevoa);
	border-radius: var(--wp--custom--radius--card);
}

a.is-style-card,
.is-style-card a.merima-card-link {
	color: inherit;
	text-decoration: none;
}

/* Botão principal com texto grafite sobre laranja (contraste); secundário com contorno. */
.wp-element-button,
.wp-block-button__link {
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* Botão de contorno sobre fundo grafite. */
.has-grafite-background-color .is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--nevoa);
	border-color: var(--wp--preset--color--nevoa);
}

.has-grafite-background-color .is-style-outline .wp-block-button__link:hover {
	color: var(--wp--preset--color--grafite);
	background-color: var(--wp--preset--color--nevoa);
}

/* Links sobre fundo grafite (cabeçalho, rodapé, seções de destaque). */
.has-grafite-background-color a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--nevoa);
}

.has-grafite-background-color a:where(:not(.wp-element-button)):hover {
	color: var(--wp--preset--color--laranja);
}

/* Cabeçalho */
.merima-header .wp-block-site-title a {
	color: var(--wp--preset--color--nevoa);
	text-decoration: none;
}

.merima-header .wp-block-navigation a {
	text-decoration: none;
}

.merima-header .wp-block-navigation__responsive-container-open,
.merima-header .wp-block-woocommerce-mini-cart .wc-block-mini-cart__button,
.merima-header .wp-block-woocommerce-customer-account a {
	color: var(--wp--preset--color--nevoa);
}

.merima-logo img {
	display: block;
	width: auto;
	height: 36px; /* Letras com ~33 px; o arquivo tem 4 px de folga em cima e embaixo. */
}

/* Celular: logo menor e centralizado (conta e carrinho à direita; busca embaixo, largura toda). */
@media (max-width: 781px) {
	.merima-logo img {
		height: 28px;
	}

	.merima-header .merima-header__principal {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
	}

	.merima-header__principal > .merima-logo,
	.merima-header__principal > .wp-block-site-title {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
	}

	.merima-header__principal > .merima-header__icones {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}

	.merima-header__principal > .merima-header__busca {
		grid-column: 1 / -1;
		grid-row: 2;
	}
}

/* Rodapé */
.merima-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.merima-footer li + li {
	margin-top: 0.5rem;
}

.merima-footer a {
	text-decoration: none;
}

/* Faixa "Pagamento" + "Segurança" do rodapé. */
.merima-rodape-confianca {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--40);
	border-top: 1px dashed var(--wp--preset--color--cinza);
}

.merima-rodape-confianca__grupo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.merima-rodape-confianca__rotulo {
	font-family: var(--wp--preset--font-family--archivo);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.merima-footer ul.merima-pagamentos {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.merima-footer .merima-pagamentos li {
	margin: 0;
}

.merima-pagamento {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 52px;
	height: 32px;
	padding: 0 8px;
	background: var(--wp--preset--color--branco);
	border-radius: 6px;
}

.merima-pagamento__texto {
	font-family: var(--wp--preset--font-family--archivo);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.merima-pagamento--elo .merima-pagamento__texto {
	font-size: 0.9375rem;
	text-transform: lowercase;
}

.merima-selo-seguro {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.375rem 0.875rem 0.375rem 0.5rem;
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--branco);
	border-radius: 8px;
}

.merima-selo-seguro span {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.merima-selo-seguro strong {
	font-family: var(--wp--preset--font-family--archivo);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.merima-selo-seguro small {
	font-size: 0.75rem;
	color: var(--wp--preset--color--cinza);
}

/* Link discreto do painel da equipe/vendedores no rodapé. */
.merima-footer .merima-area-restrita {
	color: var(--wp--preset--color--cinza);
	text-decoration: underline;
}

/* Faixa "Atendendo cliente" (vendedor fazendo pedido para um cliente; merima-core, vendas/pedidos.php). */
.merima-modo-cliente {
	position: sticky;
	top: 0;
	z-index: 9998;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem 1rem;
	padding: 0.5rem 1rem;
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--laranja);
	font-size: var(--wp--preset--font-size--small);
}

.merima-modo-cliente a {
	color: var(--wp--preset--color--tinta);
	font-weight: 700;
}

.merima-modo-cliente__desconto {
	display: flex;
	align-items: center;
	gap: 0.375rem;
}

.merima-modo-cliente__desconto input {
	width: 4.5rem;
	margin-left: 0.25rem;
}

.merima-footer .merima-footer__legal {
	color: var(--wp--preset--color--borda);
}

/* Barra fina do topo: avisos rotativos + links (no celular, só os avisos). */
.merima-topbar p {
	margin: 0;
}

.merima-topbar a,
.merima-topbar a:visited {
	color: var(--wp--preset--color--nevoa);
	text-decoration: none;
}

.merima-topbar a:hover,
.merima-topbar a:focus-visible {
	color: var(--wp--preset--color--branco);
	text-decoration: underline;
}

.merima-avisos {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	height: 1.5em;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	font-weight: 600;
}

.merima-avisos li {
	position: absolute;
	inset: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	transform: translateY(100%);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.merima-avisos li.is-ativo {
	opacity: 1;
	transform: none;
}

.merima-avisos li.is-saindo {
	opacity: 0;
	transform: translateY(-100%);
}

@media (prefers-reduced-motion: reduce) {
	.merima-avisos li {
		transition: none;
	}
}

@media (max-width: 781px) {
	.merima-avisos {
		text-align: center;
	}

	.merima-topbar__links {
		display: none;
	}
}

/* Banner da home (merima-core): imagem de computador e de celular. */
.merima-banner {
	display: block;
	margin: 0;
	line-height: 0;
}

.merima-banner img {
	display: block;
	width: 100%;
	height: auto;
}

.merima-sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Cabeçalho: linha 1 = logo, busca, conta, carrinho; linha 2 = categorias. */
.merima-header__principal {
	gap: var(--wp--preset--spacing--30);
}

.merima-header__busca {
	flex: 1 1 320px;
	max-width: 640px;
	margin: 0 !important;
}

.merima-header__categorias {
	margin-top: var(--wp--preset--spacing--30) !important;
}

.merima-header__categorias .wp-block-navigation-item__content {
	padding: 0.25rem 0;
	white-space: nowrap;
}

@media (max-width: 781px) {
	/* Busca ocupa a largura toda, abaixo do logo. */
	.merima-header__busca {
		flex-basis: 100%;
		max-width: none;
		order: 3;
	}

	/* Categorias como faixa de botões que desliza para o lado. */
	.merima-header__categorias {
		margin-right: calc(-1 * var(--wp--preset--spacing--30));
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.merima-header__categorias::-webkit-scrollbar {
		display: none;
	}

	.merima-header__categorias .wp-block-navigation__container {
		gap: 0.5rem !important;
	}

	.merima-header__categorias .wp-block-navigation-item__content {
		padding: 0.375rem 0.875rem;
		border: 1px solid var(--wp--preset--color--cinza);
		border-radius: 999px;
		font-size: var(--wp--preset--font-size--small);
	}
}

/* Barra de busca de produtos (sugestões: merima-core, busca.js). */
.merima-busca {
	position: relative;
	display: flex;
	width: 100%;
}

.merima-busca__campo {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 44px;
	padding: 0.5rem 0.875rem;
	color: var(--wp--preset--color--tinta);
	background: var(--wp--preset--color--branco);
	border: 2px solid transparent;
	border-radius: var(--wp--custom--radius--button) 0 0 var(--wp--custom--radius--button);
	font: inherit;
	font-size: 1rem; /* 16px: evita o zoom automático do iPhone ao focar. */
}

.merima-busca__campo:focus {
	border-color: var(--wp--preset--color--laranja);
	outline: none;
}

.merima-busca__botao {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--laranja);
	border: 0;
	border-radius: 0 var(--wp--custom--radius--button) var(--wp--custom--radius--button) 0;
	cursor: pointer;
}

.merima-busca__botao:hover,
.merima-busca__botao:focus-visible {
	color: var(--wp--preset--color--branco);
	background: var(--wp--preset--color--tinta);
}

.merima-busca__sugestoes {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	left: 0;
	z-index: 9995;
	margin: 0;
	padding: 0.375rem;
	list-style: none;
	background: var(--wp--preset--color--branco);
	border: 1px solid var(--wp--preset--color--borda);
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(31, 38, 45, 0.15);
}

.merima-busca__sugestoes a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.5rem;
	color: var(--wp--preset--color--tinta) !important;
	border-radius: 10px;
	text-decoration: none;
}

.merima-busca__sugestoes li[aria-selected="true"] a,
.merima-busca__sugestoes a:hover {
	background: var(--wp--preset--color--nevoa);
}

.merima-busca__produto img {
	flex: 0 0 48px;
	border-radius: 8px;
	object-fit: cover;
}

.merima-busca__info {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

.merima-busca__nome {
	overflow: hidden;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.merima-busca__sku {
	color: var(--wp--preset--color--cinza);
	font-size: var(--wp--preset--font-size--small);
}

.merima-busca__preco {
	flex: 0 0 auto;
	font-weight: 700;
	white-space: nowrap;
}

.merima-busca__todos a {
	justify-content: center;
	font-weight: 600;
	text-decoration: underline;
}

/* Busca sem resultado: chamada para o WhatsApp. */
.merima-busca-vazia {
	margin-top: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40);
	text-align: center;
	background: var(--wp--preset--color--nevoa);
	border-radius: var(--wp--custom--radius--card);
}

/* Círculos da home: Saldão + categorias (no celular, deslizam para o lado). */
.merima-circulos__lista {
	display: flex;
	justify-content: center;
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 4px 0 8px;
	list-style: none;
}

@media (max-width: 1099px) {
	.merima-circulos__lista {
		justify-content: flex-start;
		overflow-x: auto;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.merima-circulos__lista::-webkit-scrollbar {
		display: none;
	}
}

.merima-circulos__lista li {
	flex: 0 0 auto;
	scroll-snap-align: start;
}

.merima-circulo {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	width: 112px;
	color: var(--wp--preset--color--tinta);
	text-align: center;
	text-decoration: none;
}

.merima-circulo__img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	overflow: hidden;
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--nevoa);
	border: 3px solid transparent;
	border-radius: 50%;
	transition: border-color 0.15s ease, transform 0.15s ease;
}

.merima-circulo__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.merima-circulo:hover .merima-circulo__img,
.merima-circulo:focus-visible .merima-circulo__img {
	border-color: var(--wp--preset--color--laranja);
	transform: translateY(-2px);
}

.merima-circulo--saldao .merima-circulo__img {
	border-color: var(--wp--preset--color--laranja);
}

.merima-circulo__nome {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	line-height: 1.25;
}

.merima-circulo:hover,
.merima-circulo:visited {
	color: var(--wp--preset--color--tinta);
}

@media (max-width: 781px) {
	.merima-circulo {
		width: 84px;
	}

	.merima-circulo__img {
		width: 76px;
		height: 76px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.merima-circulo__img {
		transition: none;
	}
}

/* Banners intermediários da home (após categorias, entre vitrines, orçamento). */
.merima-banner.alignwide {
	overflow: hidden;
	border-radius: var(--wp--custom--radius--card);
}

/* Tarjas dos produtos (merima-core, badges.php): sobre a foto nas listas, abaixo do título no produto. */
.wc-block-components-product-image,
ul.products li.product {
	position: relative;
}

.merima-tarjas {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.merima-tarjas--imagem {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	max-width: calc(100% - 20px);
	pointer-events: none;
}

.merima-tarjas--titulo {
	margin: -0.5rem 0 1rem;
}

.merima-tarja {
	display: inline-block;
	padding: 0.25rem 0.625rem;
	border-radius: 999px;
	font-family: var(--wp--preset--font-family--archivo);
	font-size: 0.6875rem;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	white-space: nowrap;
}

.merima-tarja--destaque,
.merima-tarja--oferta {
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--laranja);
}

.merima-tarja--oferta {
	letter-spacing: 0.02em;
}

.merima-tarja--escura {
	color: var(--wp--preset--color--branco);
	background: var(--wp--preset--color--grafite);
}

.merima-tarja--clara {
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--nevoa);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--borda);
}

.merima-tarja--alerta {
	color: var(--wp--preset--color--branco);
	background: var(--wp--preset--color--tinta);
}

/* Galeria do produto: miniatura de vídeo com ícone de play (merima-core, product-video.php). */
.flex-control-thumbs li.merima-thumb-video,
.flex-control-thumbs li.woocommerce-product-gallery__video-thumbnail {
	position: relative;
}

.flex-control-thumbs li.merima-thumb-video::after,
.flex-control-thumbs li.woocommerce-product-gallery__video-thumbnail::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 28px;
	height: 28px;
	transform: translate(-50%, -50%);
	pointer-events: none;
	background: var(--wp--preset--color--laranja) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2336404A' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center / 18px no-repeat;
	border-radius: 50%;
}

.woocommerce-product-gallery__video video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	background: var(--wp--preset--color--nevoa);
}

/* Página do produto: selos de avaliação/dúvida e benefícios abaixo do preço (merima-core, product-summary.php). */
.merima-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1rem;
}

.merima-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	min-height: 40px;
	padding: 0.375rem 0.875rem;
	color: var(--wp--preset--color--tinta);
	background: var(--wp--preset--color--branco);
	border: 1px solid var(--wp--preset--color--borda);
	border-radius: 10px;
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
	transition: border-color 0.15s ease;
}

.merima-chip:hover,
.merima-chip:focus-visible {
	color: var(--wp--preset--color--tinta);
	border-color: var(--wp--preset--color--grafite);
}

.merima-chip__qtd {
	color: var(--wp--preset--color--cinza);
}

.merima-beneficios-produto {
	display: grid;
	gap: 0.5rem;
	margin: 0.75rem 0 1.25rem;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
}

.merima-beneficios-produto li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	color: var(--wp--preset--color--tinta);
}

.merima-beneficios-produto svg {
	flex: 0 0 auto;
	color: var(--wp--preset--color--grafite);
}

.merima-beneficios-produto strong {
	color: var(--wp--preset--color--grafite);
}

/* Oferta relâmpago (merima-core, flash-offer.php): contador com o tempo real até o fim. */
.merima-relampago {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.375rem 0.625rem;
	margin: 0.75rem 0;
	padding: 0.625rem 0.875rem;
	color: var(--wp--preset--color--branco);
	background: var(--wp--preset--color--grafite);
	border-radius: 10px;
	font-size: var(--wp--preset--font-size--small);
}

.merima-relampago svg {
	color: var(--wp--preset--color--laranja);
}

.merima-relampago strong {
	font-family: var(--wp--preset--font-family--archivo);
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.merima-relampago__tempo {
	color: var(--wp--preset--color--laranja);
	font-size: 1.125rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.merima-relampago__fim {
	margin-left: auto;
	color: var(--wp--preset--color--borda);
	font-size: 0.75rem;
}

.merima-relampago.is-encerrada {
	background: var(--wp--preset--color--cinza);
}

/* "X pessoas vendo agora" (merima-core, live-viewers.php): só com contagem real >= 2. */
.merima-vendo {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	margin: -0.5rem 0 1rem;
	color: var(--wp--preset--color--grafite);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.merima-vendo[hidden] {
	display: none;
}

/* Reputação da loja nos marketplaces (merima-core, marketplace-reputation.php). */
.merima-reputacao {
	margin: 0 0 1.25rem;
}

.merima-reputacao__titulo {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--cinza);
	font-family: var(--wp--preset--font-family--archivo);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.merima-reputacao ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.merima-reputacao li {
	margin: 0;
}

.merima-reputacao__item {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0.375rem 0.75rem 0.375rem 0.5rem;
	color: var(--wp--preset--color--tinta);
	background: var(--wp--preset--color--branco);
	border: 1px solid var(--wp--preset--color--borda);
	border-radius: 10px;
	text-decoration: none;
}

a.merima-reputacao__item:hover,
a.merima-reputacao__item:focus-visible {
	color: var(--wp--preset--color--tinta);
	border-color: var(--wp--preset--color--grafite);
}

.merima-reputacao__qtd {
	margin-left: -0.25rem;
	color: var(--wp--preset--color--cinza);
	font-size: 0.8125rem;
}

.merima-reputacao__item img {
	display: block;
	width: auto;
	height: 24px;
	border-radius: 4px;
}

.merima-estrelas {
	position: relative;
	display: inline-flex;
	line-height: 0;
}

.merima-estrelas__fundo,
.merima-estrelas__nota {
	display: inline-flex;
	gap: 1px;
	white-space: nowrap;
}

.merima-estrelas__fundo svg {
	fill: var(--wp--preset--color--borda);
}

.merima-estrelas__nota {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.merima-estrelas__nota svg {
	flex: 0 0 auto;
	fill: var(--wp--preset--color--laranja);
}

/* "Compre mais e pague menos" (Tiered Pricing Table, layout Opções; merima-core/includes/tiers.php). */
.tiered-pricing-wrapper h3 {
	margin: 1.25rem 0 0.75rem !important;
	font-size: var(--wp--preset--font-size--large);
}

.tiered-pricing-options {
	display: grid;
	gap: 0.625rem;
}

.tiered-pricing-option {
	display: flex !important;
	align-items: center;
	gap: 0.75rem;
	margin: 0 !important;
	padding: 0.875rem 1rem !important;
	background: var(--wp--preset--color--branco) !important;
	border: 2px solid var(--wp--preset--color--borda) !important;
	border-radius: 14px !important;
	cursor: pointer;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.tiered-pricing-option:hover {
	border-color: var(--wp--preset--color--cinza) !important;
}

.tiered-pricing-option.tiered-pricing--active {
	background: var(--wp--preset--color--nevoa) !important;
	border-color: var(--wp--preset--color--grafite) !important;
}

.tiered-pricing-option__quantity {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	color: var(--wp--preset--color--tinta);
}

.merima-economize {
	display: inline-block;
	padding: 0.125rem 0.5rem;
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--laranja);
	border-radius: 6px;
	font-size: 0.8125rem;
	font-weight: 700;
	white-space: nowrap;
}

.tiered-pricing-option__pricing {
	flex: 0 0 auto;
	text-align: right;
}

.tiered-pricing-option-price__discounted {
	color: var(--wp--preset--color--tinta);
	font-size: 1.125rem;
	font-weight: 700;
}

.tiered-pricing-option-price__discounted::before {
	content: "por caixa";
	display: block;
	color: var(--wp--preset--color--cinza);
	font-size: 0.75rem;
	font-weight: 600;
}

.tiered-pricing-option-price__original del {
	color: var(--wp--preset--color--cinza);
	font-size: 0.8125rem;
}

.tiered-pricing-option-price {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
}

.merima-faixas-nota {
	margin: 0.625rem 0 1rem;
	color: var(--wp--preset--color--cinza);
	font-size: var(--wp--preset--font-size--small);
}

/* Marca na página do produto. */
.merima-marca-produto {
	display: inline-flex;
	align-items: center;
	margin-bottom: 1rem;
	color: var(--wp--preset--color--cinza);
	font-weight: 600;
	text-decoration: none;
}

.merima-marca-produto img {
	width: auto;
	max-width: 120px;
	height: 40px;
	object-fit: contain;
}

/* Faixa "Compre por marca" na home. */
.merima-marcas__lista {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

.merima-marca {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	padding: 1rem;
	color: var(--wp--preset--color--tinta);
	background: var(--wp--preset--color--branco);
	border: 1px solid var(--wp--preset--color--borda);
	border-radius: var(--wp--custom--radius--card);
	font-family: var(--wp--preset--font-family--archivo);
	font-weight: 800;
	text-decoration: none;
	transition: border-color 0.15s ease;
}

.merima-marca:hover {
	border-color: var(--wp--preset--color--grafite);
}

.merima-marca img {
	width: auto;
	max-width: 100%;
	max-height: 60px;
	object-fit: contain;
}

/* Banner de categoria/marca (1920 × 400): corta as laterais no celular, mantendo o centro. */
.merima-term-banner {
	display: block;
	width: 100%;
	height: auto;
	min-height: 160px;
	object-fit: cover;
	border-radius: var(--wp--custom--radius--card);
}

.merima-term-banner-wrap,
.merima-vitrine__banner {
	display: block;
	margin-bottom: var(--wp--preset--spacing--30);
}

/* Vitrines por categoria: no celular, produtos deslizam para o lado. */
@media (max-width: 781px) {
	.merima-vitrine .wc-block-product-template {
		display: flex !important;
		flex-wrap: nowrap;
		gap: var(--wp--preset--spacing--30);
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding-bottom: 0.5rem;
		-webkit-overflow-scrolling: touch;
	}

	.merima-vitrine .wc-block-product-template > li {
		flex: 0 0 70%;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		scroll-snap-align: start;
	}
}

/* Compre de novo (merima-core). */
.merima-compre-de-novo {
	padding-bottom: var(--wp--preset--spacing--50);
}

/* Botão flutuante de WhatsApp. */
.merima-whatsapp {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 9990;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 52px;
	padding: 0 14px;
	color: var(--wp--preset--color--grafite);
	background: var(--wp--preset--color--laranja);
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(31, 38, 45, 0.2);
}

.merima-whatsapp:hover,
.merima-whatsapp:focus-visible {
	color: var(--wp--preset--color--branco);
	background: var(--wp--preset--color--grafite);
}

.merima-whatsapp:focus-visible {
	outline: 2px solid var(--wp--preset--color--tinta);
	outline-offset: 2px;
}

.merima-whatsapp__label {
	display: none;
}

@media (min-width: 782px) {
	.merima-whatsapp {
		padding: 0 20px 0 16px;
	}

	.merima-whatsapp__label {
		display: inline;
	}
}

/* Selos de confiança (merima-core): usar os tokens do tema. */
.merima-trust-seals {
	--merima-seal-bg: var(--wp--preset--color--nevoa);
	--merima-seal-text: var(--wp--preset--color--tinta);
	--merima-seal-icon: var(--wp--preset--color--grafite);
	--merima-seal-icon-bg: var(--wp--preset--color--laranja);
	font-family: var(--wp--preset--font-family--ibm-plex-sans);
}

.merima-trust-seals--dark {
	--merima-seal-bg: transparent;
	--merima-seal-text: var(--wp--preset--color--nevoa);
}

/* Logo no rodapé (mesmo arquivo do cabeçalho; carrega só ao chegar perto do rodapé). */
.merima-logo--rodape { display: inline-block; }
.merima-logo--rodape img { height: 32px; }

/* Avaliações da loja nos marketplaces (merima-core/includes/store-reviews.php): cartões que deslizam, só CSS. */
.merima-aval-loja {
	margin: var(--wp--preset--spacing--50) 0 0;
}

.merima-aval-loja__cabecalho {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 0.5rem 1.5rem;
	margin-bottom: 1rem;
}

.merima-aval-loja__cabecalho h2 {
	margin: 0 0 0.25rem;
	font-size: var(--wp--preset--font-size--large);
}

.merima-aval-loja__cabecalho p {
	max-width: 62ch;
	margin: 0;
	color: var(--wp--preset--color--cinza);
	font-size: 0.875rem;
}

.merima-aval-loja__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1rem;
	font-size: 0.875rem;
	font-weight: 600;
}

.merima-aval-loja__lista {
	display: grid;
	grid-auto-columns: minmax(260px, 300px);
	grid-auto-flow: column;
	gap: 0.75rem;
	margin: 0;
	padding: 0 0 0.75rem;
	overflow-x: auto;
	list-style: none;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
}

.merima-aval-loja__card {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	padding: 1rem;
	background: var(--wp--preset--color--branco);
	border: 1px solid var(--wp--preset--color--borda);
	border-radius: 12px;
	scroll-snap-align: start;
}

.merima-aval-loja__topo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--wp--preset--color--cinza);
	font-size: 0.8125rem;
}

.merima-aval-loja__nome {
	font-size: 0.9375rem;
}

.merima-aval-loja__texto {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	font-size: 0.9375rem;
	line-height: 1.5;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.merima-aval-loja__foto img {
	display: block;
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 8px;
}

.merima-aval-loja__comprou {
	color: var(--wp--preset--color--cinza);
	font-size: 0.8125rem;
}

.merima-aval-loja__origem {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	margin-top: auto;
	padding-top: 0.5rem;
	color: var(--wp--preset--color--tinta);
	font-size: 0.8125rem;
	font-weight: 700;
	border-top: 1px solid var(--wp--preset--color--nevoa);
}

.merima-aval-loja__origem img {
	width: auto;
	height: 18px;
	border-radius: 3px;
}