/* =====================================================================
 * Página do produto (v2) — escopado em body.avt-prod2 (carregada só quando
 * adventuri_produto_v2()). Reaproveita de vitrine-v2.css: v2-palavra /
 * v2-entra (cascata do título), v2-esteira (semelhantes), comparador,
 * v2-magnetico; e de catalogo.css: avt-btn, botao-whatsapp, ac-revela.
 *
 * 1. Cabeçalho / trilha       4. Coluna lateral (preço, contato, loja)
 * 2. Colunas                  5. Ficha técnica em grade
 * 3. Galeria + lightbox       6. Descrição, semelhantes, barra mobile
 * ===================================================================== */

/* =====================================================================
   1. Cabeçalho / trilha
   ===================================================================== */
.avt-prod2 .prod2 { padding: 18px 0 0; }
.avt-prod2 .prod2 > .avt-container { padding-bottom: 50px; }
.avt-prod2 .prod2-trilha { margin: 0 0 18px; }
.avt-prod2 .prod2-trilha .woocommerce-breadcrumb { display: flex; flex-wrap: wrap; gap: 4px; }
.avt-prod2 .prod2-trilha .woocommerce-breadcrumb a { position: relative; }
.avt-prod2 .prod2-trilha .woocommerce-breadcrumb a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -1px;
	height: 1px;
	background: var(--avt-primary);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s ease;
}
.avt-prod2 .prod2-trilha .woocommerce-breadcrumb a:hover::after { transform: scaleX(1); }

.avt-prod2 .prod2-cabecalho { margin-bottom: 22px; }
.avt-prod2 .prod2-cabecalho__etiquetas { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.avt-prod2 .prod2-etiqueta {
	display: inline-block;
	padding: 4px 9px;
	border-radius: var(--avt-radius);
	background: var(--avt-secondary);
	color: #fff;
	font: 700 11px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .04em;
}
.avt-prod2 .prod2-etiqueta--oferta { background: var(--avt-badge-special, var(--avt-primary)); }
.avt-prod2 .prod2-etiqueta--vendido { background: var(--avt-graphite); }
.avt-prod2 .prod2-cabecalho__cat { font: 700 11px/1 var(--avt-font-heading); text-transform: uppercase; letter-spacing: .06em; color: var(--avt-secondary-dark); }
.avt-prod2 .prod2-cabecalho__cat a { color: inherit; text-decoration: none; }
.avt-prod2 .prod2-cabecalho__cat a:hover { color: var(--avt-primary); }
.avt-prod2 h1.prod2-titulo {
	display: flex;
	flex-wrap: wrap;
	gap: 0 .26em;
	margin: 0 0 10px;
	font: 700 34px/40px var(--avt-font-heading);
	text-transform: uppercase;
	color: var(--avt-text);
	letter-spacing: -.01em;
}
.avt-prod2 .prod2-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
	margin: 0;
	font: 400 13px/18px var(--avt-font-body);
	color: var(--avt-text-muted);
}
.avt-prod2 .prod2-meta span > .dashicons { font-size: 15px; width: 15px; height: 15px; vertical-align: -2px; color: var(--avt-secondary); margin-right: 2px; }

/* =====================================================================
   2. Colunas
   ===================================================================== */
.avt-prod2 .prod2-colunas {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 32px;
	align-items: start;
}
.avt-prod2 .prod2-principal { min-width: 0; }
.avt-prod2 .prod2-lateral {
	position: sticky;
	top: calc(var(--avt-nav-altura) + 16px);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* =====================================================================
   3. Galeria + lightbox
   ===================================================================== */
.avt-prod2 .prod2-galeria { margin-bottom: 28px; }
.avt-prod2 .prod2-galeria__palco {
	position: relative;
	aspect-ratio: 16 / 10;
	background: var(--avt-graphite);
	border-radius: var(--avt-radius);
	overflow: hidden;
	isolation: isolate;
	cursor: zoom-in;
	box-shadow: 0 10px 30px rgba(35, 71, 90, .14);
}
.avt-prod2 .prod2-galeria__foto {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transform: scale(1.05);
	transition: opacity .55s ease, transform 1.1s cubic-bezier(.2, .8, .2, 1);
	will-change: opacity, transform;
	pointer-events: none;
}
.avt-prod2 .prod2-galeria__foto.ativa { opacity: 1; transform: none; z-index: 1; }
.avt-prod2 .prod2-galeria__foto.saindo { opacity: 0; transform: scale(1.02); }
/* legenda em gradiente pra contador/botões lerem bem sobre foto clara */
.avt-prod2 .prod2-galeria__palco::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 90px;
	background: linear-gradient(to top, rgba(0, 0, 0, .45), transparent);
	z-index: 2;
	pointer-events: none;
}
.avt-prod2 button.prod2-galeria__seta {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 46px;
	height: 46px;
	margin: 0;
	padding: 0 0 4px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	color: var(--avt-graphite);
	font: 400 34px/1 var(--avt-font-heading);
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
	opacity: 0;
	transform: translateY(-50%) scale(.85);
	transition: opacity .2s ease, transform .2s ease, background .15s ease, color .15s ease;
}
.avt-prod2 .prod2-galeria__seta--prev { left: 16px; }
.avt-prod2 .prod2-galeria__seta--next { right: 16px; }
.avt-prod2 .prod2-galeria__palco:hover .prod2-galeria__seta,
.avt-prod2 .prod2-galeria__palco:focus-within .prod2-galeria__seta { opacity: 1; transform: translateY(-50%) scale(1); }
.avt-prod2 button.prod2-galeria__seta:hover { background: var(--avt-primary); color: #fff; }
.avt-prod2 .prod2-galeria__contador {
	position: absolute;
	left: 16px;
	bottom: 14px;
	z-index: 3;
	padding: 5px 10px;
	border-radius: 20px;
	background: rgba(35, 38, 40, .75);
	color: #fff;
	font: 600 12px/1 var(--avt-font-heading);
	letter-spacing: .04em;
}
.avt-prod2 .prod2-galeria__contador b { color: var(--avt-primary); font-weight: 700; }
.avt-prod2 button.prod2-galeria__ampliar {
	position: absolute;
	right: 16px;
	bottom: 12px;
	z-index: 3;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(35, 38, 40, .75);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .15s ease, transform .15s ease;
}
.avt-prod2 button.prod2-galeria__ampliar:hover { background: var(--avt-primary); transform: scale(1.08); }
.avt-prod2 .prod2-galeria__ampliar .dashicons { font-size: 18px; width: 18px; height: 18px; }

.avt-prod2 .prod2-galeria__minis {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	padding: 4px 2px;
}
.avt-prod2 .prod2-galeria__minis::-webkit-scrollbar { display: none; }
.avt-prod2 button.prod2-galeria__mini {
	flex: 0 0 auto;
	width: 92px;
	height: 66px;
	margin: 0;
	padding: 0;
	border: 2px solid transparent;
	border-radius: var(--avt-radius);
	background: var(--avt-graphite);
	overflow: hidden;
	cursor: pointer;
	opacity: .55;
	scroll-snap-align: start;
	transition: opacity .2s ease, border-color .2s ease, transform .2s ease;
}
.avt-prod2 .prod2-galeria__mini img { width: 100%; height: 100%; object-fit: cover; display: block; }
.avt-prod2 .prod2-galeria__mini:hover { opacity: .9; transform: translateY(-2px); }
.avt-prod2 .prod2-galeria__mini.ativa { opacity: 1; border-color: var(--avt-primary); }

/* --- Galeria em mosaico (ref. Motors): 3 em cima, capa grande + 2 à direita --- */
.avt-prod2 .prod2-mosaico {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 180px;
	grid-auto-flow: dense;
	gap: 14px;
	position: relative;
}
.avt-prod2 button.prod2-mosaico__item {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 12px;
	overflow: hidden;
	background: var(--avt-bg-shade);
	cursor: zoom-in;
	box-shadow: 0 1px 2px rgba(17, 24, 39, .06);
	animation: v2Entra .5s ease both;
}
.avt-prod2 .prod2-mosaico__item:nth-child(1) { animation-delay: .05s; }
.avt-prod2 .prod2-mosaico__item:nth-child(2) { animation-delay: .1s; }
.avt-prod2 .prod2-mosaico__item:nth-child(3) { animation-delay: .15s; }
.avt-prod2 .prod2-mosaico__item:nth-child(4) { animation-delay: .2s; }
.avt-prod2 .prod2-mosaico__item:nth-child(5) { animation-delay: .25s; }
.avt-prod2 .prod2-mosaico__item:nth-child(6) { animation-delay: .3s; }
.avt-prod2 .prod2-mosaico__item img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	margin: 0 !important;
	transition: transform .5s ease;
}
.avt-prod2 .prod2-mosaico__item:hover img { transform: scale(1.05); }
.avt-prod2 .prod2-mosaico__item--capa { grid-column: 1 / 3; grid-row: 2 / 4; }
/* poucas fotos */
.avt-prod2 .prod2-mosaico[data-n="1"] .prod2-mosaico__item--capa { grid-column: 1 / 4; grid-row: 1 / 4; }
.avt-prod2 .prod2-mosaico[data-n="2"] .prod2-mosaico__item--capa,
.avt-prod2 .prod2-mosaico[data-n="3"] .prod2-mosaico__item--capa { grid-column: 1 / 3; grid-row: 1 / 3; }
.avt-prod2 .prod2-mosaico[data-n="2"] .prod2-mosaico__item:not(.prod2-mosaico__item--capa) { grid-row: 1 / 3; }
.avt-prod2 .prod2-mosaico[data-n="4"] .prod2-mosaico__item--capa { grid-column: 1 / 4; grid-row: 2 / 4; }
.avt-prod2 .prod2-mosaico[data-n="5"] .prod2-mosaico__item--capa { grid-column: 1 / 3; grid-row: 2 / 4; }
.avt-prod2 .prod2-mosaico[data-n="5"] .prod2-mosaico__item:last-of-type { grid-row: 2 / 4; }
.avt-prod2 .prod2-mosaico__etiqueta {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 6px 12px;
	border-radius: 6px;
	background: var(--avt-primary);
	color: #fff;
	font: 800 10px/1 var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .14em;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.avt-prod2 .prod2-mosaico__etiqueta--oferta { background: var(--avt-badge-special); color: #111; }
.avt-prod2 .prod2-mosaico__etiqueta--vendido { background: var(--avt-badge-sold); }
.avt-prod2 .prod2-mosaico__mais {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	background: rgba(53, 71, 90, .62);
	color: #fff;
	font: 700 16px/1 var(--avt-font-heading);
	backdrop-filter: blur(2px);
	transition: background .2s ease;
}
.avt-prod2 .prod2-mosaico__item:hover .prod2-mosaico__mais { background: rgba(53, 71, 90, .5); }
.avt-prod2 button.prod2-mosaico__todas {
	position: absolute;
	left: 14px;
	bottom: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 9px 14px;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, .92);
	color: var(--avt-text);
	font: 700 12px/1 var(--avt-font-heading);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .18);
	cursor: pointer;
	backdrop-filter: blur(6px);
}
.avt-prod2 .prod2-mosaico__todas .dashicons { font-size: 16px; width: 16px; height: 16px; color: var(--avt-primary); }
.avt-prod2 .prod2-mosaico__todas:hover { background: #fff; }
@media (max-width: 860px) {
	.avt-prod2 .prod2-mosaico { grid-auto-rows: 120px; gap: 8px; }
	.avt-prod2 .prod2-mosaico__item { border-radius: 8px; }
}
@media (max-width: 560px) {
	/* celular: capa cheia em cima, as outras em fileira de 3 embaixo */
	.avt-prod2 .prod2-mosaico { grid-auto-rows: 90px; }
	.avt-prod2 .prod2-mosaico .prod2-mosaico__item--capa { grid-column: 1 / 4 !important; grid-row: 1 / 4 !important; }
	.avt-prod2 .prod2-mosaico .prod2-mosaico__item:not(.prod2-mosaico__item--capa) { grid-row: auto !important; grid-column: auto !important; }
	.avt-prod2 .prod2-mosaico__item:nth-child(n+7) { display: none; }
}

/* lightbox (criado pelo JS) */
.prod2-lightbox {
	position: fixed;
	inset: 0;
	z-index: 600;
	background: rgba(12, 14, 16, .96);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .25s ease;
	touch-action: pan-y;
}
.prod2-lightbox.visivel { opacity: 1; }
.prod2-lightbox[hidden] { display: none; }
.prod2-lightbox img {
	max-width: 94vw;
	max-height: 86vh;
	object-fit: contain;
	border-radius: 2px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .6);
	animation: prod2Zoom .35s cubic-bezier(.2, .8, .2, 1) both;
	user-select: none;
	-webkit-user-drag: none;
}
@keyframes prod2Zoom { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } }
.prod2-lightbox button {
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s ease;
}
.prod2-lightbox button:hover { background: var(--avt-primary); }
.prod2-lightbox__fechar { top: 18px; right: 18px; width: 46px; height: 46px; font: 300 30px/1 var(--avt-font-heading); }
.prod2-lightbox__seta { top: 50%; transform: translateY(-50%); width: 54px; height: 54px; font: 300 40px/1 var(--avt-font-heading); padding-bottom: 5px !important; }
.prod2-lightbox__seta--prev { left: 18px; }
.prod2-lightbox__seta--next { right: 18px; }
.prod2-lightbox__legenda {
	position: absolute;
	left: 50%;
	bottom: 20px;
	transform: translateX(-50%);
	color: rgba(255, 255, 255, .85);
	font: 600 13px/1 var(--avt-font-heading);
	letter-spacing: .04em;
	white-space: nowrap;
}
.prod2-lightbox__legenda b { color: var(--avt-primary); }

/* =====================================================================
   4. Coluna lateral
   ===================================================================== */
.avt-prod2 .prod2-caixa {
	background: #fff;
	border: 1px solid var(--avt-border-card);
	border-radius: 14px;
	padding: 24px;
	box-shadow: 0 1px 2px rgba(17, 24, 39, .05), 0 12px 32px rgba(21, 62, 77, .10);
	animation: v2Entra .6s ease both;
	animation-delay: .25s;
}
.avt-prod2 .prod2-caixa + .prod2-caixa { animation-delay: .4s; }
.avt-prod2 .prod2-preco { padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--avt-border-card); }
.avt-prod2 .prod2-preco small { display: block; font: 700 11px/1 var(--avt-font-heading); text-transform: uppercase; letter-spacing: .08em; color: var(--avt-text-muted); margin-bottom: 8px; }
.avt-prod2 .prod2-preco__valor .price,
.avt-prod2 .prod2-preco__valor { font: 700 34px/1.05 var(--avt-font-heading); color: var(--avt-primary); }
.avt-prod2 .prod2-preco__valor del { font-size: 16px; font-weight: 400; color: var(--avt-text-faint); display: block; margin-bottom: 4px; }
.avt-prod2 .prod2-preco__valor ins { text-decoration: none; color: var(--avt-primary); }
.avt-prod2 .prod2-preco__valor .woocommerce-Price-currencySymbol { font-size: .6em; vertical-align: .2em; margin-right: 2px; }
.avt-prod2 .prod2-preco--vendido .prod2-preco__valor { color: var(--avt-text-faint); text-decoration: line-through; }
.avt-prod2 .prod2-caixa--preco { border-top: 4px solid var(--avt-primary); }
.avt-prod2 .prod2-preco__obs { display: block; margin-top: 8px; font-size: 12px; color: var(--avt-text-faint); }
.avt-prod2 .prod2-acoes > .botao-whatsapp { border-radius: 10px; }
.avt-prod2 .prod2-acoes > .avt-btn.prod2-visita { border: 2px solid var(--avt-slate); color: var(--avt-slate) !important; border-radius: 10px; font-weight: 700; }
.avt-prod2 .prod2-acoes > .avt-btn.prod2-visita:hover { background: var(--avt-slate); color: #fff !important; }
.avt-prod2 .prod2-acoes > .avt-btn.prod2-visita .dashicons { margin-right: 6px; }
.avt-prod2 .prod2-fone {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--avt-bg-shade);
	color: var(--avt-text);
	text-decoration: none !important;
	transition: background .15s ease;
}
.avt-prod2 .prod2-fone:hover { background: #e6ebf1; }
.avt-prod2 .prod2-fone__icone {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #fff;
	color: var(--avt-primary);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.avt-prod2 .prod2-fone__icone .dashicons { font-size: 18px; width: 18px; height: 18px; }
.avt-prod2 .prod2-fone__txt { display: flex; flex-direction: column; line-height: 1.2; }
.avt-prod2 .prod2-fone__txt small { font-size: 11px; color: var(--avt-text-muted); }
.avt-prod2 .prod2-fone__txt b { font: 700 16px/1.2 var(--avt-font-heading); color: var(--avt-text-title); }
.avt-prod2 .prod2-acoes__linha .avt-btn { border-radius: 8px; }
.avt-prod2 .prod2-acoes { display: flex; flex-direction: column; gap: 10px; }
.avt-prod2 .prod2-acoes > .botao-whatsapp,
.avt-prod2 .prod2-acoes > .avt-btn { width: 100%; box-sizing: border-box; justify-content: center; text-align: center; margin: 0; }
.avt-prod2 .prod2-acoes > .botao-whatsapp { font-size: 15px; padding: 15px 20px; }
.avt-prod2 .prod2-acoes .avt-btn .dashicons { font-size: 16px; width: 16px; height: 16px; vertical-align: -3px; margin-right: 4px; }
.avt-prod2 .prod2-acoes__linha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.avt-prod2 .prod2-acoes__linha .avt-btn { margin: 0; justify-content: center; text-align: center; padding: 12px 6px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.avt-prod2 .prod2-acoes__linha .avt-btn .dashicons { margin-right: 2px; }
/* o botão de comparar reaproveita a classe do card (comparador em vitrine-v2.js) — aqui vira botão normal */
.avt-v2.avt-prod2 .prod2-acoes button.avt-card__comparar {
	position: static;
	width: auto;
	height: auto;
	border: 1px solid var(--avt-border);
	border-radius: var(--avt-radius);
	background: transparent;
	color: var(--avt-text);
	display: inline-flex;
	align-items: center;
	gap: 2px;
	transform: none;
	font: 700 12px/1 var(--avt-font-heading);
	text-transform: uppercase;
	padding: 12px 6px;
}
.avt-v2.avt-prod2 .prod2-acoes button.avt-card__comparar:hover { background: var(--avt-bg-shade); color: var(--avt-text); }
.avt-v2.avt-prod2 .prod2-acoes button.avt-card__comparar[aria-pressed="true"] { background: var(--avt-primary); border-color: var(--avt-primary); color: #fff !important; }
.avt-prod2 .prod2-compartilhar.copiado { border-color: var(--avt-secondary); color: var(--avt-secondary-dark) !important; }

.avt-prod2 .prod2-loja__topo { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.avt-prod2 .prod2-loja__logo {
	flex: 0 0 auto;
	height: 56px;
	padding: 8px 12px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: var(--avt-graphite);
	box-sizing: border-box;
}
.avt-prod2 .prod2-loja__logo img { width: auto !important; max-width: 96px; height: 40px !important; object-fit: contain; margin: 0 !important; }
.avt-prod2 .prod2-loja h3 { font: 800 15px/20px var(--avt-font-heading); text-transform: uppercase; margin: 0 0 3px; color: var(--avt-text-title); }
.avt-prod2 .prod2-loja__selo { display: inline-flex; align-items: center; gap: 4px; font: 600 11px/1 var(--avt-font-body); color: var(--avt-whatsapp-dark); }
.avt-prod2 .prod2-loja__selo .dashicons { font-size: 14px; width: 14px; height: 14px; }
.avt-prod2 .prod2-loja p { font-size: 13px; line-height: 20px; color: var(--avt-text-muted); margin: 0 0 16px; padding-bottom: 16px; border-bottom: 1px solid var(--avt-border-card); }
.avt-prod2 .prod2-loja ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.avt-prod2 .prod2-loja li { font-size: 13px; line-height: 19px; color: var(--avt-text); display: flex; gap: 12px; align-items: flex-start; }
.avt-prod2 .prod2-loja li a { color: var(--avt-primary); font-weight: 600; text-decoration: none; font-size: 12px; }
.avt-prod2 .prod2-loja li a:hover { text-decoration: underline; }
.avt-prod2 .prod2-loja__icone {
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: rgba(204, 97, 25, .1);
	color: var(--avt-primary);
}
.avt-prod2 .prod2-loja__icone .dashicons { font-size: 17px; width: 17px; height: 17px; }

/* =====================================================================
   5. Ficha técnica em grade (demo: "Vehicle details")
   ===================================================================== */
.avt-prod2 .prod2-resumo { font-size: 16px; line-height: 26px; color: var(--avt-text); margin: 0 0 30px; max-width: 760px; }
.avt-prod2 .prod2-resumo p { margin: 0 0 10px; }
.avt-prod2 .prod2-ficha { margin-bottom: 0; }
.avt-prod2 .prod2-ficha .avt-titulo { margin-bottom: 16px; }
.avt-prod2 ul.prod2-ficha__grade {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 12px;
}
.avt-prod2 .prod2-ficha__grade li {
	display: grid;
	grid-template-columns: 22px 1fr;
	grid-template-rows: auto auto;
	column-gap: 10px;
	align-items: center;
	padding: 14px 16px;
	background: var(--avt-bg-shade);
	border-left: 3px solid var(--avt-primary);
	border-radius: var(--avt-radius);
	transition: transform .2s ease, box-shadow .2s ease;
}
.avt-prod2 .prod2-ficha__grade li:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(35, 71, 90, .12); }
.avt-prod2 .prod2-ficha__grade li > .dashicons { grid-row: 1 / 3; font-size: 22px; width: 22px; height: 22px; color: var(--avt-secondary-dark); }
.avt-prod2 .prod2-ficha__rotulo { font: 700 10px/14px var(--avt-font-heading); text-transform: uppercase; letter-spacing: .08em; color: var(--avt-text-muted); }
.avt-prod2 .prod2-ficha__grade li b { font: 700 15px/20px var(--avt-font-heading); color: var(--avt-text); overflow-wrap: anywhere; }
/* cascata quando a seção entra na tela (catalogo.js adiciona ac-revela--ativo) */
.avt-prod2 .prod2-ficha.ac-revela--ativo .prod2-ficha__grade li {
	animation: prod2Item .5s cubic-bezier(.2, .8, .2, 1) both;
	animation-delay: calc(var(--i, 0) * 60ms + .1s);
}
@keyframes prod2Item { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* =====================================================================
   6. Abas (menu das seções), descrição, semelhantes, barra mobile
   ===================================================================== */
/* abas (Ficha técnica + cada <h2> da descrição): só o painel ativo aparece */
.avt-prod2 .prod2-abas-wrap { min-width: 0; }
.avt-prod2 .prod2-abas {
	position: sticky;
	top: var(--avt-nav-altura);
	z-index: 20;
	display: flex;
	gap: 4px;
	margin: 0 0 26px;
	background: #fff;
	border-bottom: 1px solid var(--avt-border-card);
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.avt-prod2 .prod2-abas::-webkit-scrollbar { display: none; }
.admin-bar.avt-prod2 .prod2-abas { top: calc(var(--avt-nav-altura) + 32px); }
.avt-prod2 .prod2-abas button {
	position: relative;
	flex: 0 0 auto;
	margin: 0;
	padding: 14px 12px;
	border: 0;
	background: transparent;
	font: 700 12px/16px var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--avt-text-muted);
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 0;
	transition: color .15s ease;
}
.avt-prod2 .prod2-abas button:focus-visible { outline: 2px solid var(--avt-secondary); outline-offset: -2px; }
.avt-prod2 .prod2-abas button::after {
	content: "";
	position: absolute;
	left: 12px; right: 12px; bottom: -1px;
	height: 3px;
	background: var(--avt-primary);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .25s cubic-bezier(.2, .8, .2, 1);
}
.avt-prod2 .prod2-abas button:hover { color: var(--avt-text); }
.avt-prod2 .prod2-abas button.ativa { color: var(--avt-primary); }
.avt-prod2 .prod2-abas button.ativa::after { transform: scaleX(1); }
.avt-prod2 .prod2-abas-wrap { scroll-margin-top: calc(var(--avt-nav-altura) + 16px); }
/* painéis: só o ativo; entra com um fade curto a cada troca */
.avt-prod2 .prod2-painel[hidden] { display: none; }
.avt-prod2 .prod2-painel--entra { animation: prod2Painel .35s ease both; }
@keyframes prod2Painel { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.avt-prod2 .prod2-painel__titulo { margin-bottom: 14px; }

.avt-prod2 .prod2-descricao .avt-titulo { margin-bottom: 12px; }
.avt-prod2 .prod2-descricao__texto { font-size: 15px; line-height: 25px; color: var(--avt-text); max-width: 760px; }
.avt-prod2 .prod2-descricao__texto p { margin: 0 0 12px; }
.avt-prod2 .prod2-descricao__texto ul, .avt-prod2 .prod2-descricao__texto ol { margin: 0 0 12px 20px; }
.avt-prod2 .prod2-descricao__texto small { font-size: 12px; line-height: 18px; color: var(--avt-text-muted); display: block; }
.avt-prod2 .prod2-descricao__texto h3 { font: 700 16px/22px var(--avt-font-heading); color: var(--avt-text); margin: 22px 0 8px; }
.avt-prod2 .prod2-descricao__texto h3:first-child { margin-top: 0; }
/* lista de destaques: 2 colunas com check laranja (demo "features") */
.avt-prod2 .prod2-descricao__texto ul {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 20px;
}
.avt-prod2 .prod2-descricao__texto ul li { position: relative; padding-left: 24px; }
.avt-prod2 .prod2-descricao__texto ul li::before {
	content: "\f147"; /* dashicons-yes */
	font-family: dashicons;
	position: absolute;
	left: 0; top: 1px;
	font-size: 20px;
	line-height: 22px;
	color: var(--avt-primary);
}
/* tabelas de especificação */
.avt-prod2 .prod2-descricao__texto table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid var(--avt-border-card);
	border-radius: var(--avt-radius);
	overflow: hidden;
}
.avt-prod2 .prod2-descricao__texto th,
.avt-prod2 .prod2-descricao__texto td { padding: 10px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--avt-border-card); }
.avt-prod2 .prod2-descricao__texto tr:last-child th, .avt-prod2 .prod2-descricao__texto tr:last-child td { border-bottom: 0; }
.avt-prod2 .prod2-descricao__texto th {
	width: 42%;
	background: var(--avt-bg-shade);
	font: 700 11px/18px var(--avt-font-heading);
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--avt-text-muted);
}
.avt-prod2 .prod2-descricao__texto td { font-weight: 600; color: var(--avt-text); }

.avt-prod2 .prod2-semelhantes { padding: 50px 0 60px; }
.avt-prod2 .prod2-semelhantes .avt-secao__topo { margin-bottom: 22px; }

/* barra fixa no celular: aparece quando a caixa de preço sai da tela */
.avt-prod2 .prod2-barra {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 360;
	display: none;
	align-items: center;
	gap: 14px;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
	background: #fff;
	border-top: 1px solid var(--avt-border-card);
	box-shadow: 0 -8px 24px rgba(0, 0, 0, .14);
	transform: translateY(110%);
	visibility: hidden;
	transition: transform .3s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .3s;
}
.avt-prod2 .prod2-barra.visivel { transform: none; visibility: visible; transition-delay: 0s; }
.avt-prod2 .prod2-barra__preco { flex: 1; min-width: 0; font: 700 20px/1.1 var(--avt-font-heading); color: var(--avt-primary); }
.avt-prod2 .prod2-barra__preco del { font-size: 12px; font-weight: 400; color: var(--avt-text-faint); display: block; }
.avt-prod2 .prod2-barra__preco ins { text-decoration: none; }
.avt-prod2 .prod2-barra .botao-whatsapp { margin: 0; padding: 12px 18px; white-space: nowrap; }
body.avt-prod2.avt-comparando .prod2-barra { bottom: 76px; }

/* =====================================================================
   Responsivo
   ===================================================================== */
@media (max-width: 991px) {
	/* uma coluna: galeria → preço/contato → resumo → ficha → descrição → loja */
	.avt-prod2 .prod2-colunas { grid-template-columns: 1fr; gap: 24px; }
	.avt-prod2 .prod2-principal, .avt-prod2 .prod2-lateral { display: contents; }
	.avt-prod2 .prod2-principal > *, .avt-prod2 .prod2-lateral > * { min-width: 0; }
	.avt-prod2 .prod2-galeria { order: 1; margin-bottom: 0; }
	.avt-prod2 .prod2-caixa--preco { order: 2; }
	.avt-prod2 .prod2-resumo { order: 3; margin-bottom: 0; }
	.avt-prod2 .prod2-abas-wrap { order: 4; }
	.avt-prod2 .prod2-loja { order: 5; }
	.avt-prod2 .prod2-barra { display: flex; }
	body.avt-prod2.avt-prod2-barra .avt-whats-flutuante { opacity: 0; pointer-events: none; }
	.avt-prod2 .prod2-galeria__seta { opacity: 1; transform: translateY(-50%) scale(1); width: 40px; height: 40px; font-size: 28px; }
}
@media (max-width: 767px) {
	.avt-prod2 .prod2 { padding-top: 12px; }
	.avt-prod2 h1.prod2-titulo { font-size: 24px; line-height: 30px; }
	.avt-prod2 .prod2-meta { gap: 4px 14px; font-size: 12px; }
	.avt-prod2 .prod2-galeria__palco { aspect-ratio: 4 / 3; border-radius: 0; margin: 0 -16px; }
	.avt-prod2 .prod2-galeria__palco::after { height: 70px; }
	.avt-prod2 button.prod2-galeria__mini { width: 72px; height: 54px; }
	.avt-prod2 .prod2-caixa { padding: 18px; }
	.avt-prod2 .prod2-preco__valor .price, .avt-prod2 .prod2-preco__valor { font-size: 28px; }
	.avt-prod2 ul.prod2-ficha__grade { grid-template-columns: 1fr 1fr; gap: 8px; }
	.avt-prod2 .prod2-ficha__grade li { padding: 10px 12px; grid-template-columns: 18px 1fr; column-gap: 8px; }
	.avt-prod2 .prod2-ficha__grade li > .dashicons { font-size: 18px; width: 18px; height: 18px; }
	.avt-prod2 .prod2-ficha__grade li b { font-size: 13px; line-height: 18px; }
	.avt-prod2 .prod2-semelhantes { padding: 36px 0 44px; }
	.avt-prod2 .prod2-abas { margin: 0 -16px 20px; padding: 0 8px; }
	.avt-prod2 .prod2-abas button { padding: 12px 10px; font-size: 11px; }
	.avt-prod2 .prod2-descricao__texto ul { grid-template-columns: 1fr; }
	.avt-prod2 .prod2-descricao__texto th { width: 46%; }
	.avt-prod2 .prod2-descricao__texto th, .avt-prod2 .prod2-descricao__texto td { padding: 8px 10px; font-size: 13px; }
	.prod2-lightbox__seta { width: 44px; height: 44px; font-size: 32px; }
	.prod2-lightbox__seta--prev { left: 8px; }
	.prod2-lightbox__seta--next { right: 8px; }
	.avt-prod2 .prod2 > .avt-container { padding-bottom: 90px; } /* espaço pra barra fixa */
}
@media (prefers-reduced-motion: reduce) {
	.avt-prod2 .prod2-galeria__foto { transition: opacity .2s ease; transform: none; }
	.avt-prod2 .prod2-caixa, .avt-prod2 .prod2-ficha.ac-revela--ativo .prod2-ficha__grade li, .prod2-lightbox img { animation: none; opacity: 1; transform: none; }
	.avt-prod2 .prod2-ficha__grade li:hover { transform: none; }
}
.no-js .avt-prod2 .prod2-caixa { animation: none; opacity: 1; }