/* ══════════════════════════════════════════════════════════════
   IVALENE EXPRESS — Camada de modernização do site público
   (aplicada por cima do tema; não altera a estrutura base)
   ══════════════════════════════════════════════════════════════ */

body { background: #f6f8fb !important; }

/* ── Títulos de secção uniformes ── */
.module .modtitle,
.module h3.modtitle {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	background: none !important;
	border: none !important;
	margin: 34px 6px 16px !important;
	padding: 0 !important;
}
.module .modtitle span {
	background: none !important;
	border: none !important;
	padding: 0 0 0 14px !important;
	margin: 0 !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	text-transform: none !important;
	position: relative;
	line-height: 1.2 !important;
}
.module .modtitle span::before {
	content: '';
	position: absolute;
	left: 0; top: 2px; bottom: 2px;
	width: 5px;
	border-radius: 3px;
	background: linear-gradient(180deg, #e31e24, #7c3aed);
}
.module .modtitle .ver-todos {
	font-size: 13px;
	font-weight: 600;
	color: #6366f1;
	text-decoration: none;
	white-space: nowrap;
}
.module .modtitle .ver-todos:hover { color: #4f46e5; }

/* ── Cartões de produto ── */
.product-item-container {
	background: #fff !important;
	border: 1px solid #eef2f7 !important;
	border-radius: 14px !important;
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease !important;
	margin-bottom: 16px;
}
.product-item-container:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 24px rgba(15, 23, 42, .10) !important;
	border-color: #e2e8f0 !important;
}
.product-item-container .left-block { background: #fff; }
.product-item-container .caption h4 a {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	color: #1e293b !important;
}
.product-item-container .caption h4 a:hover { color: #e31e24 !important; }
.product-item-container .price,
.product-item-container .price-new {
	font-size: 15.5px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
}
.product-item-container .price-old {
	font-size: 12px !important;
	color: #94a3b8 !important;
}
.label-product {
	border-radius: 20px !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	padding: 3px 10px !important;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.label-product.label-sale { background: #e31e24 !important; }

/* ── Faixa de confiança (features) ── */
.features-bar {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr);
	gap: 14px;
	margin: 26px 6px !important;
	padding: 0 !important;
	background: none !important;
	border: none !important;
}
@media (max-width: 991px){ .features-bar { grid-template-columns: repeat(2, 1fr) !important; } }
.features-bar .feature-item {
	background: #fff !important;
	border: 1px solid #eef2f7 !important;
	border-radius: 14px !important;
	padding: 20px 16px !important;
	text-align: center;
	transition: transform .18s ease, box-shadow .18s ease;
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}
.features-bar .feature-item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(15,23,42,.08); }
.features-bar .feature-item i {
	font-size: 22px !important;
	color: #fff !important;
	background: linear-gradient(135deg, #e31e24, #7c3aed) !important;
	width: 52px !important; height: 52px !important;
	line-height: 52px !important;
	border-radius: 50% !important;
	margin-bottom: 12px !important;
	display: inline-block !important;
	text-align: center;
}
.features-bar .feature-item h5 { font-size: 14.5px !important; font-weight: 800 !important; color: #0f172a !important; margin: 4px 0 6px !important; }
.features-bar .feature-item p { font-size: 12.5px !important; color: #64748b !important; margin: 0 !important; line-height: 1.5; }

/* ── Coluna Produtos Recentes (hero esquerda) ── */
.col-recentes { border-radius: 14px !important; overflow: hidden; border: 1px solid #eef2f7 !important; background: #fff !important; }
.rc-header { background: linear-gradient(135deg, #0f172a, #1e293b) !important; padding: 12px 14px !important; }
.rc-header span { font-weight: 800 !important; letter-spacing: .02em; color: #fff !important; }
.rc-header .rc-ver-todos { color: #fca5a5 !important; }
.rc-item { transition: background .15s ease; border-radius: 10px; }
.rc-item:hover { background: #f1f5f9 !important; }
.rc-item img { border-radius: 10px !important; }
.rc-preco { color: #e31e24 !important; font-weight: 800 !important; }

/* ── Cartões laterais do hero ── */
.col-sidebar > div, .col-sidebar .incentivo-card { border-radius: 14px !important; overflow: hidden; }

/* ── Filtros da listagem ── */
.filters-panel {
	background: #fff !important;
	border: 1px solid #eef2f7 !important;
	border-radius: 12px !important;
	padding: 10px 14px !important;
	margin-bottom: 18px !important;
	box-shadow: none !important;
}
.filters-panel .list-view .btn {
	border-radius: 8px !important;
	border: 1px solid #e2e8f0 !important;
	color: #64748b !important;
	background: #fff !important;
}
.filters-panel .list-view .btn.active { background: #0f172a !important; color: #fff !important; border-color: #0f172a !important; }
#busca_input, #busca_input_mobile {
	border: 1px solid #e2e8f0 !important;
	border-radius: 22px !important;
	padding: 8px 18px !important;
	font-size: 13px;
	background: #f8fafc;
	transition: all .15s ease;
}
#busca_input:focus { background: #fff; border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99,102,241,.12); }

/* ── Paginação ── */
.pagination > li > a, .pagination > li > span {
	border-radius: 10px !important;
	margin: 0 3px;
	border: 1px solid #e2e8f0 !important;
	color: #334155 !important;
}
.pagination > .active > a, .pagination > .active > span {
	background: #0f172a !important;
	border-color: #0f172a !important;
	color: #fff !important;
}

/* ── Botões gerais do tema ── */
.btn-primary, .button, .hf-botao {
	border-radius: 10px !important;
}

/* ── Rodapé ── */
footer, .footer-container { border-top: 4px solid #e31e24; }

/* ── Respiro geral das secções ── */
.module { margin-bottom: 10px !important; }
.sponsored-row .products-list { padding: 0 6px; }