/*
Theme Name: Villas Embalagens
Template: blocksy
Description: Tema filho do Blocksy para a loja da Villas Embalagens. Cabeçalho com busca e menu de categorias, rodapé, balão do WhatsApp e ajustes da loja.
Version: 0.2.1
Text Domain: villas-child
*/

/* ---------- Cores e medidas ---------- */

:root:root {
	--v-vermelho: #d00f00;
	--v-vermelho-esc: #a80c00;
	--v-tinta: #1b1b1b;
	--v-texto: #3d3a36;
	--v-suave: #6b665f;
	--v-linha: #e7e2da;
	--v-creme: #f6f3ee;
	--v-creme-2: #fbf9f5;
	--v-zap: #81d742;
	--v-raio: 12px;
	--v-sombra: 0 6px 24px rgba(27, 27, 27, 0.08);

	--theme-palette-color-1: var(--v-vermelho);
	--theme-palette-color-2: var(--v-vermelho-esc);
	--theme-palette-color-3: var(--v-texto);
	--theme-palette-color-4: var(--v-tinta);
	--theme-palette-color-5: var(--v-linha);
	--theme-palette-color-6: var(--v-creme);
	--theme-palette-color-7: #ffffff;
	--theme-palette-color-8: #ffffff;
	--theme-button-min-height: 44px;
	--theme-button-font-weight: 700;
	--theme-button-border-radius: 999px;
}

body {
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

.v-wrap {
	max-width: 1290px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 16px;
	padding-right: 16px;
}

.v-ico {
	width: 1.25em;
	height: 1.25em;
	flex: none;
	vertical-align: -0.25em;
}

/* ---------- Faixa de atendimento ---------- */

.v-topo {
	background: var(--v-tinta);
	color: #f2eee8;
	font-size: 13px;
}

.v-topo__in {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	min-height: 34px;
	white-space: nowrap;
	overflow: hidden;
}

.v-topo__in > * {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.v-topo a {
	color: inherit;
	text-decoration: none;
}

.v-topo__horario {
	display: none !important;
}

/* ---------- Cabeçalho ---------- */

.v-cab {
	position: sticky;
	top: 0;
	z-index: 60;
	background: #fff;
	border-bottom: 1px solid var(--v-linha);
}

.admin-bar .v-cab {
	top: var(--admin-bar, 0px);
}

.v-cab__in {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-areas:
		"menu logo icones"
		"busca busca busca";
	align-items: center;
	gap: 8px 10px;
	padding-top: 8px;
	padding-bottom: 10px;
}

.v-logo {
	grid-area: logo;
	justify-self: center;
	display: block;
	line-height: 0;
}

.v-logo img {
	height: 36px;
	width: auto;
}

/* Busca */

.v-busca {
	grid-area: busca;
	position: relative;
	display: flex;
	margin: 0;
}

.v-busca input[type="search"] {
	width: 100%;
	height: 46px;
	margin: 0;
	padding: 0 54px 0 18px;
	font-size: 16px;
	color: var(--v-tinta);
	background: var(--v-creme);
	border: 1.5px solid transparent;
	border-radius: 999px;
	box-shadow: none;
}

.v-busca input[type="search"]:focus {
	background: #fff;
	border-color: var(--v-tinta);
	outline: none;
}

.v-busca button {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 38px;
	height: 38px;
	min-height: 0;
	padding: 0;
	display: grid;
	place-items: center;
	color: #fff;
	background: var(--v-vermelho);
	border: 0;
	border-radius: 50%;
	cursor: pointer;
}

.v-busca button:hover {
	background: var(--v-vermelho-esc);
}

/* Ícones da direita */

.v-icones {
	grid-area: icones;
	display: flex;
	align-items: center;
	gap: 2px;
}

.v-icones a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 6px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: var(--v-tinta);
	text-decoration: none;
}

.v-icones a:hover {
	color: var(--v-vermelho);
}

.v-icones .v-ico {
	width: 26px;
	height: 26px;
}

.v-icones a > span:not(.v-cont) {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.v-cont {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	display: grid;
	place-items: center;
	font-size: 11px;
	font-weight: 700;
	color: #fff;
	background: var(--v-vermelho);
	border-radius: 9px;
}

.v-cont[data-qtd="0"] {
	display: none;
}

/* Gaveta do celular (details/summary, sem JavaScript) */

.v-gaveta {
	grid-area: menu;
}

.v-gaveta > summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 6px;
	color: var(--v-tinta);
	font-size: 12px;
	font-weight: 600;
}

.v-gaveta > summary::-webkit-details-marker {
	display: none;
}

.v-gaveta__abrir {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	line-height: 1;
}

.v-gaveta__abrir .v-ico,
.v-gaveta__fechar .v-ico {
	width: 26px;
	height: 26px;
}

.v-gaveta__fechar {
	display: none;
}

.v-gaveta[open] > summary {
	position: fixed;
	z-index: 102;
	top: 10px;
	left: calc(min(86vw, 380px) - 52px);
	width: 44px;
	height: 44px;
	justify-content: center;
	background: var(--v-creme);
	border-radius: 50%;
}

.v-gaveta[open] .v-gaveta__abrir {
	display: none;
}

.v-gaveta[open] .v-gaveta__fechar {
	display: flex;
}

.v-gaveta[open]::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.5);
}

.v-gaveta__painel {
	position: fixed;
	z-index: 101;
	top: 0;
	bottom: 0;
	left: 0;
	width: min(86vw, 380px);
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0 0 32px;
	background: #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
}

body:has(.v-gaveta[open]) {
	overflow: hidden;
}

.v-gaveta__titulo {
	margin: 0;
	padding: 22px 20px 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--v-suave);
}

.v-gav-lista {
	list-style: none;
	margin: 0;
	padding: 0;
}

.v-gav-lista li {
	margin: 0;
}

.v-gav-lista a,
.v-gav-lista summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 600;
	color: var(--v-tinta);
	text-decoration: none;
	border-top: 1px solid var(--v-linha);
	cursor: pointer;
	list-style: none;
}

.v-gav-lista summary::-webkit-details-marker {
	display: none;
}

.v-gav-lista summary::after {
	content: "";
	width: 9px;
	height: 9px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin: -4px 4px 0 12px;
	transition: transform 0.15s;
}

.v-gav-lista details[open] > summary {
	color: var(--v-vermelho);
}

.v-gav-lista details[open] > summary::after {
	transform: rotate(-135deg);
	margin-top: 4px;
}

.v-gav-lista[data-nivel="1"] a,
.v-gav-lista[data-nivel="1"] summary {
	padding-left: 34px;
	font-weight: 500;
	background: var(--v-creme-2);
}

.v-gav-lista[data-nivel="2"] a {
	padding-left: 48px;
	font-size: 15px;
	font-weight: 400;
	background: var(--v-creme);
}

a.v-gav-tudo {
	display: block;
	min-height: 0;
	padding: 12px 20px 12px 34px;
	font-size: 15px;
	font-weight: 700;
	color: var(--v-vermelho);
	text-decoration: none;
	border-top: 1px solid var(--v-linha);
	background: var(--v-creme-2);
}

.v-gav-lista[data-nivel="1"] a.v-gav-tudo {
	padding-left: 48px;
}

.v-gaveta__links {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
	border-top: 6px solid var(--v-creme);
}

.v-gaveta__links a {
	display: block;
	padding: 12px 20px;
	color: var(--v-texto);
	text-decoration: none;
}

.v-gaveta__contato {
	margin: 10px 20px 0;
	font-size: 14px;
	color: var(--v-suave);
}

.v-gaveta__contato a {
	color: var(--v-tinta);
	font-weight: 600;
}

/* Barra de categorias (computador) */

.v-cats {
	display: none;
	position: relative;
	border-top: 1px solid var(--v-linha);
}

.v-cats__lista {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
}

.v-cats__item > a {
	position: relative;
	display: block;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 700;
	color: var(--v-tinta);
	text-decoration: none;
}

.v-cats__item:first-child > a {
	padding-left: 0;
}

.v-cats__item > a::after {
	content: "";
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 3px;
	background: var(--v-vermelho);
	transform: scaleX(0);
	transition: transform 0.15s;
}

.v-cats__item:first-child > a::after {
	left: 0;
}

.v-cats__item:hover > a,
.v-cats__item:focus-within > a {
	color: var(--v-vermelho);
}

.v-cats__item:hover > a::after,
.v-cats__item:focus-within > a::after {
	transform: scaleX(1);
}

.v-painel {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 70;
	background: #fff;
	border-top: 1px solid var(--v-linha);
	box-shadow: 0 18px 30px rgba(27, 27, 27, 0.12);
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.12s, visibility 0.12s;
}

.v-cats__item:hover > .v-painel,
.v-cats__item:focus-within > .v-painel {
	visibility: visible;
	opacity: 1;
}

.v-painel__in {
	max-width: 1290px;
	margin: 0 auto;
	padding: 22px 16px 26px;
}

.v-painel__tudo {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 14px;
	font-weight: 700;
	color: var(--v-vermelho);
	text-decoration: none;
}

.v-painel__cols {
	columns: 4 220px;
	column-gap: 32px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.v-painel__cols > li {
	break-inside: avoid;
	margin: 0 0 14px;
}

.v-painel__cols ul {
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
}

.v-painel__cols ul li {
	margin: 0;
}

.v-painel a {
	color: var(--v-texto);
	text-decoration: none;
}

.v-painel a:hover,
.v-painel a.v-painel__tudo {
	color: var(--v-vermelho);
}

a.v-painel__titulo {
	font-weight: 700;
	color: var(--v-tinta);
}

.v-painel__cols ul a {
	display: block;
	padding: 3px 0;
	font-size: 15px;
}

@media (min-width: 690px) {
	.v-topo__horario {
		display: inline-flex !important;
	}
}

@media (min-width: 1000px) {
	.v-cab__in {
		grid-template-columns: auto minmax(0, 640px) auto;
		grid-template-areas: "logo busca icones";
		justify-content: space-between;
		gap: 32px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.v-gaveta {
		display: none;
	}

	.v-logo {
		justify-self: start;
	}

	.v-logo img {
		height: 52px;
	}

	.v-busca input[type="search"] {
		height: 50px;
	}

	.v-busca button {
		width: 42px;
		height: 42px;
	}

	.v-icones {
		gap: 10px;
	}

	.v-icones a > span:not(.v-cont) {
		position: static;
		width: auto;
		height: auto;
		clip: auto;
	}

	.v-cont {
		right: 4px;
	}

	.v-cats {
		display: block;
	}
}

/* ---------- Rodapé ---------- */

.v-rodape {
	margin-top: 0;
	padding-top: 48px;
	color: #d9d4cc;
	background: var(--v-tinta);
	font-size: 15px;
}

.v-rodape a {
	color: #fff;
	text-decoration: none;
}

.v-rodape a:hover {
	text-decoration: underline;
}

.v-rodape__grade {
	display: grid;
	gap: 32px;
}

.v-rodape h2 {
	margin: 0 0 14px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #fff;
}

.v-rodape p {
	margin: 0 0 10px;
}

.v-rodape ul {
	list-style: none;
	margin: 0 0 14px;
	padding: 0;
}

.v-rodape li {
	margin: 0 0 8px;
}

.v-rodape li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.v-rodape__marca img {
	width: 170px;
	height: auto;
	margin-bottom: 14px;
}

.v-rodape__info {
	font-size: 14px;
	color: #bdb6ac;
}

.v-rodape__info strong {
	color: #fff;
}

.v-rodape__base {
	margin-top: 36px;
	padding: 18px 0 90px;
	font-size: 13px;
	color: #a9a39a;
	border-top: 1px solid #333;
}

.v-rodape__base p {
	margin: 0;
}

@media (min-width: 690px) {
	.v-rodape__grade {
		grid-template-columns: 1fr 1fr;
	}

	.v-rodape__base {
		padding-bottom: 18px;
	}
}

@media (min-width: 1000px) {
	.v-rodape__grade {
		grid-template-columns: 1.3fr 1fr 1fr 1fr;
	}
}

/* ---------- Balão do WhatsApp ---------- */

.v-zap {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 90;
}

.v-zap > summary {
	list-style: none;
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
	color: #fff;
	background: var(--v-zap);
	border-radius: 50%;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}

.v-zap > summary::-webkit-details-marker {
	display: none;
}

.v-zap > summary .v-ico {
	width: 32px;
	height: 32px;
}

.v-zap__caixa {
	position: absolute;
	right: 0;
	bottom: 68px;
	width: 270px;
	max-width: calc(100vw - 32px);
	padding: 14px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.v-zap__titulo {
	margin: 0 0 10px;
	font-weight: 700;
	color: var(--v-tinta);
}

.v-zap__caixa a {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
	padding: 10px 12px;
	color: var(--v-tinta);
	text-decoration: none;
	background: #f1f9e8;
	border-radius: 10px;
}

.v-zap__caixa a:hover {
	background: #e3f4d0;
}

.v-zap__caixa a .v-ico {
	width: 26px;
	height: 26px;
	color: #3f8a12;
}

.v-zap__caixa a span {
	font-weight: 700;
	line-height: 1.25;
}

.v-zap__caixa small {
	display: block;
	font-weight: 400;
	color: var(--v-suave);
}

.v-zap__horario {
	margin: 4px 0 0;
	font-size: 13px;
	color: var(--v-suave);
}

/* ---------- Atalhos de subcategoria (chips) ---------- */

.v-chips ul {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0 0 22px;
	padding: 0 0 4px;
	overflow-x: auto;
	scrollbar-width: none;
}

.v-chips ul::-webkit-scrollbar {
	display: none;
}

.v-chips li {
	flex: none;
	margin: 0;
}

.v-chips a {
	display: block;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--v-tinta);
	text-decoration: none;
	white-space: nowrap;
	background: var(--v-creme);
	border: 1px solid var(--v-linha);
	border-radius: 999px;
}

.v-chips a:hover {
	color: var(--v-vermelho);
	border-color: currentColor;
}

@media (min-width: 1000px) {
	.v-chips ul {
		flex-wrap: wrap;
		overflow: visible;
	}
}

/* ---------- Cartões de produto ---------- */

[data-products] .product {
	position: relative;
}

[data-products] .woocommerce-loop-product__title {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--v-tinta);
}

[data-products] .price {
	font-size: 17px;
	font-weight: 700;
	color: var(--v-tinta);
}

.v-unitario {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: var(--v-suave);
}

.v-unitario .amount {
	font-weight: 600;
}

[data-products] .ct-media-container {
	border-radius: var(--v-raio);
	background: var(--v-creme-2);
}

@media (max-width: 689.98px) {
	[data-products] {
		--shop-columns: repeat(2, minmax(0, 1fr));
		--grid-columns-gap: 14px;
		--grid-rows-gap: 26px;
	}

	[data-products] .woocommerce-loop-product__title {
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	[data-products] .ct-woo-card-actions .button,
	[data-products] .button {
		width: 100%;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 14px;
	}
}

/* Faixa que rola de lado no celular */

@media (max-width: 999.98px) {
	.v-rolagem [data-products] {
		display: flex;
		gap: 14px;
		margin: 0 -16px;
		padding: 0 16px 8px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 16px;
	}

	.v-rolagem [data-products] .product {
		flex: 0 0 min(44%, 220px);
		scroll-snap-align: start;
	}
}

/* ---------- Página do produto ---------- */

.v-fichas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 4px 0 22px;
	padding: 0;
}

.v-fichas li {
	margin: 0;
	padding: 8px 12px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--v-tinta);
	background: var(--v-creme);
	border-radius: 10px;
}

.v-fichas__rotulo {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: var(--v-suave);
}

.v-dica {
	margin: 0 0 10px;
	padding: 10px 12px;
	font-size: 14px;
	color: var(--v-tinta);
	background: #fff6e0;
	border-left: 3px solid #e0a100;
	border-radius: 6px;
}

.single-product form.variations_form table.variations,
.single-product form.variations_form table.variations tbody,
.single-product form.variations_form table.variations tr,
.single-product form.variations_form table.variations th,
.single-product form.variations_form table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	text-align: left;
}

.single-product form.variations_form table.variations th {
	padding-bottom: 6px;
}

.single-product form.variations_form table.variations label {
	font-size: 15px;
	font-weight: 700;
	color: var(--v-tinta);
}

.single-product form.variations_form table.variations select {
	width: 100%;
	height: 50px;
	font-size: 16px;
	border-radius: 10px;
}

.single-product .woocommerce-variation-price .price {
	font-size: 24px;
}

.v-ajuda {
	margin: 18px 0;
	padding: 14px 16px;
	font-size: 14px;
	line-height: 1.5;
	border: 1px solid var(--v-linha);
	border-radius: var(--v-raio);
}

.v-ajuda p {
	display: flex;
	gap: 10px;
	margin: 0;
}

.v-ajuda p + p {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--v-linha);
}

.v-ajuda .v-ico {
	width: 22px;
	height: 22px;
	color: var(--v-vermelho);
}

/* ---------- Páginas de texto ---------- */

.hero-section[data-type="type-2"] {
	background: var(--v-creme);
}

.page .hero-section .page-title,
.woocommerce .hero-section .page-title {
	position: relative;
	padding-bottom: 12px;
}

.page .hero-section .page-title::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 48px;
	height: 3px;
	margin-left: -24px;
	background: var(--v-vermelho);
}

.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4 {
	color: var(--v-tinta);
}

/* ---------- Home ---------- */

.v-home {
	overflow-x: clip;
}

.v-secao {
	padding: 40px max(16px, calc((100% - 1258px) / 2));
}

.v-secao > * {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.v-secao h2 {
	margin-top: 0;
	font-size: clamp(22px, 5vw, 30px);
	line-height: 1.2;
	color: var(--v-tinta);
}

.v-secao__sub {
	margin-top: -8px;
	color: var(--v-suave);
}

/* Abertura */

.v-hero {
	padding-top: 36px;
	padding-bottom: 36px;
	padding-left: max(16px, calc((100% - 1258px) / 2));
	padding-right: max(16px, calc((100% - 1258px) / 2));
	background:
		radial-gradient(circle at 100% 0, rgba(208, 15, 0, 0.08), transparent 40%),
		var(--v-creme);
}

.v-hero h1 {
	max-width: 820px;
	margin: 0 0 12px;
	font-size: clamp(28px, 7.4vw, 50px);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -0.01em;
	color: var(--v-tinta);
}

.v-hero h1 em {
	font-style: normal;
	color: var(--v-vermelho);
}

.v-hero p {
	max-width: 640px;
	font-size: 17px;
	margin: 0 0 20px;
}

.v-hero .wp-block-search {
	max-width: 720px;
	margin: 0 0 16px;
}

.v-hero .wp-block-search__inside-wrapper {
	padding: 5px;
	background: #fff;
	border: 2px solid var(--v-tinta);
	border-radius: 999px;
}

.v-hero .wp-block-search__input {
	min-height: 48px;
	padding: 0 14px;
	font-size: 16px;
	border: 0;
	background: transparent;
}

.v-hero .wp-block-search__input:focus {
	outline: none;
}

.v-hero .wp-block-search__button {
	min-height: 48px;
	margin: 0;
	padding: 0 22px;
	font-weight: 700;
	color: #fff;
	background: var(--v-vermelho);
	border: 0;
	border-radius: 999px;
}

.v-hero .wp-block-search__button:hover {
	background: var(--v-vermelho-esc);
}

ul.v-atalhos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
}

ul.v-atalhos li {
	margin: 0;
}

ul.v-atalhos a {
	display: block;
	padding: 7px 14px;
	font-size: 14px;
	font-weight: 600;
	color: var(--v-tinta);
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--v-linha);
	border-radius: 999px;
}

ul.v-atalhos a:hover {
	color: var(--v-vermelho);
	border-color: currentColor;
}

ul.v-selos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 16px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--v-texto);
}

ul.v-selos li {
	margin: 0;
	padding-left: 14px;
	border-left: 3px solid var(--v-vermelho);
	line-height: 1.35;
}

ul.v-selos strong {
	display: block;
	color: var(--v-tinta);
}

@media (min-width: 690px) {
	ul.v-selos {
		grid-template-columns: repeat(4, max-content);
		gap: 16px 36px;
	}
}

/* Selo da estação */

.v-sazonal {
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: max(16px, calc((100% - 1258px) / 2));
	padding-right: max(16px, calc((100% - 1258px) / 2));
	background: #fff;
	border-bottom: 1px solid var(--v-linha);
}

.v-sazonal p {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 12px;
	margin: 0;
	font-size: 15px;
}

.v-sazonal mark {
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background: #1f6b3a;
	border-radius: 999px;
}

.v-sazonal a {
	font-weight: 700;
	color: var(--v-vermelho);
}

/* Tipos de comida */

ul.v-tipos {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul.v-tipos li {
	margin: 0;
}

ul.v-tipos a {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 10px 10px 14px;
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--v-linha);
	border-radius: var(--v-raio);
	transition: box-shadow 0.15s, border-color 0.15s;
}

ul.v-tipos a:hover {
	border-color: var(--v-vermelho);
	box-shadow: var(--v-sombra);
}

.v-tipos__foto {
	display: block;
	aspect-ratio: 1;
	margin-bottom: 10px;
	overflow: hidden;
	background: var(--v-creme-2);
	border-radius: 8px;
}

.v-tipos__foto img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.v-tipos__nome {
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--v-tinta);
}

.v-tipos__apoio {
	margin-top: 4px;
	font-size: 13px;
	line-height: 1.35;
	color: var(--v-suave);
}

@media (min-width: 690px) {
	ul.v-tipos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1000px) {
	ul.v-tipos {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 16px;
	}
}

/* Faixas por tipo */

.v-linhas {
	background: var(--v-creme-2);
}

.v-linha + .v-linha {
	margin-top: 44px;
	padding-top: 36px;
	border-top: 1px solid var(--v-linha);
}

.v-linha__topo {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 12px;
}

.v-linha__topo h2 {
	margin: 0;
}

.v-linha__tudo {
	display: inline-flex;
	align-items: center;
	flex: none;
	font-weight: 700;
	color: var(--v-vermelho);
	text-decoration: none;
}

.v-chips--linha ul {
	margin-bottom: 18px;
}

.v-chips--linha a {
	background: #fff;
}

/* Como comprar */

ol.v-passos {
	display: grid;
	gap: 12px;
	counter-reset: passo;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ol.v-passos li {
	position: relative;
	margin: 0;
	padding: 16px 16px 16px 64px;
	line-height: 1.45;
	background: #fff;
	border: 1px solid var(--v-linha);
	border-radius: var(--v-raio);
	counter-increment: passo;
}

ol.v-passos li::before {
	content: counter(passo);
	position: absolute;
	left: 16px;
	top: 16px;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	font-weight: 800;
	color: #fff;
	background: var(--v-vermelho);
	border-radius: 50%;
}

ol.v-passos strong {
	display: block;
	margin-bottom: 2px;
	font-size: 17px;
	color: var(--v-tinta);
}

@media (min-width: 690px) {
	ol.v-passos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1000px) {
	ol.v-passos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 16px;
	}

	ol.v-passos li {
		padding: 64px 18px 20px;
	}
}

/* Chamada pro atendimento */

.v-atendimento {
	color: #f2eee8;
	background: var(--v-tinta);
}

.v-atendimento h2 {
	color: #fff;
}

.v-atendimento p {
	max-width: 760px;
}

.v-atendimento .wp-block-buttons {
	gap: 10px;
	margin: 22px 0;
}

.v-atendimento .wp-block-button__link {
	min-height: 48px;
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	font-weight: 700;
	border-radius: 999px;
}

.v-atendimento .is-style-zap .wp-block-button__link {
	color: var(--v-tinta);
	background: var(--v-zap);
}

.v-atendimento .wp-block-button.is-style-outline > .wp-block-button__link {
	color: #fff !important;
	background: transparent !important;
	border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
}

.v-atendimento .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	border-color: #fff !important;
}

.v-atendimento .v-nota {
	font-size: 14px;
	color: #bdb6ac;
}

.v-atendimento a:not(.wp-block-button__link) {
	color: #fff;
}

@media (max-width: 689.98px) {
	.v-atendimento .wp-block-button {
		width: 100%;
	}

	.v-atendimento .wp-block-button__link {
		width: 100%;
		justify-content: center;
	}
}

/* Quem somos */

.v-sobre {
	background: var(--v-creme);
}

.v-sobre p {
	max-width: 760px;
}

.v-sobre a {
	font-weight: 700;
	color: var(--v-vermelho);
}

/* ---------- Ajustes da listagem e do título das páginas ---------- */

[data-products] .entry-meta {
	display: none;
}

[data-products] .price .v-unitario {
	font-size: 13px;
	font-weight: 400;
}

.hero-section[data-type="type-2"] > [class*="ct-container"] {
	--container-padding: 28px 0;
	--min-height: 0px;
}

.hero-section[data-type="type-2"] .page-title {
	margin: 0;
	font-size: clamp(26px, 6vw, 38px);
}

.hero-section[data-type="type-2"] .page-description {
	max-width: 720px;
	margin: 8px auto 0;
	color: var(--v-suave);
}

/* Uma busca só no topo: no celular fica a do cabeçalho; no computador, na home, a da abertura. */

@media (max-width: 999.98px) {
	.v-hero .wp-block-search {
		display: none;
	}
}

@media (min-width: 1000px) {
	.home .v-cab .v-busca {
		visibility: hidden;
	}
}

/* No computador cada faixa mostra uma linha de 4; no celular rola de lado com 8. */

@media (min-width: 1000px) {
	.v-rolagem [data-products] .product:nth-child(n+5) {
		display: none;
	}
}

/* Produto: título menor no celular, sem a lista de tags. */

.single-product .product_title {
	font-size: clamp(22px, 5.6vw, 32px);
	line-height: 1.25;
}

.single-product .product_meta .tagged_as {
	display: none;
}

/* Descrição curta depois do botão de comprar: no celular o botão fica perto do preço. */

.single-product .entry-summary-items {
	display: flex;
	flex-direction: column;
}

.single-product .entry-summary-items > * {
	max-width: 100%;
}

.single-product .entry-summary-items > .woocommerce-product-details__short-description {
	order: 5;
	margin-top: 8px;
	padding-top: 18px;
	border-top: 1px solid var(--v-linha);
}

.single-product .entry-summary-items > .product_meta {
	order: 6;
}

/* Títulos grandes que vieram dentro do texto das páginas antigas. */

.page .entry-content h1 {
	font-size: clamp(20px, 4.6vw, 26px);
	line-height: 1.35;
}

.hero-section[data-type="type-1"] .page-title {
	font-size: clamp(24px, 6vw, 34px);
	line-height: 1.25;
}