/* Tema Turbo (premium): autopecas e performance - fibra de carbono, vermelho de corrida e prata, titulos em italico,
   cortes diagonais. Carregado depois do CSS do Vitrine e do premium.css (pagina do produto premium). */

.tema-turbo { --tb-tinta: var(--titulos, #111214); --tb-prata: #d7dbe0; --tb-linha: #dfe2e6; --tb-carbono: repeating-linear-gradient(45deg, #1b1d21 0 4px, #141518 4px 8px), repeating-linear-gradient(-45deg, rgba(255, 255, 255, .03) 0 4px, transparent 4px 8px); }
body.vitrine.tema-turbo h1, body.vitrine.tema-turbo h2, body.vitrine.tema-turbo h3 { font-family: var(--fonte-titulos), var(--fonte), sans-serif; font-weight: 800 !important; font-style: italic; letter-spacing: -.01em; }

/* titulos das secoes: italico com faixas vermelhas inclinadas */
.tema-turbo .vt-secao-cab h2 { display: flex; align-items: center; gap: 14px; font-size: 30px; color: var(--tb-tinta); }
.tema-turbo .vt-secao-cab h2::before { content: ""; width: 26px; height: 18px; background: linear-gradient(90deg, var(--loja) 0 6px, transparent 6px 10px, var(--loja) 10px 16px, transparent 16px 20px, var(--loja) 20px 26px); transform: skewX(-20deg); }
.tema-turbo .vt-secao-cab a { font-weight: 800; font-style: italic; text-transform: uppercase; color: var(--loja) !important; }

/* cartao: branco com faixa vermelha embaixo ao passar o mouse */
.tema-turbo .vt-card { border: 0; border-radius: 4px; background: #fff; overflow: hidden; border-bottom: 3px solid transparent; }
.tema-turbo .vt-card:hover { border-bottom-color: var(--loja); }
.tema-turbo .vt-card-img { background: #eceef1; border-radius: 0; }
.tema-turbo .vt-card-info { padding: 14px 16px 6px; }
.tema-turbo .vt-card-nome { font-weight: 700; font-size: 14px; color: var(--tb-tinta); }
.tema-turbo .vt-card-preco strong { font-family: var(--fonte-titulos), sans-serif; font-size: 20px; font-style: italic; color: var(--tb-tinta); }
.tema-turbo .ppc-marca { color: var(--loja); font-style: italic; }
.tema-turbo .ppc-parc { color: #15803d; font-weight: 600; }
.tema-turbo .vt-card-botao { margin: 0 16px 16px; border-radius: 0; background: var(--tb-tinta); color: #fff; font-weight: 800; font-style: italic; text-transform: uppercase; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.tema-turbo .vt-card:hover .vt-card-botao { background: var(--loja); }
.tema-turbo .ppc .ppc-ver { border-radius: 0; background: var(--loja); color: #fff; font-style: italic; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.tema-turbo .vt-selo { border-radius: 0; background: var(--loja); font-weight: 900; font-style: italic; clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); }

/* busca pelo carro (bloco HTML tb-busca-carro), mosaico, banners, depoimentos, blog, newsletter */
.tb-busca-carro { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 22px 26px; border-left: 6px solid #e10600; background: #111214 repeating-linear-gradient(45deg, #1b1d21 0 4px, #141518 4px 8px); color: #fff; }
.tb-busca-carro small { display: block; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: #ff5a52; }
.tb-busca-carro b { font-family: var(--fonte-titulos), sans-serif; font-size: 22px; font-style: italic; }
.tb-busca-carro input { min-width: 0; height: 52px; padding: 0 18px; border: 0; border-radius: 2px; background: #fff; font-size: 15px; color: #111; }
.tb-busca-carro button { height: 52px; padding: 0 26px; border: 0; background: #e10600; color: #fff; font-weight: 900; font-style: italic; letter-spacing: .04em; cursor: pointer; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); }
.tema-turbo .hdl-mos a { border-radius: 4px !important; overflow: hidden; }
.tema-turbo .hdl-mos-img { border-radius: 0 !important; filter: saturate(.9); transition: transform .5s, filter .3s; }
.tema-turbo .hdl-mos a:hover .hdl-mos-img { transform: scale(1.06); filter: saturate(1.1); }
.tema-turbo .hdl-mos-sobre a b { border-radius: 0 !important; background: var(--loja) !important; color: #fff; font-style: italic; font-weight: 800; text-transform: uppercase; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); }
.tema-turbo .hdl-hero { border-radius: 4px; overflow: hidden; }
.tema-turbo .hdl-hero h2 { font-size: 40px; text-transform: uppercase; }
.tema-turbo .hdl-hero .vt-botao { border-radius: 0; background: var(--loja) !important; font-style: italic; font-weight: 800; text-transform: uppercase; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.tema-turbo .hdl-it-img img { border-radius: 4px; }
.tema-turbo .hdl-it-txt h2 { font-size: 38px; text-transform: uppercase; color: var(--tb-tinta); }
.tema-turbo .hdl-depo figure { border: 0; border-top: 3px solid var(--loja); border-radius: 0; background: #fff; }
.tema-turbo .vt-blog a { border: 0; border-radius: 4px; background: #fff; overflow: hidden; }
.tema-turbo .vt-blog strong { font-family: var(--fonte-titulos), sans-serif; font-style: italic; color: var(--tb-tinta); }
body.vitrine.tema-turbo .vt-news { background: #111214 repeating-linear-gradient(45deg, #1b1d21 0 4px, #141518 4px 8px); }
body.vitrine.tema-turbo .vt-news-campo button { border-radius: 0; background: var(--loja); font-style: italic; font-weight: 800; }
.tema-turbo .vt-vantagens > * { border: 0; border-radius: 4px; background: #fff; }
.tema-turbo .vt-vantagens i { border-radius: 0; background: var(--tb-tinta); color: #fff; transform: skewX(-10deg); }

/* ---------- topo proprio (topo.php): fibra de carbono, busca larga, menu italico ---------- */
.tb-topo .vt-barra { background: var(--tb-carbono); }
.tb-topo .vt-aviso { font-size: 12.5px; font-weight: 800; font-style: italic; letter-spacing: .06em; }
.tb-topo .vt-marca img { width: auto; height: var(--logo-altura, 42px); max-width: 230px; border: 0; border-radius: 0; background: none; object-fit: contain; }
body.vitrine .tb-topo .vt-busca input { height: 46px; border: 0; border-radius: 2px; background: #fff; }
body.vitrine .tb-topo .vt-busca button { border-radius: 0 !important; background: var(--loja) !important; color: #fff !important; }
.tb-topo .vt-acao { color: #fff !important; }
.tb-topo .vt-acao:hover { background: rgba(255, 255, 255, .08); color: #ff5a52 !important; }
.tb-topo .vt-sacola .counter { background: var(--loja); }
@media (min-width: 992px) {
	.tb-topo .vt-barra .container { min-height: 84px; }
	body.vitrine .tb-topo .vt-busca { max-width: 620px; margin: 0 auto; }
	body.vitrine .tb-topo .vt-menu { background: #fff; border-bottom: 3px solid var(--tb-tinta); }
	.tb-topo .vt-menu .container { justify-content: center; gap: 0; }
	body.vitrine .tb-topo .vt-menu > .container > a, body.vitrine .tb-topo .vt-menu-cat > a, body.vitrine .tb-topo .vt-menu-dep-link { color: var(--tb-tinta) !important; font-family: var(--fonte-titulos), sans-serif; font-size: 14px; font-style: italic; font-weight: 800; text-transform: uppercase; border-radius: 0; background: transparent !important; white-space: nowrap; }
	body.vitrine .tb-topo .vt-menu > .container > a:hover, body.vitrine .tb-topo .vt-menu-cat:hover > a { background: var(--loja) !important; color: #fff !important; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
	body.vitrine .tb-topo .vt-menu a.vt-ofertas { color: var(--loja) !important; }
	body.vitrine .tb-topo .vt-menu-dep-link { border: 0; }
	body.vitrine .tb-topo .vt-menu-cat > a > .lni-chevron-down { display: none; }
	body.vitrine .tb-topo .vt-mega-painel, body.vitrine .tb-topo .vt-menu-cat-lista, body.vitrine .tb-topo .vt-menu-dep-lista { border-radius: 0; border: 0; border-top: 3px solid var(--loja); box-shadow: 0 30px 60px rgba(0, 0, 0, .2); }
	body.vitrine .tb-topo .vt-mega-painel a, body.vitrine .tb-topo .vt-menu-cat-lista a, body.vitrine .tb-topo .vt-menu-dep-lista a { font-style: normal; text-transform: none; font-family: var(--fonte), sans-serif; background: transparent !important; clip-path: none !important; color: var(--tb-tinta) !important; }
	body.vitrine .tb-topo .vt-mega-prod img { border-radius: 2px; background: #eceef1; }
}

/* ---------- rodape proprio (rodape.php): bandeira quadriculada e placas de pit stop ---------- */
.tb-rodape { padding-top: 0; }
.tb-bandeira { height: 24px; margin-bottom: 44px; background: repeating-conic-gradient(#fff 0 25%, #111214 0 50%) 0 0 / 24px 24px; opacity: .9; }
.tb-assinatura { display: grid; justify-items: center; gap: 18px; padding-bottom: 40px; border-bottom: 1px solid rgba(154, 160, 168, .2); text-align: center; }
.tb-assinatura-frase { max-width: 820px; margin: 0; font-family: var(--fonte-titulos), sans-serif; font-size: 30px; font-style: italic; font-weight: 800; line-height: 1.15; text-transform: uppercase; color: #fff; }
.tb-pit { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.tb-pit li { padding: 9px 18px; background: #e10600; color: #fff; font-size: 12.5px; font-weight: 800; font-style: italic; text-transform: uppercase; clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); }
.tb-rodape h3 { font-family: var(--fonte-titulos), sans-serif !important; font-style: italic; text-transform: uppercase; color: #fff !important; }
.tb-rodape .vt-redes a { border-radius: 0; }

/* ---------- pagina do produto premium ---------- */
.tema-turbo .pp, .tema-turbo .ppa { --pp-titulo-tam: 36px; --pp-preco-tam: 40px; --pp-raio: 4px; --pp-suave: #fff; --pp-borda: var(--tb-linha); }
.tema-turbo .pp-nome { font-style: italic; text-transform: uppercase; }
.tema-turbo .pp-galeria-grade .pp-foto { background: #eceef1; }
.tema-turbo .pp-preco { border-left: 6px solid var(--loja); border-radius: 0; }
.tema-turbo .pp-preco-valor { font-style: italic; }
.tema-turbo .pp-preco-off { border-radius: 0; background: var(--loja); font-style: italic; }
.tema-turbo .pp-var-nome { font-style: italic; text-transform: uppercase; letter-spacing: .04em; }
.tema-turbo .pp .opcao.pp-op.active { --pp-op-fundo: var(--tb-tinta); --pp-op-borda: var(--tb-tinta); --pp-op-cor: #fff; --pp-op-sombra: 3px 3px 0 var(--loja); }
.tema-turbo .pp .pp-var-cores .opcao.pp-op.active { --pp-op-fundo: transparent; --pp-op-sombra: none; --pp-op-borda: var(--loja); }
.tema-turbo .pp .pp-botao { font-style: italic; clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%); --pp-b-sombra: none; }
.tema-turbo .pp .pp-agora { font-style: italic; background: var(--tb-tinta); color: #fff; border-color: var(--tb-tinta); }
.tema-turbo .pp .pp-agora:hover { background: #000; }
.tema-turbo .pp-selo { border-radius: 0; font-style: italic; }
.tema-turbo .pp-garantias svg { border-radius: 0; background: var(--tb-tinta); color: #fff; }
.tema-turbo .ppa .ppa-titulo { font-style: italic; text-transform: uppercase; }
.tema-turbo .ppa-destaques li { background: #fff; border-left: 4px solid var(--loja); border-radius: 0; }

/* ---------- carrinho (carrinho.php): conta-giros ---------- */
body.vitrine.tema-turbo .ck h1 { font-size: 38px; font-style: italic; text-transform: uppercase; color: var(--tb-tinta); }
body.vitrine.tema-turbo .co-passos .atual { color: var(--loja); }
body.vitrine.tema-turbo .ck-item, body.vitrine.tema-turbo .co-bloco { border: 0; border-radius: 4px; background: #fff; }
body.vitrine.tema-turbo .ck-resumo { border: 0; border-top: 4px solid var(--loja); border-radius: 0; background: #fff; }
body.vitrine.tema-turbo .ck-finalizar { border-radius: 0 !important; font-style: italic; clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%); }
.tb-frete { display: flex; align-items: center; gap: 20px; padding: 14px 20px; border-radius: 4px; background: #111214 repeating-linear-gradient(45deg, #1b1d21 0 4px, #141518 4px 8px); color: #fff; }
.tb-frete p { margin: 0; font-size: 14px; color: #d7dbe0; }
.tb-frete p b { color: #ff5a52; }
.tb-giros { position: relative; flex: none; width: 76px; height: 76px; border-radius: 50%; background: radial-gradient(circle, #1b1d21 52%, transparent 53%), conic-gradient(from -120deg, #3a3d44 0 200deg, #e10600 200deg 240deg, transparent 240deg); box-shadow: 0 0 0 3px #3a3d44; }
.tb-giros i { position: absolute; left: 50%; top: 8px; bottom: 50%; width: 3px; margin-left: -1.5px; border-radius: 2px; background: #ff5a52; transform-origin: 50% 100%; transition: transform .9s cubic-bezier(.3, 1.4, .4, 1); box-shadow: 0 0 8px #e10600; }
.tb-giros b { position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; font-family: var(--fonte-titulos), sans-serif; font-size: 13px; font-style: italic; color: #fff; }
.tb-giros b::after { content: "x1000"; display: block; font-size: 8px; color: #9aa0a8; }

@media (max-width: 767px) {
	.tema-turbo .vt-secao-cab h2 { font-size: 23px; }
	.tb-busca-carro { grid-template-columns: 1fr; }
	.tb-assinatura-frase { font-size: 21px; }
	.tb-topo .vt-marca img { height: 30px; max-width: 160px; }
	.tema-turbo .pp, .tema-turbo .ppa { --pp-titulo-tam: 26px; --pp-preco-tam: 32px; }
}

/* newsletter: a caixa do campo segue o formato do botao do tema (a base deixa em pilula) */
body.vitrine.tema-turbo .vt-news-campo { border-radius: 0px; }
