/* Loja pública (storefront) — visual copiado da Eco5 (loja virtual da IBR Tech),
   com as cores da loja vindas de CT_Loja_Site (--lj-primaria / --lj-secundaria).
   Prefixo lj- em tudo: não colide com nada da Intranet. */
:root{--lj-primaria:#EC680A;--lj-secundaria:#221B12;--lj-sobre-primaria:#fff;--lj-fundo:#fff;--lj-fundo-2:#f6f6f7;
  --lj-texto:#1f2328;--lj-texto-2:#5f6670;--lj-borda:#e5e7eb;--lj-raio:8px;--lj-sombra:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  --lj-verde:#16a34a;--lj-largura:1536px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--lj-fundo);color:var(--lj-texto);font-family:Inter,"Inter Fallback",ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.45}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{margin:0;line-height:1.2}
.lj-container{max-width:var(--lj-largura);margin:0 auto;padding:0 16px}
.lj-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--lj-raio);font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;transition:filter .15s}
.lj-btn:hover{filter:brightness(.95)}
.lj-btn-primario{background:var(--lj-primaria);color:var(--lj-sobre-primaria)}
.lj-btn-contorno{background:#fff;color:var(--lj-secundaria);border-color:var(--lj-borda)}
.lj-btn-grande{padding:13px 24px;font-size:16px}
/* topo */
.lj-topo{background:#fff;box-shadow:var(--lj-sombra);position:sticky;top:0;z-index:50}
.lj-topo-linha{display:flex;align-items:center;gap:16px;height:72px}
.lj-logo img{height:40px;width:auto;color:var(--lj-secundaria)}
.lj-busca{flex:1;display:flex;max-width:620px;border:1px solid var(--lj-borda);border-radius:999px;overflow:hidden;background:var(--lj-fundo-2)}
.lj-busca input{flex:1;border:0;background:transparent;padding:10px 16px;font:inherit;outline:none;min-width:0}
.lj-busca button{border:0;background:transparent;padding:0 14px;cursor:pointer;font-size:16px}
.lj-topo-acoes{display:flex;gap:8px;margin-left:auto}
.lj-menu{display:flex;gap:4px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}
.lj-menu::-webkit-scrollbar{display:none}
.lj-menu a{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--lj-texto-2);white-space:nowrap}
.lj-menu a:hover{background:var(--lj-fundo-2);color:var(--lj-texto)}
.lj-menu-sep{width:1px;background:var(--lj-borda);margin:4px 6px}
#lj-painel-veiculo{padding-bottom:12px}
.lj-sel-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:var(--lj-fundo-2);border:1px solid var(--lj-borda);border-radius:var(--lj-raio);padding:12px;align-items:end}
.lj-sel-grade label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--lj-texto-2)}
.lj-sel-grade select,.lj-sel-grade input{font:inherit;padding:8px 10px;border:1px solid var(--lj-borda);border-radius:6px;background:#fff}
/* hero */
.lj-hero{margin:20px 0;border-radius:16px;background:linear-gradient(120deg,var(--lj-secundaria),color-mix(in srgb,var(--lj-secundaria) 70%,var(--lj-primaria)));color:#fff;padding:40px 28px;position:relative;overflow:hidden}
.lj-hero-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--lj-primaria);background:rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;margin-bottom:12px}
.lj-hero h1{font-size:clamp(26px,4vw,44px);font-weight:800;max-width:720px}
.lj-hero h1 em{font-style:normal;color:var(--lj-primaria)}
.lj-hero p{max-width:620px;color:rgba(255,255,255,.85);font-size:16px}
.lj-hero-botoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.lj-hero .lj-btn-contorno{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
/* seções */
.lj-secao{font-size:20px;font-weight:700;margin:28px 0 14px}
.lj-sub{color:var(--lj-texto-2);margin:4px 0 16px}
.lj-h1{font-size:24px;font-weight:700;margin:8px 0}
.lj-centro{text-align:center;margin:18px 0}
.lj-chips{display:flex;flex-wrap:wrap;gap:8px}
.lj-chip{border:1px solid var(--lj-borda);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;background:#fff}
.lj-chip small{color:var(--lj-texto-2);font-weight:400;margin-left:4px}
.lj-chip:hover{border-color:var(--lj-primaria);color:var(--lj-primaria)}
.lj-chip.ativo{background:var(--lj-primaria);color:var(--lj-sobre-primaria);border-color:var(--lj-primaria)}
/* cards */
.lj-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lj-card{display:flex;flex-direction:column;border:1px solid var(--lj-borda);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s}
.lj-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
.lj-card-foto{aspect-ratio:1/1;background:var(--lj-fundo-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.lj-card-foto img{width:100%;height:100%;object-fit:cover}
.lj-card-corpo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.lj-card-marca{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--lj-texto-2)}
.lj-cxxx,.lj-carro-cod{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:var(--lj-fundo-2);border:1px solid var(--lj-borda);border-radius:4px;padding:1px 6px;text-transform:none;letter-spacing:0}
.lj-card-titulo{font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.lj-card-preco{font-size:18px;font-weight:800;margin-top:4px}
.lj-card-parcela{font-size:12px;color:var(--lj-texto-2)}
.lj-card-parcela b{color:var(--lj-verde)}
.lj-card-btn{margin-top:auto;width:100%}
/* carros */
.lj-carros{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lj-carro{display:flex;flex-direction:column;gap:4px;border:1px solid var(--lj-borda);border-radius:12px;padding:14px;background:#fff}
.lj-carro:hover{border-color:var(--lj-primaria)}
.lj-carro b{font-size:14px}
.lj-carro span:last-child{font-size:12px;color:var(--lj-texto-2)}
.lj-selos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}
.lj-selos div{border:1px solid var(--lj-borda);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px}
.lj-selos b{font-size:12px;letter-spacing:.04em;color:var(--lj-primaria)}
.lj-selos span{font-size:13px;color:var(--lj-texto-2)}
/* trilha, filtros */
.lj-trilha{font-size:13px;color:var(--lj-texto-2);margin:14px 0 6px}
.lj-trilha a:hover{color:var(--lj-primaria)}
.lj-filtros{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:12px 0;align-items:center}
.lj-filtros input,.lj-filtros select{font:inherit;padding:9px 12px;border:1px solid var(--lj-borda);border-radius:var(--lj-raio);background:#fff;min-width:0}
.lj-check{font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap}
.lj-contagem{font-size:13px;color:var(--lj-texto-2);margin:4px 0 10px}
.lj-tabela-wrap{overflow:auto;border:1px solid var(--lj-borda);border-radius:12px}
.lj-tabela{width:100%;border-collapse:collapse;font-size:13px}
.lj-tabela th,.lj-tabela td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--lj-borda);white-space:nowrap}
.lj-tabela th{background:var(--lj-fundo-2);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--lj-texto-2)}
.lj-tabela tr:hover td{background:#fffaf5}
.lj-tabela td a{color:var(--lj-primaria);font-weight:600}
.lj-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.lj-pecas-layout{display:grid;grid-template-columns:240px 1fr;gap:22px;margin-top:10px}
.lj-lateral{font-size:13px}
.lj-lateral h4{margin:14px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--lj-texto-2)}
.lj-lateral a{display:flex;justify-content:space-between;padding:4px 6px;border-radius:6px;color:var(--lj-texto)}
.lj-lateral a:hover,.lj-lateral a.ativo{background:var(--lj-fundo-2);color:var(--lj-primaria)}
.lj-lateral a small{color:var(--lj-texto-2)}
.lj-lateral .lj-limpar{color:var(--lj-primaria);font-weight:600;margin-bottom:8px}
.lj-barra-lista{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--lj-texto-2);margin-bottom:12px}
.lj-barra-lista select{font:inherit;padding:6px 8px;border:1px solid var(--lj-borda);border-radius:6px;margin-left:6px}
.lj-paginacao{display:flex;gap:6px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.lj-paginacao a,.lj-paginacao span{min-width:36px;padding:7px 10px;border:1px solid var(--lj-borda);border-radius:6px;text-align:center;font-size:13px;font-weight:500}
.lj-paginacao .ativo{background:var(--lj-primaria);color:var(--lj-sobre-primaria);border-color:var(--lj-primaria)}
.lj-vazio{padding:40px 20px;text-align:center;color:var(--lj-texto-2);grid-column:1/-1}
.lj-vazio h1{margin-bottom:8px;color:var(--lj-texto)}
/* veículo */
.lj-veiculo{border:1px solid var(--lj-borda);border-radius:12px;padding:20px;margin:10px 0 20px}
.lj-veiculo-cab{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lj-veiculo-cab .lj-carro-cod{font-size:14px;padding:4px 10px}
.lj-ficha{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:16px 0;font-size:14px}
.lj-ficha dt{color:var(--lj-texto-2)}
.lj-ficha dd{margin:0;font-weight:500}
.lj-veiculo-cta{margin:4px 0 0}
/* produto */
.lj-produto{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;margin:14px 0}
.lj-galeria-principal{aspect-ratio:4/3;background:var(--lj-fundo-2);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.lj-galeria-principal img{width:100%;height:100%;object-fit:contain}
.lj-galeria-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px}
.lj-galeria-thumbs img{width:68px;height:68px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer;flex:none}
.lj-galeria-thumbs img.ativo{border-color:var(--lj-primaria)}
.lj-produto-info{display:flex;flex-direction:column;gap:8px}
.lj-produto-ref{font-size:13px;color:var(--lj-texto-2)}
.lj-produto-preco{font-size:32px;font-weight:800;margin-top:6px}
.lj-produto-parcela{color:var(--lj-texto-2)}
.lj-produto-pix{color:var(--lj-verde);font-weight:500}
.lj-produto-selos{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.lj-produto-selos span{font-size:12px;border:1px solid var(--lj-borda);border-radius:999px;padding:3px 10px;color:var(--lj-texto-2)}
.lj-produto-botoes{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.lj-produto-origem h3,.lj-descricao h2{font-size:15px;margin:12px 0 6px}
.lj-produto-origem a{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--lj-borda);border-radius:8px;margin-bottom:6px;font-size:14px}
.lj-produto-origem a:hover{border-color:var(--lj-primaria)}
.lj-ficha-dim{margin:8px 0 0}
.lj-descricao{border-top:1px solid var(--lj-borda);padding-top:12px;margin:20px 0 40px}
.lj-texto{white-space:pre-line;color:var(--lj-texto);max-width:900px;line-height:1.6}
.lj-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:100;cursor:zoom-out}
.lj-lightbox img{max-width:95vw;max-height:95vh;object-fit:contain}
/* rodapé */
.lj-rodape{background:var(--lj-secundaria);color:rgba(255,255,255,.85);margin-top:40px;padding:36px 0 0;font-size:14px}
.lj-rodape-grade{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:28px}
.lj-rodape-logo{height:36px;width:auto;color:#fff;filter:brightness(0) invert(1);margin-bottom:10px}
.lj-rodape h4{margin:0 0 8px;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.lj-rodape a{display:block;padding:3px 0}
.lj-rodape a:hover{color:var(--lj-primaria)}
.lj-rodape p{margin:4px 0}
.lj-rodape-fim{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding:14px 16px;font-size:12px;color:rgba(255,255,255,.6)}
.lj-wa-flutuante{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
@media (max-width:1100px){.lj-grade,.lj-carros,.lj-selos{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.lj-topo-linha{flex-wrap:wrap;height:auto;padding:10px 0;gap:10px}.lj-busca{order:3;flex-basis:100%;max-width:none}.lj-topo-acoes{margin-left:auto}
  .lj-grade,.lj-carros{grid-template-columns:repeat(2,1fr)}.lj-selos{grid-template-columns:repeat(2,1fr)}.lj-sel-grade,.lj-filtros{grid-template-columns:1fr 1fr}
  .lj-pecas-layout{grid-template-columns:1fr}.lj-lateral{display:flex;gap:16px;overflow-x:auto}.lj-lateral>div{min-width:200px}
  .lj-produto{grid-template-columns:1fr}.lj-rodape-grade{grid-template-columns:1fr}}
@media (max-width:520px){.lj-grade{gap:10px}.lj-card-corpo{padding:10px}.lj-card-preco{font-size:16px}.lj-sel-grade,.lj-filtros{grid-template-columns:1fr}.lj-hero{padding:28px 18px}.lj-produto-preco{font-size:26px}}