/* =========================================================================
   virtualWEB — tema do site de demonstração
   Claro, moderno, responsivo. Assenta no Bootstrap 5 (só para modais/grelha)
   e nas classes que o core do virtualWEB e o seu JS exigem.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Tokens
   ------------------------------------------------------------------------- */
:root {
	--vw-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--vw-ink: #0f172a;
	--vw-ink-soft: #334155;
	--vw-muted: #64748b;
	--vw-line: #e6e9ef;
	--vw-line-soft: #f1f3f7;
	--vw-bg: #ffffff;
	--vw-soft: #f7f8fa;

	--vw-accent: #1d4ed8;
	--vw-accent-dark: #1740b0;
	--vw-accent-soft: #eef3ff;

	--vw-success: #15803d;
	--vw-success-soft: #e8f6ed;
	--vw-warn: #b45309;
	--vw-warn-soft: #fdf3e3;
	--vw-danger: #b91c1c;
	--vw-danger-soft: #fdeceb;

	--vw-radius: 14px;
	--vw-radius-sm: 10px;
	--vw-radius-pill: 999px;

	--vw-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
	--vw-shadow: 0 4px 16px rgba(15, 23, 42, .08);
	--vw-shadow-lg: 0 18px 45px rgba(15, 23, 42, .14);

	--vw-gap: 24px;
	--vw-maxw: 1280px;
}

/* -------------------------------------------------------------------------
   2. Base
   ------------------------------------------------------------------------- */
* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: var(--vw-font);
	font-size: 15px;
	line-height: 1.6;
	color: var(--vw-ink);
	background: var(--vw-bg);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }

a { color: var(--vw-accent); text-decoration: none; transition: color .15s ease; }
a:hover { color: var(--vw-accent-dark); }
a[href="javascript:;"], a:not([href]) { cursor: pointer; }

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	font-weight: 650;
	line-height: 1.25;
	letter-spacing: -.015em;
	color: var(--vw-ink);
}
h1 { font-size: clamp(1.9rem, 1.3rem + 2vw, 2.6rem); }
h2 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2rem); }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.05rem; }

p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em; padding-left: 1.2em; }
hr { border: 0; border-top: 1px solid var(--vw-line); margin: 2rem 0; }

::selection { background: var(--vw-accent); color: #fff; }

:focus-visible {
	outline: 2px solid var(--vw-accent);
	outline-offset: 2px;
	border-radius: 4px;
}

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

/* -------------------------------------------------------------------------
   3. Layout
   ------------------------------------------------------------------------- */
.vw-container {
	width: 100%;
	max-width: var(--vw-maxw);
	margin-inline: auto;
	padding-inline: 20px;
}
.vw-container--narrow { max-width: 880px; }

.vw-section { padding: clamp(40px, 5vw, 72px) 0; }
.vw-section--soft { background: var(--vw-soft); }
.vw-section--tight { padding: clamp(28px, 3vw, 40px) 0; }

.vw-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 28px;
}
.vw-section-head h2 { margin: 0; }
.vw-section-head p { margin: 6px 0 0; color: var(--vw-muted); }
.vw-section-head .vw-link { white-space: nowrap; font-weight: 600; }

.vw-link i { font-size: .8em; margin-left: 4px; }

.vw-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}
.vw-layout--reverse { grid-template-columns: minmax(0, 1fr) 320px; }

@media (max-width: 991px) {
	.vw-layout, .vw-layout--reverse { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}

/* -------------------------------------------------------------------------
   4. Botões
   ------------------------------------------------------------------------- */
/*	Muitos botões do core não têm classe nenhuma — são <input type="submit"> ou
	<div> com só o gancho de JS. Estilizá-los aqui evita botões nativos cinzentos
	no meio do tema. */
.vw-btn,
.btn,
.btn.submitbtn,
button.btn-primary,
.btn.btn-primary,
input[type="submit"],
button[type="submit"],
#botaoLoginEntrar,
#botaoRegistar,
#botaoguardarRegisto,
#botaoRecuperarPassword,
#botaoComprarSemRegisto,
#criarDevolucao,
.validarCupaoDesconto,
.validarDescontoCartaoCliente,
.converterPontosFidelidade,
.guardarEndereco,
.btnAdicionarNovoAmigo,
.send-message,
.finalizarEncomendaCarrinhoSimplificado,
.criarDevolucao,
.subscribeNews {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 22px;
	border: 1px solid transparent;
	border-radius: var(--vw-radius-pill);
	background: var(--vw-accent);
	color: #fff;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	cursor: pointer;
	transition: background .15s ease, box-shadow .15s ease, transform .1s ease, color .15s ease, border-color .15s ease;
}
.vw-btn:hover,
.btn:hover,
.btn.submitbtn:hover,
.btn.btn-primary:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.validarCupaoDesconto:hover,
.validarDescontoCartaoCliente:hover,
.converterPontosFidelidade:hover,
.guardarEndereco:hover,
.send-message:hover,
.finalizarEncomendaCarrinhoSimplificado:hover,
.criarDevolucao:hover,
.subscribeNews:hover { background: var(--vw-accent-dark); color: #fff; box-shadow: var(--vw-shadow); }

/* Os <input type=submit> não aceitam flex nem ícones */
input[type="submit"] { display: inline-block; width: auto; }
input[type="submit"]:focus { box-shadow: 0 0 0 3px rgba(29, 78, 216, .25); }

/* Botões secundários que o core gera junto dos principais */
.btn.limparCarrinho, .btn.passoAnteriorEnvio, .btn.passoAnteriorPagamento, .btn.voltarCarrinho {
	background: #fff;
	color: var(--vw-ink);
	border-color: var(--vw-line);
}
.btn.limparCarrinho:hover, .btn.passoAnteriorEnvio:hover, .btn.passoAnteriorPagamento:hover, .btn.voltarCarrinho:hover {
	background: var(--vw-soft);
	color: var(--vw-ink);
}
.btn.desativado, .desativado { opacity: .45; pointer-events: none; }
.vw-btn:active { transform: translateY(1px); }
.vw-btn[disabled], .vw-btn.disabled { opacity: .5; pointer-events: none; }

.vw-btn--ghost,
.btn.btn-default {
	background: #fff;
	color: var(--vw-ink);
	border-color: var(--vw-line);
}
.vw-btn--ghost:hover,
.btn.btn-default:hover { background: var(--vw-soft); color: var(--vw-ink); border-color: #d5dae4; }

.vw-btn--soft { background: var(--vw-accent-soft); color: var(--vw-accent); }
.vw-btn--soft:hover { background: #e2eaff; color: var(--vw-accent-dark); }

.vw-btn--dark { background: var(--vw-ink); }
.vw-btn--dark:hover { background: #1e293b; }

.vw-btn--sm { padding: 8px 16px; font-size: .875rem; }
.vw-btn--lg { padding: 14px 30px; font-size: 1.05rem; }
.vw-btn--block { width: 100%; }

/* -------------------------------------------------------------------------
   5. Formulários (inclui os que o core gera sem classes)
   ------------------------------------------------------------------------- */
label { display: inline-block; margin-bottom: 6px; font-size: .875rem; font-weight: 600; color: var(--vw-ink-soft); }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
input[type="number"], input[type="search"], input[type="date"], input[type="url"],
select, textarea, .form-control {
	width: 100%;
	padding: 11px 14px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-sm);
	background: #fff;
	font: inherit;
	color: var(--vw-ink);
	transition: border-color .15s ease, box-shadow .15s ease;
	appearance: none;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
	border-color: var(--vw-accent);
	box-shadow: 0 0 0 3px rgba(29, 78, 216, .12);
	outline: none;
}
input::placeholder, textarea::placeholder { color: #9aa3b2; }
textarea { min-height: 130px; resize: vertical; }

select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2364748b'%3E%3Cpath d='M8 11 3.5 6.5 4.6 5.4 8 8.8l3.4-3.4 1.1 1.1z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
	padding-right: 36px;
}

input[type="checkbox"], input[type="radio"] {
	width: 17px; height: 17px;
	margin-right: 8px;
	accent-color: var(--vw-accent);
	vertical-align: -3px;
}

.vw-field { margin-bottom: 18px; }
.vw-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
@media (max-width: 575px) { .vw-field-row { grid-template-columns: minmax(0, 1fr); } }

.vw-check { display: flex; align-items: flex-start; gap: 4px; font-weight: 400; color: var(--vw-ink-soft); }

/* Mensagens de erro que o JS do core injecta */
.erroLogin, .erroRegistar, .erroRecuperar, .erroEditarPerfil, .erroEmailPadrinho,
.vw-erro, label.error, .error-message {
	display: block;
	margin-top: 8px;
	color: var(--vw-danger);
	font-size: .875rem;
	font-weight: 500;
}
.erroLogin:empty, .erroRegistar:empty, .erroRecuperar:empty, .erroEditarPerfil:empty { margin: 0; }

input.error, select.error, textarea.error { border-color: var(--vw-danger); }

.vw-alert {
	padding: 14px 18px;
	border-radius: var(--vw-radius-sm);
	border: 1px solid var(--vw-line);
	background: var(--vw-soft);
	margin-bottom: 20px;
}
.vw-alert--info { background: var(--vw-accent-soft); border-color: #d6e0ff; color: var(--vw-accent-dark); }
.vw-alert--ok { background: var(--vw-success-soft); border-color: #cbe9d7; color: var(--vw-success); }
.vw-alert--erro { background: var(--vw-danger-soft); border-color: #f6d3d1; color: var(--vw-danger); }

/* -------------------------------------------------------------------------
   6. Cabeçalho
   ------------------------------------------------------------------------- */
.vw-header {
	position: sticky;
	top: 0;
	z-index: 900;
	background: rgba(255, 255, 255, .92);
	backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid var(--vw-line);
}

.vw-topbar {
	background: var(--vw-ink);
	color: #cbd5e1;
	font-size: .8125rem;
}
.vw-topbar .vw-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 38px;
}
.vw-topbar a { color: #e2e8f0; }
.vw-topbar a:hover { color: #fff; }
.vw-topbar ul { display: flex; gap: 18px; margin: 0; padding: 0; list-style: none; }
.vw-topbar i { margin-right: 6px; opacity: .8; }
@media (max-width: 767px) { .vw-topbar-claim { display: none; } }

/* Selector de IVA no topo (loja): <select class="vw_selectIvaSite"> */
.vw-topbar-iva { display: inline-flex; align-items: center; gap: 4px; }
.vw_selectIvaSite {
	width: auto;
	padding: 2px 20px 2px 4px;
	border: 0;
	background: transparent;
	color: #e2e8f0;
	font: inherit;
	font-size: .8125rem;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cbd5e1'%3E%3Cpath d='M8 11 3.5 6.5 4.6 5.4 8 8.8l3.4-3.4 1.1 1.1z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 2px center;
	background-size: 14px;
}
.vw_selectIvaSite:focus { box-shadow: none; outline: none; }
.vw_selectIvaSite option { color: var(--vw-ink); }

.vw-headbar {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 14px 0;
}
.vw-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.vw-logo img { max-height: 46px; width: auto; }

.vw-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }

.vw-action {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	min-width: 58px;
	padding: 8px 10px;
	border-radius: var(--vw-radius-sm);
	color: var(--vw-ink);
	font-size: .6875rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	transition: background .15s ease, color .15s ease;
}
.vw-action:hover { background: var(--vw-soft); color: var(--vw-accent); }
.vw-action i { font-size: 1.125rem; }
.vw-action span { white-space: nowrap; max-width: 92px; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 991px) { .vw-action span { display: none; } .vw-action { min-width: 42px; } }

.vw-badge-count,
.numItemsCarrinho {
	position: absolute;
	top: 2px;
	right: 6px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: var(--vw-radius-pill);
	background: var(--vw-accent);
	color: #fff;
	font-size: .625rem;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

/* Burger (mobile) */
.vw-burger {
	display: none;
	align-items: center;
	justify-content: center;
	width: 42px; height: 42px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-sm);
	background: #fff;
	color: var(--vw-ink);
	font-size: 1.125rem;
	cursor: pointer;
}
@media (max-width: 991px) { .vw-burger { display: inline-flex; } }

/* Pesquisa do cabeçalho */
.vw-search { position: relative; flex: 1 1 auto; max-width: 520px; }
.vw-search .vw-search-field { position: relative; display: flex; align-items: center; }
.vw-search input[type="text"] {
	padding: 11px 46px 11px 42px;
	background: var(--vw-soft);
	border-color: transparent;
	border-radius: var(--vw-radius-pill);
}
.vw-search input[type="text"]:focus { background: #fff; border-color: var(--vw-accent); }
.vw-search .vw-search-icon {
	position: absolute;
	left: 16px;
	color: var(--vw-muted);
	pointer-events: none;
}
.vw-search .vw-formSearchSubmit {
	position: absolute;
	right: 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px; height: 32px;
	border-radius: 50%;
	background: var(--vw-accent);
	color: #fff;
	font-size: .8125rem;
	cursor: pointer;
}
.vw-search .vw-formSearchSubmit:hover { background: var(--vw-accent-dark); color: #fff; }
@media (max-width: 991px) { .vw-search { order: 10; flex-basis: 100%; max-width: none; } }

/*	Resultados instantâneos da pesquisa. O HTML vem do _inc/vw-ajax/search.php:
	.searchCategoriaTitle (título de secção), .lineResult (cada resultado),
	.leftSideProd (miniatura em <div> com background), .rightSideProd (texto),
	.leftSide/.rightSide (variante sem imagem), .searchRef, .caminhoCat,
	.show_all_results (ver todos). */
.vw-pesquisaOutput, #pesquisaOutput {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 950;
	max-height: 65vh;
	overflow-y: auto;
	padding: 8px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	box-shadow: var(--vw-shadow-lg);
}
.vw-pesquisaOutput:empty, #pesquisaOutput:empty { display: none !important; }
.searchCategoriaTitle {
	padding: 10px 10px 4px;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--vw-muted);
}
.lineResult {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 10px;
	border-radius: var(--vw-radius-sm);
	color: var(--vw-ink);
}
.lineResult:hover, .lineResult.active { background: var(--vw-accent-soft); }
.lineResult a { display: flex; align-items: center; gap: 12px; color: inherit; width: 100%; }
.lineResult img { width: 44px; height: 44px; object-fit: contain; border-radius: 8px; background: var(--vw-soft); }
.leftSideProd {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background-color: var(--vw-soft);
	background-repeat: no-repeat;
	background-position: center;
}
.leftSideProd a { display: block; width: 100%; height: 100%; }
.rightSideProd, .leftSide { flex: 1 1 auto; min-width: 0; line-height: 1.35; }
.rightSide { flex: 0 0 auto; }
.searchRef { display: block; font-size: .8125rem; color: var(--vw-muted); }
.caminhoCat { font-size: .8125rem; color: var(--vw-muted); }
.show_all_results { justify-content: center; margin-top: 4px; border-top: 1px solid var(--vw-line-soft); font-weight: 600; }
.show_all_results a { justify-content: center; color: var(--vw-accent); }

/* Zona de resultados em tempo real (pesquisa.js) */
#vw-main-search { padding: 32px 0 60px; }

/* -------------------------------------------------------------------------
   7. Menu principal (marcação gerada pelo getMenu)
   ------------------------------------------------------------------------- */
.vw-nav { border-top: 1px solid var(--vw-line-soft); }
.vw-nav .vw-container { display: flex; align-items: center; gap: 20px; }

ul.vw-nav-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vw-nav-item { position: relative; }
.vw-nav-item > a,
a.vw-nav-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 13px 14px;
	color: var(--vw-ink);
	font-size: .9375rem;
	font-weight: 600;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
}
.vw-nav-item > a:hover,
.vw-nav-item.vw-open > a,
a.vw-nav-link.active { color: var(--vw-accent); border-bottom-color: var(--vw-accent); }

/* Indicador de submenu */
.vw-nav-item:has(> ul) > a::after {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: .5rem;
	opacity: .55;
}

/* Submenu */
.vw-nav-item > ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 940;
	display: none;
	min-width: 240px;
	margin: 0;
	padding: 8px;
	list-style: none;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	box-shadow: var(--vw-shadow-lg);
}
.vw-nav-item:hover > ul,
.vw-nav-item.vw-open > ul { display: block; }

.vw-nav-item ul li { position: relative; }
.vw-nav-item ul a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 9px 12px;
	border-radius: var(--vw-radius-sm);
	color: var(--vw-ink-soft);
	font-size: .9rem;
	font-weight: 500;
}
.vw-nav-item ul a:hover, .vw-nav-item ul a.active { background: var(--vw-accent-soft); color: var(--vw-accent); }

/* Terceiro nível: em cascata no desktop */
.vw-nav-item ul ul {
	position: absolute;
	top: -8px;
	left: 100%;
	display: none;
	min-width: 220px;
	padding: 8px;
	margin: 0;
	list-style: none;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	box-shadow: var(--vw-shadow-lg);
}
.vw-nav-item ul li:hover > ul { display: block; }

.vw-menu-imagem { flex: 0 0 auto; }
.vw-menu-imagem img { width: 34px; height: 34px; object-fit: cover; border-radius: 8px; }

/* Navegação em ecrãs pequenos */
@media (max-width: 991px) {
	.vw-nav { display: none; }
	.vw-nav.vw-nav--open { display: block; }
	.vw-nav .vw-container { display: block; padding-bottom: 16px; }
	ul.vw-nav-list { flex-direction: column; align-items: stretch; gap: 0; }
	.vw-nav-item > a { padding: 12px 4px; border-bottom: 1px solid var(--vw-line-soft); }
	.vw-nav-item > a:hover, a.vw-nav-link.active { border-bottom-color: var(--vw-line-soft); }
	.vw-nav-item > ul,
	.vw-nav-item ul ul {
		position: static;
		display: none;
		box-shadow: none;
		border: 0;
		border-left: 2px solid var(--vw-line);
		border-radius: 0;
		padding: 4px 0 4px 14px;
		margin: 0 0 8px 6px;
		min-width: 0;
	}
	.vw-nav-item:hover > ul, .vw-nav-item ul li:hover > ul { display: none; }
	.vw-nav-item.vw-open > ul, .vw-nav-item ul li.vw-open > ul { display: block; }
}

/* -------------------------------------------------------------------------
   8. Mini-carrinho
   ------------------------------------------------------------------------- */
.blocoCarrinho { position: relative; }
.blocoCarrinho .produtosCarrinho {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 940;
	width: 350px;
	max-width: calc(100vw - 32px);
	padding: 16px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	box-shadow: var(--vw-shadow-lg);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
}
.blocoCarrinho:hover .produtosCarrinho,
.blocoCarrinho.vw-open .produtosCarrinho { opacity: 1; visibility: visible; transform: none; }

.produtosCarrinho .block-subtitle {
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--vw-muted);
	margin-bottom: 10px;
}
.tabelaProdutosCarrinho { max-height: 320px; overflow-y: auto; }
.tabelaProdutosCarrinho table.tabelaProdutos { width: 100%; border-collapse: collapse; }
.tabelaProdutosCarrinho td { padding: 10px 6px; border-bottom: 1px solid var(--vw-line-soft); vertical-align: middle; font-size: .875rem; }
.tabelaProdutosCarrinho img { border-radius: 8px; background: var(--vw-soft); }
.marcaProdCarrinho { font-size: .6875rem; text-transform: uppercase; letter-spacing: .04em; color: var(--vw-muted); }
.nomeProdCarrinho { font-weight: 600; line-height: 1.35; }
.precoProdCarrinho { display: flex; align-items: baseline; gap: 6px; margin-top: 2px; color: var(--vw-muted); }
.precoProdCarrinho p { margin: 0; }
.precoProdCarrinho .precoNormal.cortado { text-decoration: line-through; }
.precoProdCarrinho .precoDesconto { color: var(--vw-danger); font-weight: 600; }
.eleminarProdCarrinho { color: var(--vw-muted); cursor: pointer; transition: color .15s ease; }
.eleminarProdCarrinho:hover { color: var(--vw-danger); }
.alignMiddle { vertical-align: middle; text-align: right; }
.produtosCarrinho .vw-cart-foot { display: grid; gap: 8px; margin-top: 14px; }
.vw-cart-empty { padding: 22px 0; text-align: center; color: var(--vw-muted); }

/* -------------------------------------------------------------------------
   9. Hero / slider
   ------------------------------------------------------------------------- */
.vw-hero { position: relative; overflow: hidden; background: var(--vw-soft); }
.vw-slides { position: relative; }
.vw-slide {
	position: relative;
	display: none;
	min-height: clamp(320px, 42vw, 520px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.vw-slide.is-active { display: block; animation: vwFade .5s ease; }
@keyframes vwFade { from { opacity: 0; } to { opacity: 1; } }

.vw-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(15, 23, 42, .72) 0%, rgba(15, 23, 42, .35) 45%, rgba(15, 23, 42, 0) 75%);
}
.vw-slide-inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: clamp(320px, 42vw, 520px);
	max-width: 620px;
	padding: 48px 0;
	color: #fff;
}
.vw-slide-inner h2 { color: #fff; margin-bottom: 14px; font-size: clamp(1.75rem, 1.1rem + 2.4vw, 3rem); }
.vw-slide-inner p { color: rgba(255, 255, 255, .88); font-size: 1.0625rem; margin-bottom: 24px; }
.vw-slide-inner .vw-btn { align-self: flex-start; }
.vw-slide a.vw-slide-link { position: absolute; inset: 0; z-index: 3; }

.vw-slides-nav {
	position: absolute;
	bottom: 22px;
	left: 0;
	right: 0;
	z-index: 4;
	display: flex;
	justify-content: center;
	gap: 8px;
}
.vw-slides-nav button {
	width: 30px; height: 4px;
	padding: 0;
	border: 0;
	border-radius: var(--vw-radius-pill);
	background: rgba(255, 255, 255, .45);
	cursor: pointer;
	transition: background .2s ease, width .2s ease;
}
.vw-slides-nav button.is-active { background: #fff; width: 46px; }
.vw-slides-nav:has(button:only-child) { display: none; }

/* -------------------------------------------------------------------------
   10. Cartões de produto
   ------------------------------------------------------------------------- */
.vw-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: var(--vw-gap);
}
.vw-grid--2 { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.vw-grid--wide { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.vw-card {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.vw-card:hover { box-shadow: var(--vw-shadow); border-color: #dde2ea; transform: translateY(-2px); }

.vw-card-media {
	position: relative;
	display: block;
	aspect-ratio: 4 / 3;
	background: var(--vw-soft) center/contain no-repeat;
	background-size: contain;
}
.vw-card-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 12px; }

.vw-card-badges {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}
.vw-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: var(--vw-radius-pill);
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	background: var(--vw-ink);
	color: #fff;
}
.vw-badge--novo { background: var(--vw-accent); }
.vw-badge--promo, .vw-badge--desconto { background: var(--vw-danger); }
.vw-badge--outlet { background: #7c3aed; }
.vw-badge--usado { background: #0f766e; }
.vw-badge--saldo { background: #db2777; }

.vw-card-tools {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 6px;
	opacity: 0;
	transform: translateX(6px);
	transition: opacity .2s ease, transform .2s ease;
}
.vw-card:hover .vw-card-tools { opacity: 1; transform: none; }
@media (hover: none) { .vw-card-tools { opacity: 1; transform: none; } }

.vw-tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px; height: 34px;
	border: 1px solid var(--vw-line);
	border-radius: 50%;
	background: #fff;
	color: var(--vw-ink-soft);
	font-size: .8125rem;
	cursor: pointer;
	box-shadow: var(--vw-shadow-sm);
	transition: background .15s ease, color .15s ease;
}
.vw-tool:hover, .vw-tool.is-on { background: var(--vw-accent); border-color: var(--vw-accent); color: #fff; }

.vw-card-body { display: flex; flex-direction: column; flex: 1 1 auto; gap: 6px; padding: 16px; }
.vw-card-brand { font-size: .6875rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: var(--vw-muted); }
.vw-card-title { margin: 0; font-size: .9375rem; font-weight: 600; line-height: 1.4; }
.vw-card-title a { color: var(--vw-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vw-card-title a:hover { color: var(--vw-accent); }
.vw-card-desc { margin: 0; color: var(--vw-muted); font-size: .875rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.vw-card-foot { margin-top: auto; padding-top: 12px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }

/* Preços (marcação do getProductPrice) */
.price-box { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; margin: 0; }
.price-box p { margin: 0; }
.price { font-size: 1.125rem; font-weight: 700; color: var(--vw-ink); white-space: nowrap; }
.old-price .price { font-size: .9375rem; font-weight: 500; color: var(--vw-muted); text-decoration: line-through; }
.special-price .price { color: var(--vw-danger); }
.vw-precoSobConsulta { cursor: pointer; font-size: .9375rem; font-weight: 600; color: var(--vw-accent); }
.vw-iva { font-size: .75rem; color: var(--vw-muted); font-weight: 500; }

/* Estado de stock */
.vw-stock { display: inline-flex; align-items: center; gap: 6px; font-size: .75rem; font-weight: 600; }
.vw-stock::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.vw-stock.emStock, .emStock { color: var(--vw-success); }
.vw-stock.stockLimitado, .stockLimitado { color: var(--vw-warn); }
.vw-stock.foraStock, .foraStock { color: var(--vw-danger); }

/* Botão de compra na listagem */
.vw-bloco-adicionar-carrinho-listagem { display: flex; align-items: center; gap: 8px; width: 100%; }
/*	No detalhe o mesmo bloco leva opções, quantidade e botão: empilha-os, senão
	os selects das opções espremem a linha de compra. */
.vw-product-buy .vw-bloco-adicionar-carrinho-listagem { flex-direction: column; align-items: stretch; gap: 14px; }
.vw-product-buy .vw-buy-row { justify-content: flex-start; }
.vw-product-buy .vw-qty { flex: 0 0 auto; }
.vw-product-buy .vw-qty input.vw-quantidade-listagem { width: 54px; flex: 0 0 54px; }
.vw-product-buy select { width: 100%; }
.vw-quantidade-listagem { width: 68px; text-align: center; padding: 9px 6px; }
.vw-adicionar-carrinho-listagem { flex: 1 1 auto; }

/* Cartão em modo lista */
.vw-list { display: grid; gap: 16px; }
.vw-list .vw-card { flex-direction: row; }
.vw-list .vw-card-media { flex: 0 0 240px; aspect-ratio: 1 / 1; }
.vw-list .vw-card-body { padding: 20px 22px; }
.vw-list .vw-card-desc { -webkit-line-clamp: 3; }
@media (max-width: 575px) {
	.vw-list .vw-card { flex-direction: column; }
	.vw-list .vw-card-media { flex-basis: auto; aspect-ratio: 4 / 3; }
}

/* -------------------------------------------------------------------------
   11. Barra de ferramentas da listagem
   ------------------------------------------------------------------------- */
.vw-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	margin-bottom: 24px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
}
.vw-toolbar-count { font-size: .875rem; color: var(--vw-muted); margin-right: auto; }
.vw-toolbar-count strong { color: var(--vw-ink); }
.vw-toolbar label { margin: 0; font-size: .8125rem; color: var(--vw-muted); font-weight: 500; }
.vw-toolbar select { width: auto; min-width: 150px; padding: 8px 34px 8px 12px; font-size: .875rem; }

.vw-viewswitch { display: inline-flex; gap: 4px; padding: 3px; border: 1px solid var(--vw-line); border-radius: var(--vw-radius-sm); }
.vw-viewswitch a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 32px; height: 30px;
	border-radius: 7px;
	color: var(--vw-muted);
	cursor: pointer;
}
.vw-viewswitch a:hover { background: var(--vw-soft); color: var(--vw-ink); }
.vw-viewswitch a.active { background: var(--vw-ink); color: #fff; }
@media (max-width: 767px) { .vw-toolbar-field--paging { display: none; } }

/* -------------------------------------------------------------------------
   12. Filtros
   ------------------------------------------------------------------------- */
.vw-aside { display: grid; gap: 20px; }
.vw-panel {
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	overflow: hidden;
}
.vw-panel-head {
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 14px 18px;
	border-bottom: 1px solid var(--vw-line);
	font-weight: 650;
}
.vw-panel-body { padding: 18px; }
.vw-panel-body > *:last-child { margin-bottom: 0; }

.vw-catlist { list-style: none; margin: 0; padding: 0; }
.vw-catlist li + li { border-top: 1px solid var(--vw-line-soft); }
.vw-catlist a { display: block; padding: 10px 18px; color: var(--vw-ink-soft); font-weight: 500; }
.vw-catlist a:hover, .vw-catlist a.active { background: var(--vw-accent-soft); color: var(--vw-accent); }
.vw-catlist ul { list-style: none; margin: 0; padding: 0 0 0 14px; }
.vw-catlist ul a { padding-block: 8px; font-size: .875rem; font-weight: 400; }

.filtrosProdutos .filtro { margin-bottom: 18px; }
.filtrosProdutos .filtro > label,
.filtrosProdutos .filtro > .vw-filtro-titulo {
	display: block; margin-bottom: 8px;
	font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--vw-muted);
}
.filtrosProdutos ul { list-style: none; margin: 0; padding: 0; max-height: 230px; overflow-y: auto; }
.filtrosProdutos li label { display: flex; align-items: center; font-weight: 400; margin-bottom: 4px; cursor: pointer; }
.filtrosProdutos .filtrosSecundarios { display: none; }
#price-range { margin: 18px 6px; }

.vw-filters-actions { display: grid; gap: 8px; margin-top: 4px; }

/* -------------------------------------------------------------------------
   13. Migalhas e cabeçalho de página
   ------------------------------------------------------------------------- */
.vw-pagehead { padding: 30px 0 6px; }
.vw-pagehead h1 { margin-bottom: 8px; }
.vw-pagehead p { color: var(--vw-muted); max-width: 70ch; }

.vw-breadcrumbs { padding: 14px 0; font-size: .8125rem; color: var(--vw-muted); }
.vw-breadcrumbs ol, .vw-breadcrumbs ul { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.vw-breadcrumbs li + li::before { content: "/"; margin-right: 6px; color: #cbd5e1; }
.vw-breadcrumbs a { color: var(--vw-muted); }
.vw-breadcrumbs a:hover { color: var(--vw-accent); }
.vw-breadcrumbs li:last-child { color: var(--vw-ink); font-weight: 500; }

/* -------------------------------------------------------------------------
   14. Conteúdo rico vindo do gestor
   ------------------------------------------------------------------------- */
.vw-prose { font-size: 1rem; color: var(--vw-ink-soft); }
.vw-prose > *:first-child { margin-top: 0; }
.vw-prose h2, .vw-prose h3, .vw-prose h4 { margin-top: 1.8em; color: var(--vw-ink); }
.vw-prose img { border-radius: var(--vw-radius); margin: 12px 0; }
.vw-prose a { text-decoration: underline; text-underline-offset: 2px; }
.vw-prose blockquote {
	margin: 1.5em 0;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--vw-accent);
	color: var(--vw-ink);
	font-size: 1.0625rem;
}
.vw-prose table { width: 100%; border-collapse: collapse; margin: 1.5em 0; }
.vw-prose th, .vw-prose td { padding: 10px 12px; border: 1px solid var(--vw-line); text-align: left; }
.vw-prose th { background: var(--vw-soft); font-weight: 650; }
.vw-prose iframe { max-width: 100%; border-radius: var(--vw-radius); }
.vw-lead { font-size: 1.0625rem; color: var(--vw-muted); }

/* -------------------------------------------------------------------------
   15. Tabelas
   ------------------------------------------------------------------------- */
.vw-table-wrap { overflow-x: auto; border: 1px solid var(--vw-line); border-radius: var(--vw-radius); background: #fff; }
.vw-table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.vw-table th, .vw-table td { padding: 14px 16px; text-align: left; border-bottom: 1px solid var(--vw-line-soft); vertical-align: middle; }
.vw-table thead th {
	background: var(--vw-soft);
	font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--vw-muted);
	border-bottom: 1px solid var(--vw-line);
	white-space: nowrap;
}
.vw-table tbody tr:last-child td { border-bottom: 0; }
.vw-table tbody tr:hover { background: #fbfcfe; }
.vw-table .vw-num { text-align: right; white-space: nowrap; }

/* -------------------------------------------------------------------------
   16. Paginação
   ------------------------------------------------------------------------- */
ul.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 36px 0 0;
	padding: 0;
	list-style: none;
}
ul.pagination li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px; height: 40px;
	padding: 0 12px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-sm);
	background: #fff;
	color: var(--vw-ink-soft);
	font-weight: 600;
	font-size: .875rem;
}
ul.pagination li a:hover { border-color: var(--vw-accent); color: var(--vw-accent); }
ul.pagination li.active a, ul.pagination li.current a {
	background: var(--vw-ink);
	border-color: var(--vw-ink);
	color: #fff;
}

/* -------------------------------------------------------------------------
   17. Detalhe de produto
   ------------------------------------------------------------------------- */
.vw-product { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 48px; align-items: start; }
@media (max-width: 991px) { .vw-product { grid-template-columns: minmax(0, 1fr); gap: 32px; } }

.vw-gallery { position: sticky; top: 96px; display: grid; gap: 12px; }
@media (max-width: 991px) { .vw-gallery { position: static; } }
.vw-gallery-main {
	position: relative;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	overflow: hidden;
}
/*	O produtos.detalhe.php preenche BLOCK_IMAGENS_PRODUTO (imagens grandes) e
	BLOCK_IMAGENS_PRODUTO_THUMB (miniaturas) no mesmo ciclo — os dois blocos têm
	de existir. Aqui só a imagem activa é visível; as miniaturas trocam-na. */
.vw-gallery-main img { display: none; width: 100%; height: 100%; object-fit: contain; padding: 20px; }
.vw-gallery-main img.is-active { display: block; }
.vw-gallery-thumbs { display: flex; flex-wrap: wrap; gap: 10px; }
.vw-gallery-thumbs a {
	display: block;
	width: 74px; height: 74px;
	padding: 4px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-sm);
	background: #fff;
	cursor: pointer;
}
.vw-gallery-thumbs a.is-active, .vw-gallery-thumbs a:hover { border-color: var(--vw-accent); }
.vw-gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; }

.vw-product-info h1 { margin-bottom: 10px; }
.vw-product-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 18px; color: var(--vw-muted); font-size: .875rem; }
.vw-product-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.vw-product-price .price { font-size: 1.875rem; }
.vw-product-buy {
	display: grid;
	gap: 14px;
	padding: 20px;
	margin: 22px 0;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: var(--vw-soft);
}
.vw-qty { display: inline-flex; align-items: center; border: 1px solid var(--vw-line); border-radius: var(--vw-radius-pill); background: #fff; overflow: hidden; }
.vw-qty button, .vw-qty a {
	width: 40px; height: 44px;
	border: 0; background: none;
	color: var(--vw-ink-soft);
	font-size: 1rem;
	cursor: pointer;
}
.vw-qty button:hover, .vw-qty a:hover { background: var(--vw-soft); color: var(--vw-accent); }
.vw-qty input { width: 54px; border: 0; text-align: center; padding: 11px 0; background: none; }
.vw-qty input:focus { box-shadow: none; }
.vw-buy-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.vw-buy-row .vw-btn { flex: 1 1 200px; }

.vw-product-extra { display: grid; gap: 10px; margin-top: 18px; font-size: .875rem; color: var(--vw-muted); }
.vw-product-extra li { display: flex; align-items: center; gap: 10px; }
.vw-product-extra i { color: var(--vw-accent); width: 18px; text-align: center; }
.vw-product-extra ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }

/* Abas */
.vw-tabs { margin-top: 60px; }
.vw-tabs-nav { display: flex; flex-wrap: wrap; gap: 4px; border-bottom: 1px solid var(--vw-line); margin-bottom: 28px; }
.vw-tabs-nav a {
	padding: 12px 18px;
	border-bottom: 2px solid transparent;
	color: var(--vw-muted);
	font-weight: 600;
	cursor: pointer;
}
.vw-tabs-nav a:hover { color: var(--vw-ink); }
.vw-tabs-nav a.is-active { color: var(--vw-accent); border-bottom-color: var(--vw-accent); }
.vw-tab-panel { display: none; }
.vw-tab-panel.is-active { display: block; animation: vwFade .25s ease; }

.vw-share { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.vw-share a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px;
	border: 1px solid var(--vw-line);
	border-radius: 50%;
	color: var(--vw-ink-soft);
}
.vw-share a:hover { background: var(--vw-ink); border-color: var(--vw-ink); color: #fff; }

/* Comentários / rating */
.ratingComentarios .stars, .vw-rating { color: #f59e0b; }
#vwFormComentario { display: grid; gap: 14px; max-width: 620px; }

/* -------------------------------------------------------------------------
   18. Carrinho e checkout
   ------------------------------------------------------------------------- */
.vw-checkout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 32px; align-items: start; }
@media (max-width: 991px) { .vw-checkout { grid-template-columns: minmax(0, 1fr); } }
.vw-summary { position: sticky; top: 96px; }
@media (max-width: 991px) { .vw-summary { position: static; } }

.tabelaProdutosCarrinhoCompras, .tabelaPagamentosCarrinhoCompras, .tabelaArtigosDevolucao {
	width: 100%;
	border-collapse: collapse;
}
.tabelaProdutosCarrinhoCompras th, .tabelaProdutosCarrinhoCompras td,
.tabelaPagamentosCarrinhoCompras th, .tabelaPagamentosCarrinhoCompras td,
.tabelaArtigosDevolucao th, .tabelaArtigosDevolucao td {
	padding: 14px 12px;
	border-bottom: 1px solid var(--vw-line-soft);
	text-align: left;
	vertical-align: middle;
}
.tabelaProdutosCarrinhoCompras thead th, .tabelaPagamentosCarrinhoCompras thead th {
	font-size: .75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--vw-muted); font-weight: 700;
}
.adicQuantProdCarrinhoCompras, .removQuantProdCarrinhoCompras {
	display: inline-flex; align-items: center; justify-content: center;
	width: 28px; height: 28px;
	border: 1px solid var(--vw-line); border-radius: 50%;
	cursor: pointer;
}
.adicQuantProdCarrinhoCompras:hover, .removQuantProdCarrinhoCompras:hover { border-color: var(--vw-accent); color: var(--vw-accent); }
.eleminarProdCarrinhoCompras { color: var(--vw-muted); cursor: pointer; }
.eleminarProdCarrinhoCompras:hover { color: var(--vw-danger); }

.vw-steps { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.vw-step {
	display: flex; align-items: center; gap: 8px;
	padding: 10px 16px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-pill);
	font-size: .875rem; font-weight: 600; color: var(--vw-muted);
	background: #fff;
}
.vw-step span {
	display: inline-flex; align-items: center; justify-content: center;
	width: 22px; height: 22px;
	border-radius: 50%;
	background: var(--vw-soft);
	font-size: .75rem;
}
.vw-step.is-active { border-color: var(--vw-ink); color: var(--vw-ink); }
.vw-step.is-active span { background: var(--vw-ink); color: #fff; }

/* -------------------------------------------------------------------------
   19. Área de cliente
   ------------------------------------------------------------------------- */
.vw-account-nav { display: grid; gap: 4px; }
.vw-account-nav a {
	display: flex; align-items: center; gap: 10px;
	padding: 11px 14px;
	border-radius: var(--vw-radius-sm);
	color: var(--vw-ink-soft);
	font-weight: 600;
}
.vw-account-nav a:hover { background: var(--vw-soft); }
.vw-account-nav a.active { background: var(--vw-accent-soft); color: var(--vw-accent); }
.vw-account-nav i { width: 18px; text-align: center; color: var(--vw-muted); }
.vw-account-nav a.active i { color: var(--vw-accent); }

.vw-user-card { display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid var(--vw-line); border-radius: var(--vw-radius); margin-bottom: 20px; }
.vw-user-avatar {
	display: inline-flex; align-items: center; justify-content: center;
	width: 46px; height: 46px;
	border-radius: 50%;
	background: var(--vw-accent-soft);
	color: var(--vw-accent);
	font-size: 1.125rem;
}

/* Login em duas colunas (marcação do core) */
.displayFlex { display: flex; flex-wrap: wrap; gap: 32px; }
.metadeModalLoginLeft, .metadeModalLoginRight { flex: 1 1 260px; }
.metadeModalLoginRight { padding-left: 0 !important; }
.tituloFromLogin { display: block; margin-top: 12px; }
.vw-titulo { font-size: 1.05rem; font-weight: 650; margin-bottom: 12px; }
#vw-login-form, #vw-registar-form, #vw-recuperar-form, #vw-alterar-password-form { display: grid; gap: 4px; }
#vw-login-form button, #vw-registar-form button, #vw-recuperar-form button { margin-top: 16px; justify-self: start; }
.hrefRecuperarPassword, .hrefComprarSemRegisto { display: inline-block; margin-top: 12px; font-size: .875rem; }
.btnLoginComFacebook {
	display: inline-flex; align-items: center; gap: 8px;
	margin-top: 12px; padding: 10px 18px;
	border-radius: var(--vw-radius-pill);
	background: #1877f2; color: #fff; font-weight: 600;
}

/* -------------------------------------------------------------------------
   20. Notícias, galerias e conteúdos
   ------------------------------------------------------------------------- */
.vw-post {
	display: flex; flex-direction: column;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease;
}
.vw-post:hover { box-shadow: var(--vw-shadow); transform: translateY(-2px); }
.vw-post-media { display: block; aspect-ratio: 16 / 10; background: var(--vw-soft) center/cover no-repeat; }
.vw-post-body { display: flex; flex-direction: column; gap: 8px; flex: 1 1 auto; padding: 20px; }
.vw-post-date { font-size: .75rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--vw-accent); }
.vw-post-title { margin: 0; font-size: 1.0625rem; line-height: 1.4; }
.vw-post-title a { color: var(--vw-ink); }
.vw-post-title a:hover { color: var(--vw-accent); }
.vw-post-desc { margin: 0; color: var(--vw-muted); font-size: .9375rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.vw-post-more { margin-top: auto; padding-top: 10px; font-weight: 600; font-size: .875rem; }

.vw-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.vw-gallery-item {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: var(--vw-radius);
	background: var(--vw-soft) center/cover no-repeat;
	overflow: hidden;
}
.vw-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.vw-gallery-item:hover img { transform: scale(1.05); }
.vw-gallery-item figcaption {
	position: absolute; left: 0; right: 0; bottom: 0;
	padding: 26px 14px 12px;
	background: linear-gradient(transparent, rgba(15, 23, 42, .78));
	color: #fff;
	font-size: .875rem;
	font-weight: 600;
}
.vw-video-frame { position: relative; aspect-ratio: 16 / 9; border-radius: var(--vw-radius); overflow: hidden; background: #000; }
.vw-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.vw-banner-tile {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 220px;
	padding: 24px;
	border-radius: var(--vw-radius);
	background: var(--vw-soft) center/cover no-repeat;
	color: #fff;
	overflow: hidden;
}
.vw-banner-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(15, 23, 42, .75)); }
.vw-banner-tile > * { position: relative; z-index: 2; }
.vw-banner-tile h3 { color: #fff; margin: 0 0 4px; }
.vw-banner-tile p { margin: 0; color: rgba(255, 255, 255, .85); font-size: .9375rem; }

/* Blocos de vantagens */
.vw-usps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.vw-usp { display: flex; align-items: flex-start; gap: 14px; }
.vw-usp i {
	display: inline-flex; align-items: center; justify-content: center;
	flex: 0 0 auto;
	width: 42px; height: 42px;
	border-radius: 50%;
	background: var(--vw-accent-soft);
	color: var(--vw-accent);
	font-size: 1rem;
}
.vw-usp strong { display: block; font-size: .9375rem; }
.vw-usp span { color: var(--vw-muted); font-size: .875rem; }

/* Estado vazio */
.vw-empty { padding: 60px 20px; text-align: center; color: var(--vw-muted); }
.vw-empty i { font-size: 2.5rem; color: #cbd5e1; margin-bottom: 14px; display: block; }
.vw-empty h3 { color: var(--vw-ink); }

/* -------------------------------------------------------------------------
   21. Contactos
   ------------------------------------------------------------------------- */
.vw-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
@media (max-width: 991px) { .vw-contact { grid-template-columns: minmax(0, 1fr); } }
.vw-map { border-radius: var(--vw-radius); overflow: hidden; border: 1px solid var(--vw-line); min-height: 320px; }
.vw-map iframe, .vw-map > div { width: 100% !important; min-height: 320px; border: 0; }
.moradasContactos, .vw-contact-list { display: grid; gap: 18px; }

/* -------------------------------------------------------------------------
   22. Rodapé
   ------------------------------------------------------------------------- */
.vw-footer { margin-top: 80px; background: var(--vw-ink); color: #94a3b8; font-size: .9375rem; }
.vw-footer a { color: #cbd5e1; }
.vw-footer a:hover { color: #fff; }
.vw-footer h4 { color: #fff; font-size: .8125rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; }

.vw-newsletter { padding: 40px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.vw-newsletter .vw-container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.vw-newsletter h3 { color: #fff; margin: 0 0 4px; }
.vw-newsletter p { margin: 0; }
.vw-newsletter form { display: flex; gap: 10px; flex: 1 1 380px; max-width: 520px; }
.vw-newsletter input[type="text"], .vw-newsletter input[type="email"] {
	background: rgba(255, 255, 255, .08);
	border-color: rgba(255, 255, 255, .16);
	color: #fff;
	border-radius: var(--vw-radius-pill);
	padding-inline: 20px;
}
.vw-newsletter input::placeholder { color: #94a3b8; }
.vw-newsletter input:focus { background: rgba(255, 255, 255, .14); border-color: #fff; box-shadow: none; }

.vw-footer-main { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; padding: 56px 0; }
@media (max-width: 991px) { .vw-footer-main { grid-template-columns: repeat(2, 1fr); gap: 32px; padding: 40px 0; } }
@media (max-width: 575px) { .vw-footer-main { grid-template-columns: 1fr; } }
.vw-footer-main ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.vw-footer-logo img { max-height: 42px; width: auto; filter: brightness(0) invert(1); opacity: .95; margin-bottom: 16px; }
.vw-footer-contact { display: grid; gap: 10px; margin-top: 16px; }
.vw-footer-contact li { display: flex; gap: 10px; align-items: flex-start; }
.vw-footer-contact i { color: #64748b; width: 16px; text-align: center; margin-top: 4px; }

.vw-social { display: flex; gap: 8px; margin-top: 20px; }
.vw-social:empty { display: none; }
.vw-social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	color: #e2e8f0;
}
.vw-social a:hover { background: var(--vw-accent); color: #fff; }

.vw-footer-bottom {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
	padding: 22px 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
	font-size: .8125rem;
}
.vw-payments { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.vw-payments img { height: 24px; width: auto; filter: grayscale(1) brightness(1.6); opacity: .8; }
.vw-payments img:hover { filter: none; opacity: 1; }

/* Menu do rodapé gerado pelo getMenu */
ul.vw-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
ul.vw-footer-menu ul { display: none; }

/* -------------------------------------------------------------------------
   23. Barra de cookies (marcação fixa do core)
   ------------------------------------------------------------------------- */
/*	O cookies.bar.js mostra a barra com a classe .open e retira-a no OK.
	Sem esta regra a barra ficava sempre visível e o botão não fazia nada. */
.cookiesBar { display: none; }
.cookiesBar.open { display: block; }

.cookiesBar {
	position: fixed;
	left: 16px; right: 16px; bottom: 16px;
	z-index: 1080;
	max-width: 760px;
	margin-inline: auto;
	padding: 18px 20px;
	border-radius: var(--vw-radius);
	background: var(--vw-ink);
	color: #e2e8f0;
	box-shadow: var(--vw-shadow-lg);
	font-size: .875rem;
}
.cookiesBar > div:first-child { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; justify-content: space-between; }
.cookiesBar a { color: #fff; text-decoration: underline; }
.cookiesBar button.acceptCookies {
	padding: 9px 22px;
	border: 0;
	border-radius: var(--vw-radius-pill);
	background: #fff;
	color: var(--vw-ink);
	font-weight: 650;
	cursor: pointer;
}
.cookiesBar button.acceptCookies:hover { background: var(--vw-accent); color: #fff; }
.infoCookiesBar { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .12); max-height: 40vh; overflow-y: auto; }
.infoCookiesBar ul { list-style: none; padding: 0; display: grid; gap: 12px; }
.tituloDetalheCookiesBar { color: #fff; }
.descricaoDetalheCookiesBar { color: #94a3b8; }

/* -------------------------------------------------------------------------
   24. Modais do core (Bootstrap 5)
   ------------------------------------------------------------------------- */
.modal-content { border: 0; border-radius: var(--vw-radius); box-shadow: var(--vw-shadow-lg); }
.modal-header { border-bottom: 1px solid var(--vw-line); padding: 18px 22px; }
.modal-title, .modal-header .vw-titulo { margin: 0; font-size: 1.0625rem; font-weight: 650; }
.modal-body { padding: 22px; }
.modal-footer { border-top: 1px solid var(--vw-line); padding: 16px 22px; gap: 8px; }
.modal-backdrop.show { opacity: .5; }

/* Select box custom do global.js */
.vw-drop-menu { position: relative; cursor: pointer; }
.vw-drop-menu .vwdropeddown {
	position: absolute; top: 100%; left: 0; z-index: 930;
	display: none;
	min-width: 180px;
	margin: 6px 0 0; padding: 6px;
	list-style: none;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-sm);
	background: #fff;
	box-shadow: var(--vw-shadow);
}
.vw-drop-menu .vwdropeddown li { padding: 8px 12px; border-radius: 7px; }
.vw-drop-menu .vwdropeddown li:hover { background: var(--vw-accent-soft); color: var(--vw-accent); }

/* -------------------------------------------------------------------------
   25. Voltar ao topo
   ------------------------------------------------------------------------- */
.vw-totop {
	position: fixed;
	right: 20px; bottom: 20px;
	z-index: 850;
	display: inline-flex; align-items: center; justify-content: center;
	width: 44px; height: 44px;
	border: 1px solid var(--vw-line);
	border-radius: 50%;
	background: #fff;
	color: var(--vw-ink);
	box-shadow: var(--vw-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
	cursor: pointer;
}
.vw-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.vw-totop:hover { background: var(--vw-ink); color: #fff; border-color: var(--vw-ink); }

/* -------------------------------------------------------------------------
   26. Ajustes a marcação gerada pelo core
   ------------------------------------------------------------------------- */

/* Selector de idiomas no topo */
.vw-langs { position: relative; }
.vw-langs > span { cursor: default; }
.vw-langs > ul {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 950;
	display: none;
	flex-direction: column;
	gap: 0;
	min-width: 130px;
	padding: 6px;
	border-radius: var(--vw-radius-sm);
	background: #fff;
	box-shadow: var(--vw-shadow-lg);
	list-style: none;
}
.vw-langs:hover > ul { display: flex; }
.vw-langs > ul a { display: block; padding: 7px 10px; border-radius: 6px; color: var(--vw-ink); }
.vw-langs > ul a:hover { background: var(--vw-accent-soft); color: var(--vw-accent); }

/* Estado activo dos ícones de wishlist/comparador (o core devolve fav2 / comparador2) */
.vw-tool.fav2, .vw-tool.comparador2 { background: var(--vw-accent); border-color: var(--vw-accent); color: #fff; }

/* Menus da área de cliente: o core gera <a><h3>título</h3></a> */
.vw-account-nav h3 { margin: 0; font-size: .9375rem; font-weight: 600; }
.vw-account-nav h3.noBorder { border: 0; }

/* Vantagens quando são links (bloco de características da home) */
a.vw-usp { color: inherit; }
a.vw-usp:hover strong { color: var(--vw-accent); }
.vw-usp img { width: 42px; height: 42px; object-fit: contain; flex: 0 0 auto; }

/* Estado vazio: número grande do erro */
.vw-empty h1 { font-size: clamp(3rem, 2rem + 6vw, 5rem); line-height: 1; margin-bottom: 4px; }
.vw-empty .vw-logo { display: inline-flex; }

/* Moradas de contacto (lista gerada em contactos.php) */
.moradasContactos li { padding: 16px 0; border-bottom: 1px solid var(--vw-line); }
.moradasContactos li:last-child { border-bottom: 0; }
.moradasContactos h4 { margin: 0 0 6px; }
.open-close-custom { cursor: pointer; }

/* Tabelas que o core devolve já montadas */
.vw-panel-body > table, .vw-table-wrap > table { width: 100%; border-collapse: collapse; }
.vw-panel-body > table th, .vw-panel-body > table td,
.vw-table-wrap > table th, .vw-table-wrap > table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--vw-line-soft);
	text-align: left;
}

/* =========================================================================
   27. Compatibilidade com o HTML que o core do virtualWEB gera
   Estas classes vêm de dentro do virtualWEB.php (formulários, carrinho,
   checkout, filtros, área de cliente). Não podem ser renomeadas: só podem
   ser estilizadas aqui.
   ========================================================================= */

/* --- Ícones que o core ainda escreve em Font Awesome 4 ------------------ */
.fa-file-pdf-o::before { content: "\f1c1"; }
.fa-long-arrow-left::before { content: "\f30a"; }
.fa-refresh::before { content: "\f021"; }
.fa-send::before { content: "\f1d8"; }

/* --- Utilitários de alinhamento ---------------------------------------- */
.alignRight, .text-right, .text-r, .nowrapight { text-align: right; }
.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.nowrap { white-space: nowrap; }
.bold { font-weight: 650; }
.marginTop { margin-top: 18px; }
.displayFlex { display: flex; flex-wrap: wrap; gap: 24px; }

/* --- Formulários gerados pelo core (marcação Bootstrap 3) -------------- */
.form-group { margin-bottom: 18px; }
.form-group::after { content: ""; display: table; clear: both; }
.control-label, .tituloForm, .tituloFromLogin, .titulo {
	display: block;
	margin-bottom: 6px;
	font-size: .875rem;
	font-weight: 600;
	color: var(--vw-ink-soft);
}
.tituloForm, .tituloPaginaLogin {
	font-size: 1.05rem;
	font-weight: 650;
	color: var(--vw-ink);
	margin: 8px 0 16px;
}
.form-campos { display: block; }
.form-campos + .form-campos { margin-top: 14px; }
.vw-formulario { display: block; }
.vw-formulario .row { row-gap: 4px; }
.vw-labelCheckbox, .labelAceitarRGPD, .labelAceitarPoliticaPrivacidade {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	font-weight: 400;
	color: var(--vw-ink-soft);
	margin-bottom: 10px;
}
.required { color: var(--vw-danger); }
.linhaFormRegisto { margin-bottom: 14px; }
.linhaSeparador { height: 1px; background: var(--vw-line); margin: 24px 0; }
.modalLinkRGPD { text-decoration: underline; cursor: pointer; }
.captchaSubmit { margin-top: 16px; }
.g-recaptcha-response { display: none; }

/* Botões de tratamento de dados (RGPD) */
.contentBotaoTratamentoDados { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 12px 0; }
.botaoTratamentoDados { cursor: pointer; }
.subTituloBotaoTratamentoDados { font-size: .8125rem; color: var(--vw-muted); }
.tratamentoDados { padding: 16px 0; border-bottom: 1px solid var(--vw-line-soft); }

/* --- Tabelas geradas pelo core ----------------------------------------- */
.containTable { overflow-x: auto; }
table.carrinhoCompras, table.tabelaProdutos, .containTable table {
	width: 100%;
	border-collapse: collapse;
	font-size: .9375rem;
}
table.carrinhoCompras thead td, .containTable table thead td {
	padding: 12px 10px;
	border-bottom: 1px solid var(--vw-line);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--vw-muted);
	white-space: nowrap;
}
table.carrinhoCompras tbody td, .containTable table tbody td {
	padding: 14px 10px;
	border-bottom: 1px solid var(--vw-line-soft);
	vertical-align: middle;
}
.subTableCarrinhoCompras { width: 100%; border-collapse: collapse; }
.subTableCarrinhoCompras td { padding: 4px 0; border: 0; }
.colunaImagemCarrinhoCompras { width: 110px; }
.colunaEliminarCarrinhoCompras { width: 44px; text-align: center; }

/*	.imagemCarrinho é um <div> com o background devolvido pelo getImg(),
	por isso precisa de dimensões próprias ou colapsa. */
.imagemCarrinho {
	width: 90px;
	height: 90px;
	border-radius: var(--vw-radius-sm);
	background-color: var(--vw-soft);
	background-repeat: no-repeat;
	background-position: center;
}

/* A descrição fica com o espaço que sobra; preços e quantidades não quebram. */
table.carrinhoCompras td { vertical-align: middle; }
table.carrinhoCompras tbody td:nth-child(3) { min-width: 220px; }
table.carrinhoCompras .nowrap, table.carrinhoCompras .alignRight { white-space: nowrap; }
.marcaProdCarrinhoCompras { font-size: .6875rem; letter-spacing: .06em; text-transform: uppercase; color: var(--vw-muted); }
.vw_textoStockCarrinho { font-size: .8125rem; color: var(--vw-muted); }
.produtosPack { list-style: none; margin: 6px 0 0; padding: 0; font-size: .8125rem; color: var(--vw-muted); }
.ficheiroExtra { max-width: 60px; border-radius: 6px; margin-right: 6px; }

/* Botões de quantidade dentro da tabela */
.quantidade, .quantidadeProduto { display: inline-block; min-width: 26px; text-align: center; font-weight: 600; }
.adicQuantProdCarrinhoCompras, .removQuantProdCarrinhoCompras {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px; height: 26px;
	margin: 2px;
	border: 1px solid var(--vw-line);
	border-radius: 50%;
	color: var(--vw-ink-soft);
	font-size: .75rem;
	cursor: pointer;
	transition: border-color .15s ease, color .15s ease;
}
.adicQuantProdCarrinhoCompras:hover, .removQuantProdCarrinhoCompras:hover { border-color: var(--vw-accent); color: var(--vw-accent); }
.eleminarProdCarrinhoCompras { font-size: .9375rem; }

/* Logótipos dos meios de pagamento no resumo */
.tituloPagamentosCarrinhoSimplificado {
	margin: 22px 0 10px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--vw-muted);
}
.imagensPagamentosCarrinhoSimplificado { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.imagensPagamentosCarrinhoSimplificado img {
	height: 28px;
	width: auto;
	max-width: 60px;
	object-fit: contain;
	border: 1px solid var(--vw-line);
	border-radius: 6px;
	padding: 2px;
	background: #fff;
}

/* Bootstrap 3 clássico que o core ainda usa em tabelas */
.table-striped tbody tr:nth-child(odd) { background: #fbfcfe; }
.table-hover tbody tr:hover { background: var(--vw-soft); }

/* --- Carrinho de compras / checkout ------------------------------------ */
.tituloCarrinhoCompras { font-size: 1.125rem; margin-bottom: 14px; }
.infoProdutoCarrinhoCompras { line-height: 1.45; }
.infoProdutoCarrinhoCompras a { color: var(--vw-ink); font-weight: 600; }
.infoProdutoCarrinhoCompras a:hover { color: var(--vw-accent); }
.infoCarrinhoCompras { font-size: .8125rem; color: var(--vw-muted); }
.totalCarrinhoCompras { font-size: 1.125rem; font-weight: 700; }
.infoIvaEncomenda { font-size: .75rem; color: var(--vw-muted); }
.infoDescontoPortesCarrinhoCompras, .infoDescontoEncomenda, .infoTempoEspera {
	margin-top: 10px;
	padding: 10px 14px;
	border-radius: var(--vw-radius-sm);
	background: var(--vw-accent-soft);
	color: var(--vw-accent-dark);
	font-size: .875rem;
}
.infoPontosCarrinho { font-size: .875rem; color: var(--vw-muted); }
.numPontosCarrinhoCompras, .valorPontosCarrinhoCompras { font-weight: 650; color: var(--vw-ink); }
.dadosPagamento { margin-top: 16px; }
.btnsCarrinhoCompras { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; margin-top: 20px; }
/*	.btnsCarrinhoComprasDesativar apenas MARCA os botões que o produtos.js pode
	desativar durante os pedidos — quem os desativa é a classe .desativado. */
.limparCarrinho { cursor: pointer; color: var(--vw-muted); font-size: .875rem; }
.limparCarrinho:hover { color: var(--vw-danger); }
.carrinhoVersaoMobile { display: none; }
@media (max-width: 767px) {
	.carrinhoVersaoDesktop { display: none; }
	.carrinhoVersaoMobile { display: block; }
}

/*	Passos do checkout. A marcação do core é
	<li><span class="FormStepIcon"><span class="FormStepIcon-circle">i</span></span>
	    <div class="FormStepIcon-title">…</div></li>
	— o título fica FORA do ícone, por isso o layout é vertical. */
.FormStepList {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
	counter-reset: passo;
}
.FormStepList-item {
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
	color: var(--vw-muted);
}
.FormStepIcon { position: relative; display: block; padding: 0 0 10px; }
/* Linha que liga os passos */
.FormStepIcon::before {
	content: "";
	position: absolute;
	top: 19px;
	left: 0; right: 0;
	height: 2px;
	background: var(--vw-line);
}
.FormStepList-item:first-child .FormStepIcon::before { left: 50%; }
.FormStepList-item:last-child .FormStepIcon::before { right: 50%; }
.FormStepIcon-circle {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px; height: 40px;
	border: 2px solid var(--vw-line);
	border-radius: 50%;
	background: #fff;
	color: var(--vw-muted);
	font-size: .9375rem;
}
.FormStepIcon-title { font-size: .875rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.FormStepList-item.is-active { color: var(--vw-ink); }
.FormStepList-item.is-active .FormStepIcon-circle { border-color: var(--vw-ink); background: var(--vw-ink); color: #fff; }
@media (max-width: 575px) { .FormStepIcon-title { font-size: .75rem; } }

/* --- Filtros da listagem ----------------------------------------------- */
.itemFiltros { margin-bottom: 18px; }
.tituloFiltro {
	display: block;
	margin-bottom: 8px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--vw-muted);
}
.itemFiltros ul { list-style: none; margin: 0; padding: 0; max-height: 230px; overflow-y: auto; }
.itemFiltros label { display: flex; align-items: center; font-weight: 400; margin-bottom: 4px; cursor: pointer; }

/* --- Área de cliente ---------------------------------------------------- */
.virtualWebTablePagination { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 20px; }
.virtualWebTablePagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px; height: 36px;
	padding: 0 10px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius-sm);
	color: var(--vw-ink-soft);
	font-size: .875rem;
	cursor: pointer;
}
.virtualWebTablePagination a:hover, .virtualWebTablePagination a.active { border-color: var(--vw-accent); color: var(--vw-accent); }
.botaoImprimirPDF, .iconPdfMinhasEncomendas { color: var(--vw-danger); font-size: 1.125rem; }
.encomandaPaga, .devolucaoFinalizada { color: var(--vw-success); font-weight: 600; }
.encomandaPorPagar, .devolucaoPendente { color: var(--vw-warn); font-weight: 600; }
.devolucaoCancelada { color: var(--vw-danger); font-weight: 600; }

/* --- Modais em marcação Bootstrap 3 (o core alterna consoante a licença) - */
.modal-bootstrap-3 { padding: 20px; }
.modal-bootstrap-3.modal { overflow-y: auto; }
.modal-bootstrap-3 > .modal-header,
.modal-bootstrap-3 > .modal-body,
.modal-bootstrap-3 > .modal-footer {
	max-width: 800px;
	margin-inline: auto;
	background: #fff;
	border-left: 1px solid var(--vw-line);
	border-right: 1px solid var(--vw-line);
}
.modal-bootstrap-3 > .modal-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 5vh;
	border-top: 1px solid var(--vw-line);
	border-top-left-radius: var(--vw-radius);
	border-top-right-radius: var(--vw-radius);
	box-shadow: var(--vw-shadow-lg);
}
.modal-bootstrap-3 > .modal-body:last-child,
.modal-bootstrap-3 > .modal-footer {
	margin-bottom: 5vh;
	border-bottom: 1px solid var(--vw-line);
	border-bottom-left-radius: var(--vw-radius);
	border-bottom-right-radius: var(--vw-radius);
	box-shadow: var(--vw-shadow-lg);
}
.modal-bootstrap-3 .close {
	border: 0;
	background: none;
	font-size: 1.5rem;
	line-height: 1;
	color: var(--vw-muted);
	cursor: pointer;
}
.modal-bootstrap-3 .close:hover { color: var(--vw-ink); }
.modal .modal-title.vw-titulo, .modal p.modal-title { margin: 0; }

/* --- Resultados da pesquisa em tempo real (site/custom.search.php) ------ */
.tituloSection { font-size: clamp(1.4rem, 1rem + 1.4vw, 2rem); margin: 0 0 20px; }
.headerActionsSearch { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: flex-end; margin-bottom: 20px; }
.headerActionsSearch select { width: auto; min-width: 150px; padding: 8px 34px 8px 12px; font-size: .875rem; }

.contentProduto {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-bottom: 24px;
	border: 1px solid var(--vw-line);
	border-radius: var(--vw-radius);
	background: #fff;
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease;
}
.contentProduto:hover { box-shadow: var(--vw-shadow); transform: translateY(-2px); }
.contentProduto > a { display: flex; flex-direction: column; flex: 1 1 auto; color: inherit; }
.imgemProduto { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: 12px; background: var(--vw-soft); }
.containerInfoProduto { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
.containerRefBrand { display: flex; flex-wrap: wrap; gap: 8px; font-size: .6875rem; letter-spacing: .06em; text-transform: uppercase; color: var(--vw-muted); }
.referenciaProduto, .marcaProduto { font-weight: 700; }
.tituloProduto { font-size: .9375rem; font-weight: 600; line-height: 1.4; color: var(--vw-ink); }

.flagSaldos, .percentagemDesconto, .precoPercentagem {
	position: absolute;
	top: 10px; left: 10px;
	z-index: 2;
	padding: 4px 10px;
	border-radius: var(--vw-radius-pill);
	background: var(--vw-ink);
	color: #fff;
	font-size: .6875rem;
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
}
.flagSaldos + .flagSaldos, .percentagemDesconto + .flagSaldos { top: 44px; }
.bgRed { background: var(--vw-danger); }

.precoCortado { text-decoration: line-through; color: var(--vw-muted); font-weight: 500; }
.precoDesconto { color: var(--vw-danger); }
.fontBold { font-weight: 700; }
.fontRegular { font-weight: 500; }
.light { font-weight: 400; }
.noselect { user-select: none; }
.detalheProduto, .infoDatasPromo { font-size: .8125rem; color: var(--vw-muted); }
.pesquisaSemResultados { padding: 50px 20px; text-align: center; color: var(--vw-muted); }

/*	Barra lateral de filtros da página de resultados (getFiltrosPesquisa):
	fica na coluna col-md-3 que o custom.search.php monta. */
.tituloFiltrosPesquisa {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 14px;
	font-size: 1rem;
	font-weight: 650;
}
.listagemFiltrosPesquisa { list-style: none; margin: 0 0 20px; padding: 0; }
.listagemFiltrosPesquisa li { margin-bottom: 6px; }
.listagemFiltrosPesquisa label { display: flex; align-items: center; font-weight: 400; cursor: pointer; }
.filtroContentPesquisa, .opcaoFiltrosPesquisa { margin-bottom: 16px; }
.gamaPrecoPesquisa { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.gamaPrecoPesquisa input { width: 100%; }
#precoDePesquisa, #precoAtePesquisa { width: 90px; }
.toggleFiltrosPesquisa, .toggleFiltrosPesquisaElasticsearch {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	font-weight: 600;
	color: var(--vw-accent);
}

/* --- Métodos de pagamento no checkout ---------------------------------- */
table.tabelaPagamentos { width: 100%; border-collapse: collapse; }
table.tabelaPagamentos td { padding: 0; border: 0; }
table.tabelaPagamentos tr + tr td { border-top: 1px solid var(--vw-line-soft); }
table.tabelaPagamentos label {
	display: block;
	width: 100%;
	margin: 0;
	padding: 14px 4px;
	font-weight: 500;
	color: var(--vw-ink);
	cursor: pointer;
}
table.tabelaPagamentos label > div[style*="flex"] { align-items: center; gap: 12px; }
table.tabelaPagamentos input[type="radio"] { flex: 0 0 auto; margin-top: 0; }
/*	Os logótipos dos meios de pagamento vêm sem qualquer limite de tamanho. */
.imagemPagamentos {
	flex: 0 0 auto;
	height: 32px;
	width: auto;
	max-width: 80px;
	object-fit: contain;
}
.tituloPagamentos { font-weight: 600; }
.descricaoPagamentos { display: block; margin-top: 4px; font-size: .8125rem; color: var(--vw-muted); font-weight: 400; }

/* Cupões / cartão de cliente */
.descontarCupoesPontos, .listagemCupoesPontos { margin-bottom: 14px; }
.validarCupaoDesconto, .validarDescontoCartaoCliente { margin-top: 10px; }
.tituloCupaoDesconto, .tituloCartaoCliente {
	display: block;
	margin: 18px 0 6px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--vw-muted);
}

/* --- Modal de login (layouts 1 a 4 do core) ---------------------------- */
#vw-dialog-form-login .modal-body { padding: 0; }
#vw-dialog-form-login .displayFlex { gap: 0; align-items: stretch; }
#vw-dialog-form-login .metadeModalLoginLeft { flex: 1 1 340px; padding: 28px; }
#vw-dialog-form-login .metadeModalLoginRight {
	position: relative;
	flex: 1 1 300px;
	min-height: 320px;
	background-size: cover !important;
	background-position: center !important;
}
/*	No layout 4 o convite ao registo fica por cima da imagem: sem caixa o texto
	era ilegível. */
#vw-dialog-form-login .botaoRegistarLogin4 {
	position: absolute;
	inset: auto 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 24px;
	background: linear-gradient(transparent, rgba(15, 23, 42, .85));
	color: #fff;
}
#vw-dialog-form-login .botaoRegistarLogin4 p,
#vw-dialog-form-login .botaoRegistarLogin4 span { color: #fff; margin: 0; }
#vw-dialog-form-login .modal-header { padding: 0 0 18px; border: 0; }
#vw-login-form { display: grid; gap: 10px; }
#vw-login-form input[type="text"], #vw-login-form input[type="password"] { width: 100%; }
#textRecuperarPass { justify-self: start; font-size: .875rem; cursor: pointer; }
.separadorLogin4 { display: flex; align-items: center; gap: 12px; margin: 8px 0; }
.separadorLogin4 .linhaSeparador { flex: 1 1 auto; height: 1px; background: var(--vw-line); margin: 0; }
.separadorLogin4 .textoSeparador { margin: 0; font-size: .8125rem; }
@media (max-width: 767px) {
	#vw-dialog-form-login .metadeModalLoginRight { min-height: 160px; }
}

/* Campos preenchidos automaticamente pelo browser */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--vw-ink);
	box-shadow: 0 0 0 1000px #fff inset;
	border-color: var(--vw-line);
}

/* --- Totalizadores do resumo (label à esquerda / valor à direita) ------ */
.infoCarrinhoCompras { display: flex; justify-content: flex-end; gap: 40px; }
.totalizadoresCarrinhoLeft { text-align: right; color: var(--vw-muted); line-height: 1.9; }
.totalizadoresCarrinhoRight { text-align: right; line-height: 1.9; font-weight: 500; }
.totalizadoresCarrinhoLeft .totalCarrinhoCompras,
.totalizadoresCarrinhoRight .totalCarrinhoCompras { margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--vw-line); color: var(--vw-ink); }
.continuarComprar { background: #fff !important; color: var(--vw-ink) !important; border-color: var(--vw-line) !important; }
.continuarComprar:hover { background: var(--vw-soft) !important; }
.continuarComprarCarrinhoSimplificado { margin-top: 18px; }
.tituloEnvioMetodoEntrega { margin: 20px 0 10px; font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--vw-muted); }
.semProdutos { padding: 50px 20px; text-align: center; color: var(--vw-muted); }
.espacoCupaoDesconto { margin-bottom: 16px; }
.infoDescontoPortesSnd, .infoDescontoPortesMobile { font-size: .8125rem; color: var(--vw-success); }
.cursorPointer { cursor: pointer; }

/* Passo do checkout já concluído */
.FormStepList-item.is-passed { color: var(--vw-ink); }
.FormStepList-item.is-passed .FormStepIcon-circle { border-color: var(--vw-accent); background: var(--vw-accent); color: #fff; }

/* Formulário de consentimentos RGPD (page + modal) */
.vw-rgpd-form, #vw_form_consentimentos { display: grid; gap: 12px; }
.submitFormRGPD { margin-top: 8px; }

/* --- Carrinho simplificado e blocos soltos do core --------------------- */
.carrinhoSimplificado { margin-top: 20px; }
.totalCarrinhoSimplificado { font-size: 1.125rem; font-weight: 700; text-align: right; margin: 12px 0; }
.container-button { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.textoSeparador { display: block; margin: 14px 0; color: var(--vw-muted); font-size: .875rem; }
.spanInfo { display: block; font-size: .8125rem; color: var(--vw-muted); }
.infoOptions { font-size: .8125rem; color: var(--vw-muted); }
.labelCheckboxRegisto { display: flex; align-items: flex-start; gap: 4px; font-weight: 400; margin-bottom: 8px; }
.vw-form, .vw-rgpd-form { display: block; }
.list-block { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rgpd { margin-top: 16px; }

/* --- Foto de perfil na área de cliente --------------------------------- */
.contentPreviewImageCliente { display: flex; align-items: center; gap: 14px; }
#previewImageCliente {
	width: 84px; height: 84px;
	object-fit: cover;
	border-radius: 50%;
	border: 1px solid var(--vw-line);
	background: var(--vw-soft);
	cursor: pointer;
}
#previewImageCliente:hover { border-color: var(--vw-accent); }
#checkPass { display: inline-flex; align-items: center; margin-top: 8px; }
#checkPass img { width: 18px; height: 18px; }

/* --- Diversos que o core injecta --------------------------------------- */
.vw-menu-imagem img { border-radius: 8px; }
.googlemaps { width: 100%; min-height: 320px; }
.opcoesExtraProdutos, .opcoesProdutos { display: grid; gap: 12px; margin-bottom: 12px; }
.opcoesExtraProdutos label, .opcoesProdutos label { font-weight: 500; }
.contentProdutosSemStockCarrinho { margin-top: 12px; }
.camposExtras { display: grid; gap: 12px; }
.scroller { max-height: 320px; overflow-y: auto; }
.vw-inputAnexo, .vw-contentInputsFileAnexo { margin-bottom: 12px; }
.vw-refreshInputsFileAnexo { cursor: pointer; color: var(--vw-muted); }
#price-range { margin: 20px 6px; }
#precoDe, #precoAte { width: 90px; display: inline-block; }

/* -------------------------------------------------------------------------
   28. Impressão
   ------------------------------------------------------------------------- */
@media print {
	.vw-header, .vw-footer, .cookiesBar, .vw-totop, .vw-card-tools { display: none !important; }
	body { font-size: 12pt; }
}