/* Menu Bikes, filtro por marca e categorias. Carrega depois do style.css */
.nav-drop{position:relative}
.nav-drop>a{display:inline-flex;align-items:center;gap:6px}
.nav-drop>a svg{width:12px;height:12px;transition:transform .2s ease}
.nav-sub{position:absolute;top:100%;left:0;min-width:210px;padding:8px;background:#000;border:1px solid rgba(120,190,32,.25);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60}
.nav-drop:hover .nav-sub,.nav-drop:focus-within .nav-sub{opacity:1;visibility:visible;transform:none}
.nav-drop:hover>a svg,.nav-drop:focus-within>a svg{transform:rotate(180deg)}
.nav-sub a{display:flex;align-items:center;min-height:44px;padding:8px 12px}
.nav-sub a::after{display:none}
.nav-sub a[aria-current]{color:#fff;background:rgba(120,190,32,.12)}
@media (max-width:700px){
  .nav-drop{display:flex;flex-direction:column;align-items:center;width:100%}
  .nav-drop>a svg{display:none}
  .nav-sub{position:static;display:flex;flex-direction:column;align-items:center;opacity:1;visibility:visible;transform:none;background:rgba(255,255,255,.04);border:0;border-radius:12px;box-shadow:none;margin:2px 0 6px;padding:4px;width:100%;max-width:260px;min-width:0}
  .nav-sub a{justify-content:center;width:100%;font-size:14px;color:#aaa}
}
.brand-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 24px;padding:2px;justify-content:center}
.brand-chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:44px;padding:0 14px;border:1px solid #d9dde3;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}
.chip span{margin-left:4px;font-weight:500;color:#667}
.chip:hover{border-color:#78BE20}
.chip:active{transform:scale(.97)}
.chip[aria-pressed="true"]{background:#000;border-color:#000;color:#fff}
.chip[aria-pressed="true"] span{color:#78BE20}
.chip:focus-visible{outline:2px solid #78BE20;outline-offset:2px}
@media (max-width:700px){.brand-chips{justify-content:flex-start}}
.model-card[hidden]{display:none}
.model-card[data-foto-real] .model-thumb{padding:0;background:#111}
.model-card[data-foto-real] .model-thumb img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.brand-links{margin-top:28px;text-align:center;color:#555}
.brand-links a{color:#3f7d0c;font-weight:700;text-decoration:underline}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat-tile{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e8ec;border-radius:16px;overflow:hidden;color:#111;transition:border-color .2s ease,box-shadow .2s ease}
.cat-tile:first-child{grid-column:span 2}
.cat-tile:hover{border-color:#78BE20;box-shadow:0 12px 28px rgba(0,0,0,.08)}
.cat-tile img{width:100%;height:220px;object-fit:contain;background:#fff;transition:transform .4s cubic-bezier(.19,1,.22,1)}
.cat-tile:hover img{transform:scale(1.03)}
.cat-tile:last-child img{object-fit:cover}
.cat-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px;background:#000;color:#ccc;font-size:14px;line-height:1.4;flex:1}
.cat-body strong{color:#fff;font-size:18px}
.cat-body em{margin-top:6px;color:#78BE20;font-style:normal;font-weight:700;font-size:13px}
@media (max-width:700px){.cat-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cat-tile img{height:130px}.cat-tile:first-child img{height:190px}.cat-body{padding:12px 14px 14px;font-size:13px}.cat-body strong{font-size:16px}}
@media (prefers-reduced-motion:reduce){.cat-tile img,.nav-sub,.chip{transition:none}}