/* =============================================================
 * MENU INTELIGENTE — Suplimarcas
 * Usa as variáveis de cssTema(): --azul (vermelho da marca),
 * --azul-escuro, --azul-claro, --ink, etc.
 * ============================================================= */

/* ---------- AUTOCOMPLETE DA BUSCA ---------- */
.search{position:relative}
.search-sug{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--linha,#e6e4e2);border-radius:14px;box-shadow:0 20px 48px rgba(20,21,23,.16);overflow:hidden;display:none;max-height:440px;overflow-y:auto;z-index:80}
.search-sug.aberto{display:block}
.ss-grupo{padding:11px 16px 5px;font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--cinza,#6a7178)}
.ss-item{display:flex;align-items:center;gap:12px;padding:9px 16px;width:100%;text-align:left;border:0;background:none;cursor:pointer;font-size:.9rem;color:var(--ink,#141517);text-decoration:none}
.ss-item:hover,.ss-item.ativo{background:var(--fundo,#f6f5f3)}
.ss-item mark{background:var(--azul-claro,#fbe8e8);color:inherit;border-radius:3px;padding:0 1px}
.ss-ico{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--fundo,#f6f5f3);display:flex;align-items:center;justify-content:center;color:var(--azul,#cc1417)}
.ss-ico svg{width:17px;height:17px}
.ss-ico img{width:30px;height:30px;object-fit:contain;border-radius:8px}
.ss-nome{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-tag{margin-left:auto;font-size:.74rem;color:var(--cinza,#6a7178);flex-shrink:0}
.ss-preco{margin-left:auto;font-weight:800;color:var(--azul,#cc1417);flex-shrink:0;font-size:.86rem}
.ss-vazio{padding:14px 16px 18px;font-size:.86rem;color:var(--cinza,#6a7178)}

/* ---------- SMARTNAV ---------- */
.smartnav{background:var(--ink,#141517);position:relative;z-index:70}
.smartnav-in{display:flex;align-items:stretch;gap:2px}
.sn-btn{background:none;border:0;color:#e9eaeb;font-family:'Oswald',var(--sans),sans-serif;font-weight:500;font-size:.86rem;letter-spacing:1px;text-transform:uppercase;padding:13px 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap}
.sn-btn svg{width:17px;height:17px}
.sn-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
.sn-dep{background:var(--azul,#cc1417);color:#fff;font-weight:600}
.sn-dep:hover{background:var(--azul-escuro,#9c0c0c)}
.sn-espaco{flex:1}
.sn-garagem{border:1px solid rgba(255,255,255,.35);border-radius:9px;margin:7px 0}
.sn-garagem:hover{border-color:#fff;background:rgba(255,255,255,.06)}

/* MEGA MENU */
.sn-mega{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:3px solid var(--azul,#cc1417);box-shadow:0 26px 50px rgba(20,21,23,.2);display:none;max-height:min(70vh,560px);overflow-y:auto;z-index:200}
.sn-mega.aberto{display:block}
.sn-mega-in{padding:22px 0 26px}
.sn-mega-tit{display:block;font-family:'Oswald',var(--sans),sans-serif;font-weight:600;font-size:.78rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--cinza,#6a7178);margin-bottom:14px}
.sn-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 24px}
.sn-mega-grid a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--ink,#141517);text-decoration:none;font-size:.9rem}
.sn-mega-grid a:hover{background:var(--fundo,#f6f5f3);color:var(--azul,#cc1417)}
.sn-mega-ic{width:30px;height:30px;flex-shrink:0;border-radius:8px;background:var(--fundo,#f6f5f3);display:flex;align-items:center;justify-content:center;color:var(--azul,#cc1417)}
.sn-mega-ic svg{width:18px;height:18px}
.sn-mega-grid a:hover .sn-mega-ic{background:var(--azul,#cc1417);color:#fff}
.sn-mega-nome{overflow:hidden;text-overflow:ellipsis}

/* ---------- BARRA DE GARAGEM ---------- */
.garagem{background:var(--fundo,#f6f5f3);border-bottom:1px solid var(--linha,#e6e4e2)}
.garagem.selecionada{background:var(--azul-claro,#fbe8e8);border-bottom-color:#f2cccc}
.garagem-in{display:flex;align-items:center;gap:13px;padding:10px 0;flex-wrap:wrap}
.garagem-rot{font-size:.85rem;color:var(--cinza,#6a7178)}
.btn-garagem{display:inline-flex;align-items:center;gap:9px;background:var(--ink,#141517);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-size:.85rem;font-weight:600;cursor:pointer}
.btn-garagem svg{width:18px;height:18px}
.btn-garagem:hover{background:#000}
.chip-carro{display:inline-flex;align-items:center;gap:9px;background:var(--azul,#cc1417);color:#fff;border-radius:999px;padding:7px 9px 7px 14px;font-size:.86rem;font-weight:600}
.chip-carro svg{width:17px;height:17px}
.chip-carro a{color:#fff;text-decoration:none;background:rgba(255,255,255,.25);width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1}
.chip-carro a:hover{background:rgba(255,255,255,.45)}
.garagem-trocar{background:none;border:0;color:var(--azul,#cc1417);font-weight:600;font-size:.82rem;text-decoration:underline;cursor:pointer}

/* ---------- PICKER DE VEÍCULO ---------- */
.veic-picker{background:#fff;border-bottom:1px solid var(--linha,#e6e4e2);display:none}
.veic-picker.aberto{display:block}
.veic-picker-in{padding:22px 0 26px}
.vp-passo h3{font-family:'Oswald',var(--sans),sans-serif;font-size:1rem;letter-spacing:.8px;text-transform:uppercase;margin:0 0 13px;display:flex;align-items:center;gap:10px;color:var(--ink,#141517)}
.vp-num{background:var(--azul,#cc1417);color:#fff;font-size:.72rem;border-radius:6px;padding:3px 9px;letter-spacing:.5px}
.vp-modelos{margin-top:20px}
.vp-chips{display:flex;gap:10px;flex-wrap:wrap}
.vp-chip{border:1.5px solid var(--linha,#e6e4e2);background:#fff;border-radius:999px;padding:9px 17px;font-size:.88rem;font-weight:600;color:var(--ink,#141517);cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.vp-chip:hover{border-color:var(--ink,#141517)}
.vp-chip.ativo{background:var(--ink,#141517);border-color:var(--ink,#141517);color:#fff}
.vp-n{font-weight:500;color:var(--cinza,#6a7178);font-size:.78rem}
.vp-chip.ativo .vp-n{color:#cfd2d6}

/* ---------- APLICAÇÃO NO CARD ---------- */
.card-veic{font-size:.74rem;color:var(--cinza,#6a7178);margin-top:2px;line-height:1.3}
.card-veic b{color:var(--ink,#141517);font-weight:600}

/* ---------- RESPONSIVO ---------- */
@media (max-width:900px){
  .smartnav-in{overflow-x:auto;scrollbar-width:none}
  .smartnav-in::-webkit-scrollbar{display:none}
  .sn-atalho{display:none}
  .sn-mega-grid{grid-template-columns:1fr 1fr}
  .garagem-in{gap:10px}
  .garagem-rot{flex-basis:100%;margin-bottom:2px}
}
@media (max-width:560px){
  .sn-mega-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}