/* Novitech Bikes Elétricas — layout novo (topo, menu, home, rodapé, institucionais, busca). Preto + verde-limão da marca, Inter.
 * --mn-verm = verde da marca (fundo de botões, com texto preto); --mn-acento-txt = verde-escuro para texto sobre branco. */
:root { --mn-verm: #8fbf00; --mn-verm-esc: #7aa600; --mn-acento-txt: #3d6b00; --mn-preto: #0e0e0e; --mn-preto-2: #1a1a1a; --mn-txt: #262626; --mn-cinza: #6b7280; --mn-borda: #e7e7ea; --mn-suave: #f6f6f7; --mn-verde: #1faa53; --mn-r: 12px; }
.mn-pagina { margin: 0; font-family: 'Inter', Helvetica, Arial, sans-serif; color: var(--mn-txt); background: #fff; -webkit-font-smoothing: antialiased; }
.mn-pagina *, .mn-topo *, .mn-rodape *, .mn-gaveta * { box-sizing: border-box; }
.mn-pagina a { color: inherit; text-decoration: none; }
.mn-pagina img { max-width: 100%; }
.mn-wrap { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 16px; }
.mn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ico { width: 22px; height: 22px; flex: none; display: inline-block; vertical-align: middle; }
.ico-p { width: 16px; height: 16px; }
.mn-so-cel { display: none !important; }
@media (max-width: 991px) { .mn-so-desk { display: none !important; } .mn-so-cel { display: inline-flex !important; } }

/* ---------- topo ---------- */
.mn-topo { position: sticky; top: 0; z-index: 900; font-family: 'Inter', Helvetica, Arial, sans-serif; }
.mn-faixa { background: var(--mn-preto-2); color: #d6d6d6; font-size: 12.5px; }
.mn-faixa ul { list-style: none; margin: 0; padding: 7px 0; display: flex; gap: 28px; justify-content: center; flex-wrap: wrap; }
.mn-faixa li { display: flex; align-items: center; gap: 6px; }
.mn-faixa b { color: #fff; font-weight: 600; }
.mn-faixa .ico { color: var(--mn-verm); }
.mn-faixa a { color: #fff; display: inline-flex; gap: 6px; align-items: center; text-decoration: none; }
@media (max-width: 991px) { .mn-faixa ul { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; gap: 18px; scrollbar-width: none; } .mn-faixa li { white-space: nowrap; } }
.mn-barra { background: var(--mn-preto); }
.mn-barra-in { display: flex; align-items: center; gap: 22px; min-height: 82px; }
.mn-logo img { display: block; height: 58px; width: auto; }
.mn-busca { position: relative; flex: 1; display: flex; max-width: 620px; margin: 0; }
.mn-busca input { width: 100%; height: 48px; border: 0; border-radius: 999px; padding: 0 56px 0 22px; font: inherit; font-size: 15px; color: var(--mn-txt); background: #fff; outline: none; }
.mn-busca input:focus { box-shadow: 0 0 0 3px rgba(143, 191, 0, .55); }
.mn-busca button { position: absolute; right: 5px; top: 5px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--mn-verm); color: #0e0e0e; display: grid; place-items: center; cursor: pointer; }
.mn-busca button .ico { width: 18px; height: 18px; }
.mn-sugestoes { position: absolute; left: 0; right: 0; top: calc(100% + 8px); background: #fff; border-radius: var(--mn-r); box-shadow: 0 18px 40px rgba(0, 0, 0, .25); padding: 8px; z-index: 950; }
.mn-sugestoes a { display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; padding: 8px; border-radius: 8px; color: var(--mn-txt); text-decoration: none; font-size: 14px; }
.mn-sugestoes a:hover, .mn-sugestoes a:focus { background: var(--mn-suave); }
.mn-sugestoes img { width: 48px; height: 48px; object-fit: contain; }
.mn-sugestoes b { white-space: nowrap; }
.mn-sugestoes .mn-sug-todos { display: block; text-align: center; font-weight: 700; color: var(--mn-acento-txt); }
.mn-topo .mn-whats, .mn-topo .mn-whats span, .mn-topo .mn-whats b { color: #fff; }
.mn-whats { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; font-size: 12.5px; line-height: 1.2; margin-left: auto; }
.mn-whats .ico { width: 34px; height: 34px; color: #25d366; }
.mn-whats b { display: block; font-size: 15px; }
.mn-icone { position: relative; width: 46px; height: 46px; border: 0; background: transparent; color: #fff; display: inline-grid; place-items: center; cursor: pointer; border-radius: 10px; }
.mn-icone:hover { background: rgba(255, 255, 255, .08); }
.mn-icone .ico { width: 26px; height: 26px; }
.mn-qtd { position: absolute; top: 2px; right: 0; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--mn-verm); color: #0e0e0e; font-size: 11px; font-weight: 800; line-height: 20px; text-align: center; }
.mn-nav { background: #fff; border-bottom: 1px solid var(--mn-borda); box-shadow: 0 2px 10px rgba(0, 0, 0, .04); }
.mn-nav-in { display: flex; align-items: center; gap: 8px; min-height: 52px; }
.mn-nav-lista { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; flex-wrap: wrap; }
.mn-nav-lista a { display: block; padding: 15px 14px; font-size: 14.5px; font-weight: 600; color: var(--mn-txt); text-decoration: none; border-bottom: 3px solid transparent; }
.mn-nav-lista a:hover { color: var(--mn-acento-txt); border-bottom-color: var(--mn-acento-txt); }
.mn-nav-lista a.mn-destaque { color: var(--mn-acento-txt); }
.mn-todas { position: relative; }
.mn-todas-btn { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 0; border-radius: 8px; background: var(--mn-preto); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.mn-mega { position: absolute; left: 0; top: calc(100% + 6px); width: min(860px, 92vw); background: #fff; border-radius: var(--mn-r); box-shadow: 0 24px 50px rgba(0, 0, 0, .18); padding: 26px; display: none; z-index: 960; }
.mn-todas:hover .mn-mega, .mn-todas.aberto .mn-mega, .mn-todas:focus-within .mn-mega { display: block; }
.mn-mega-in { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 28px; }
.mn-mega-tit { margin: 0 0 10px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mn-cinza); }
.mn-mega ul { list-style: none; margin: 0; padding: 0; }
.mn-mega li a { display: flex; justify-content: space-between; padding: 8px 0; font-weight: 600; color: var(--mn-txt); text-decoration: none; }
.mn-mega li a:hover { color: var(--mn-acento-txt); }
.mn-mega li small { color: var(--mn-cinza); font-weight: 500; }
.mn-mega-dest { background: var(--mn-suave); border-radius: var(--mn-r); padding: 18px; }
.mn-mega-dest p { margin: 0 0 14px; color: var(--mn-cinza); font-size: 14px; }
.mn-mega-dest .mn-mega-tit { color: var(--mn-acento-txt); }
.mn-link { display: block; margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--mn-txt); text-decoration: underline; }
@media (max-width: 991px) { .mn-barra-in { flex-wrap: wrap; gap: 8px 10px; min-height: 0; padding: 8px 16px 12px; } .mn-logo { margin-right: auto; } .mn-logo img { height: 44px; } .mn-busca { order: 5; flex: 0 0 100%; max-width: none; } .mn-busca input { height: 44px; } }

/* ---------- gaveta (celular) ---------- */
.mn-gaveta[hidden] { display: none; }
.mn-gaveta { position: fixed; inset: 0; z-index: 1000; font-family: 'Inter', Helvetica, Arial, sans-serif; }
.mn-gaveta-fundo { position: absolute; inset: 0; background: rgba(0, 0, 0, .55); }
.mn-gaveta-caixa { position: absolute; left: 0; top: 0; bottom: 0; width: min(360px, 88vw); background: #fff; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.mn-gaveta-topo { display: flex; justify-content: space-between; align-items: center; background: var(--mn-preto); margin: -16px -16px 6px; padding: 12px 12px 12px 16px; }
.mn-gaveta-topo img { height: 40px; width: auto; }
.mn-gaveta .mn-busca-cel { order: 0 !important; flex: none !important; max-width: none; }
.mn-busca-cel input { border: 1px solid var(--mn-borda); }
.mn-gaveta-tit { margin: 10px 0 0; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mn-cinza); }
.mn-gaveta-lista, .mn-gaveta-faixas { list-style: none; margin: 0; padding: 0; }
.mn-gaveta-lista a { display: flex; gap: 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--mn-borda); color: var(--mn-txt); text-decoration: none; font-weight: 700; }
.mn-gaveta-lista img { width: 44px; height: 44px; object-fit: contain; background: var(--mn-suave); border-radius: 8px; }
.mn-gaveta-lista small { display: block; font-weight: 500; color: var(--mn-cinza); font-size: 12px; }
.mn-gaveta-faixas { display: flex; flex-wrap: wrap; gap: 8px; }
.mn-gaveta-faixas a { display: block; padding: 8px 12px; border: 1px solid var(--mn-borda); border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--mn-txt); text-decoration: none; }
.mn-gaveta-loja { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--mn-cinza); text-decoration: none; margin-top: 4px; }

/* ---------- botões ---------- */
.mn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border-radius: 10px; border: 2px solid transparent; font: inherit; font-weight: 700; font-size: 15px; text-decoration: none !important; cursor: pointer; transition: transform .12s, background .12s; }
.mn-btn:hover { transform: translateY(-1px); }
.mn-btn-g { min-height: 54px; padding: 0 28px; font-size: 16px; }
.mn-btn-verm { background: var(--mn-verm); color: #0e0e0e !important; }
.mn-btn-verm:hover { background: var(--mn-verm-esc); }
.mn-btn-escuro { background: var(--mn-preto); color: #fff !important; }
.mn-btn-claro { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .6); color: #fff !important; }
.mn-btn-whats { background: #25d366; color: #fff !important; margin-top: 12px; }

/* ---------- home ---------- */
.mn-hero { position: relative; background: var(--mn-preto); color: #fff; overflow: hidden; }
.mn-hero-foto { position: absolute; inset: 0; }
.mn-hero-foto img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; opacity: .55; }
.mn-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14, 14, 14, .95) 0%, rgba(14, 14, 14, .75) 45%, rgba(14, 14, 14, .1) 100%); }
.mn-hero-in { position: relative; z-index: 1; padding-top: 88px; padding-bottom: 96px; max-width: 1280px; }
.mn-hero-pre { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #a6d924; }
.mn-hero h1 { margin: 0; font-size: clamp(34px, 5.4vw, 62px); line-height: 1.04; font-weight: 900; letter-spacing: -.02em; }
.mn-hero h1 span { color: var(--mn-verm); }
.mn-hero-sub { max-width: 560px; margin: 18px 0 30px; font-size: 18px; line-height: 1.5; color: #e5e5e5; }
.mn-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 767px) { .mn-hero-in { padding-top: 48px; padding-bottom: 52px; } .mn-hero::after { background: linear-gradient(180deg, rgba(14, 14, 14, .55) 0%, rgba(14, 14, 14, .92) 70%); } .mn-hero-sub { font-size: 16px; } .mn-hero-cta .mn-btn { flex: 1 1 100%; } }
.mn-beneficios { background: #fff; border-bottom: 1px solid var(--mn-borda); }
.mn-beneficios ul { list-style: none; margin: 0; padding: 22px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.mn-beneficios li { display: flex; gap: 12px; align-items: center; }
.mn-beneficios .ico { width: 36px; height: 36px; color: var(--mn-acento-txt); }
.mn-beneficios b { display: block; font-size: 15px; }
.mn-beneficios span { font-size: 13px; color: var(--mn-cinza); }
@media (max-width: 991px) { .mn-beneficios ul { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .mn-beneficios ul { grid-template-columns: 1fr; gap: 12px; } }
.mn-secao { padding: 56px 0 8px; }
.mn-secao-topo { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 22px; }
.mn-secao h2 { margin: 0; font-size: clamp(24px, 3vw, 32px); font-weight: 900; letter-spacing: -.015em; color: var(--mn-preto); }
.mn-secao-topo p { margin: 6px 0 0; color: var(--mn-cinza); }
.mn-ver { font-weight: 700; color: var(--mn-acento-txt) !important; white-space: nowrap; }
.mn-cats { display: grid; grid-template-columns: repeat(7, 1fr); gap: 14px; }
.mn-cat { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 14px 10px 16px; border: 1px solid var(--mn-borda); border-radius: var(--mn-r); background: #fff; color: var(--mn-txt); transition: box-shadow .15s, border-color .15s; }
.mn-cat:hover { border-color: var(--mn-acento-txt); box-shadow: 0 10px 24px rgba(0, 0, 0, .08); }
.mn-cat-foto { width: 100%; aspect-ratio: 1; display: grid; place-items: center; background: var(--mn-suave); border-radius: 10px; margin-bottom: 6px; }
.mn-cat-foto img { width: 86%; height: 86%; object-fit: contain; mix-blend-mode: multiply; }
.mn-cat b { font-size: 16px; }
.mn-cat small { font-size: 12px; color: var(--mn-cinza); line-height: 1.35; }
.mn-cat em { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--mn-acento-txt); margin-top: 2px; }
@media (max-width: 1100px) { .mn-cats { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { .mn-cats { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
/* cartões de produto */
.mn-grade { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 1100px) { .mn-grade { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px) { .mn-grade { grid-template-columns: repeat(2, 1fr); gap: 10px; } }
.mn-card { display: flex; flex-direction: column; border: 1px solid var(--mn-borda); border-radius: var(--mn-r); background: #fff; overflow: hidden; transition: box-shadow .15s; }
.mn-card:hover { box-shadow: 0 14px 30px rgba(0, 0, 0, .09); }
.mn-card-foto { position: relative; display: block; aspect-ratio: 1; background: #fff; }
.mn-card-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 10px; transition: opacity .2s; }
.mn-card-foto2 { opacity: 0; }
.mn-card:hover .mn-card-foto2 { opacity: 1; }
.mn-selo { position: absolute; left: 10px; top: 10px; z-index: 1; background: var(--mn-preto); color: #fff; font-size: 11px; font-weight: 800; padding: 5px 9px; border-radius: 6px; letter-spacing: .03em; }
.mn-card-info { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px 14px; flex: 1; }
.mn-card-marca { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--mn-cinza); }
.mn-card-nome { margin: 0; font-size: 14.5px; font-weight: 600; line-height: 1.35; min-height: 2.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mn-card-preco { margin: auto 0 4px; }
.mn-card-preco b { font-size: 21px; font-weight: 900; color: var(--mn-preto); }
.mn-card-preco span { font-size: 13px; color: var(--mn-verde); font-weight: 700; }
.mn-card-btn { display: flex; align-items: center; justify-content: center; min-height: 42px; border: 0; border-radius: 9px; background: var(--mn-verm); color: #0e0e0e !important; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; text-decoration: none !important; }
.mn-card-btn:hover { background: var(--mn-verm-esc); }
.mn-card-btn-off { background: var(--mn-suave); color: var(--mn-cinza) !important; }
.mn-card-btn-off:hover { background: var(--mn-borda); }
@media (max-width: 767px) { .mn-card-info { padding: 10px; } .mn-card-preco b { font-size: 17px; } .mn-card-nome { font-size: 13px; } }
/* trilho (carrossel) */
.mn-trilho { position: relative; }
.mn-trilho-in { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 54px) / 4); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 6px; }
.mn-trilho-in::-webkit-scrollbar { display: none; }
.mn-trilho-in > * { scroll-snap-align: start; }
.mn-trilho-nav { position: absolute; top: 38%; z-index: 2; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--mn-borda); background: #fff; box-shadow: 0 6px 16px rgba(0, 0, 0, .12); display: grid; place-items: center; cursor: pointer; }
.mn-trilho-nav.ant { left: -18px; } .mn-trilho-nav.ant .ico { transform: rotate(90deg); }
.mn-trilho-nav.prox { right: -18px; } .mn-trilho-nav.prox .ico { transform: rotate(-90deg); }
@media (max-width: 1100px) { .mn-trilho-in { grid-auto-columns: calc((100% - 36px) / 3); } }
@media (max-width: 767px) { .mn-trilho-in { grid-auto-columns: 62%; gap: 10px; } .mn-trilho-nav { display: none; } }
/* guia */
.mn-guia { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mn-guia-card { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: var(--mn-r); background: var(--mn-preto); color: #fff !important; transition: transform .15s; }
.mn-guia-card:nth-child(1) { background: var(--mn-verm); color: #0e0e0e !important; }
.mn-guia-card:nth-child(1) > span, .mn-guia-card:nth-child(1) .mn-guia-ver { color: #0e0e0e !important; }
.mn-guia-card:hover { transform: translateY(-3px); }
.mn-guia-card b { font-size: 21px; font-weight: 900; }
.mn-guia-card > span { color: rgba(255, 255, 255, .8); font-size: 14px; }
.mn-guia-card ul { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 7px; font-size: 14px; }
.mn-guia-card li { display: flex; gap: 6px; align-items: center; }
.mn-guia-card em { font-style: normal; font-weight: 800; margin-top: auto; }
.mn-guia-ver { font-weight: 700; text-decoration: underline; font-size: 14px !important; color: #fff !important; }
@media (max-width: 991px) { .mn-guia { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .mn-guia { grid-template-columns: 1fr; } }
/* loja física */
.mn-loja { margin-top: 56px; background: var(--mn-suave); padding: 48px 0; }
.mn-loja-in { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; }
.mn-loja-foto img { width: 100%; height: auto; border-radius: var(--mn-r); display: block; box-shadow: 0 18px 40px rgba(0, 0, 0, .15); }
.mn-loja h2 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 34px); font-weight: 900; color: var(--mn-preto); }
.mn-loja .mn-hero-pre { color: var(--mn-acento-txt); }
.mn-loja p { color: #444; line-height: 1.6; }
.mn-loja-dados { list-style: none; padding: 0; margin: 18px 0 24px; display: grid; gap: 10px; font-size: 15px; }
.mn-loja-dados li { display: flex; gap: 10px; align-items: flex-start; }
.mn-loja-dados .ico { color: var(--mn-acento-txt); margin-top: 2px; }
@media (max-width: 860px) { .mn-loja-in { grid-template-columns: 1fr; gap: 22px; } }
.mn-hero-preco { margin: -12px 0 24px; font-size: 16px; color: #e5e5e5; }
.mn-hero-preco b { color: #fff; font-size: 22px; font-weight: 900; }
/* compre com segurança */
.mn-seguro-bloco { border: 2px solid var(--mn-preto); border-radius: var(--mn-r); padding: 26px; display: grid; grid-template-columns: 1fr 2fr; gap: 26px; align-items: center; }
.mn-seguro-tit { display: flex; gap: 14px; align-items: flex-start; }
.mn-seguro-tit .ico { width: 44px; height: 44px; color: var(--mn-acento-txt); }
.mn-seguro-tit h2 { margin: 0 0 6px; font-size: 26px; font-weight: 900; color: var(--mn-preto); }
.mn-seguro-tit p { margin: 0; color: var(--mn-cinza); }
.mn-seguro-bloco ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 22px; }
.mn-seguro-bloco li b { display: block; font-size: 15px; margin-bottom: 3px; }
.mn-seguro-bloco li span { font-size: 14px; color: #444; line-height: 1.5; }
.mn-seguro-bloco a { color: var(--mn-acento-txt) !important; text-decoration: underline !important; }
@media (max-width: 860px) { .mn-seguro-bloco { grid-template-columns: 1fr; padding: 20px; } .mn-seguro-bloco ul { grid-template-columns: 1fr; } }
/* FAQ */
.mn-faq { display: grid; gap: 10px; max-width: 920px; }
.mn-faq details { border: 1px solid var(--mn-borda); border-radius: var(--mn-r); background: #fff; }
.mn-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 20px; font-weight: 700; font-size: 16px; cursor: pointer; list-style: none; }
.mn-faq summary::-webkit-details-marker { display: none; }
.mn-faq details[open] summary .ico { transform: rotate(180deg); }
.mn-faq details > div { padding: 0 20px 18px; color: #444; line-height: 1.6; }
.mn-faq a { color: var(--mn-acento-txt); text-decoration: underline; }
/* instagram */
.mn-insta { padding: 48px 0 64px; }
.mn-insta-in { display: flex; align-items: center; gap: 18px; padding: 26px 28px; border-radius: var(--mn-r); background: linear-gradient(110deg, var(--mn-preto) 0%, #1d2600 100%); color: #fff; flex-wrap: wrap; }
.mn-insta-in > .ico { width: 46px; height: 46px; color: #fff; }
.mn-insta-in div { flex: 1; min-width: 220px; }
.mn-insta-in b { display: block; font-size: 20px; }
.mn-insta-in span { color: #cfcfcf; }

/* ---------- institucionais e busca ---------- */
.mn-caminho { font-size: 13px; color: var(--mn-cinza); margin: 22px 0 12px; }
.mn-caminho a:hover { color: var(--mn-acento-txt); }
.mn-inst { display: grid; grid-template-columns: 1fr 300px; gap: 10px 48px; padding-bottom: 64px; }
.mn-inst > .mn-caminho, .mn-inst > h1 { grid-column: 1 / -1; }
.mn-inst h1, .mn-busca-pag h1 { margin: 0 0 14px; font-size: clamp(28px, 3.4vw, 40px); font-weight: 900; color: var(--mn-preto); }
.mn-texto { font-size: 16px; line-height: 1.7; color: #333; }
.mn-texto h2 { font-size: 21px; margin: 28px 0 8px; color: var(--mn-preto); }
.mn-texto a:not(.mn-btn) { color: var(--mn-acento-txt); text-decoration: underline; }
.mn-fig { margin: 0 0 22px; } .mn-fig img { width: 100%; height: auto; border-radius: var(--mn-r); display: block; } .mn-fig figcaption { font-size: 13px; color: var(--mn-cinza); margin-top: 8px; }
.mn-passos { padding-left: 22px; display: grid; gap: 10px; }
.mn-contatos { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mn-contatos li { display: flex; gap: 12px; padding: 16px; border: 1px solid var(--mn-borda); border-radius: var(--mn-r); }
.mn-contatos .ico { color: var(--mn-acento-txt); width: 28px; height: 28px; }
.mn-contatos b { display: block; }
.mn-inst-ajuda { align-self: start; position: sticky; top: 190px; padding: 22px; border-radius: var(--mn-r); background: var(--mn-suave); }
.mn-inst-ajuda b { font-size: 17px; } .mn-inst-ajuda p { color: var(--mn-cinza); font-size: 14px; line-height: 1.5; }
@media (max-width: 900px) { .mn-inst { grid-template-columns: 1fr; } .mn-inst-ajuda { position: static; } .mn-contatos { grid-template-columns: 1fr; } }
.mn-busca-pag { padding-bottom: 64px; }
.mn-qtd-res { color: var(--mn-cinza); margin: 0 0 14px; }
.mn-filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.mn-filtros a { padding: 9px 14px; border: 1px solid var(--mn-borda); border-radius: 999px; font-size: 13.5px; font-weight: 600; }
.mn-filtros a:hover, .mn-filtros a.ativo { border-color: var(--mn-acento-txt); color: var(--mn-acento-txt); background: #f4fae6; }
.mn-vazio { text-align: center; padding: 50px 0; }

/* banners do topo da home (desktop 1920×640; celular 1080×1350) */
.mn-banners { position: relative; background: #0b0d0b; overflow: hidden; }
.mn-banners-faixa { position: relative; aspect-ratio: 1920 / 642; max-height: 640px; margin: 0 auto; max-width: 1920px; }
.mn-banner { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .5s ease, visibility .5s; }
.mn-banner.ativo { opacity: 1; visibility: visible; }
.mn-banner-link, .mn-banner picture { display: block; width: 100%; height: 100%; }
.mn-banner img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mn-banner-area { position: absolute; z-index: 1; border-radius: 12px; }
.mn-banner-area:focus-visible, .mn-banner-link:focus-visible { outline: 3px solid var(--mn-verm); outline-offset: -3px; }
@media (max-width: 767px) { .mn-banner-area { display: none; } }
.mn-banners-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; display: grid; place-items: center; cursor: pointer; backdrop-filter: blur(4px); }
.mn-banners-nav:hover { background: var(--mn-verm); color: #0e0e0e; }
.mn-banners-nav.ant { left: 18px; } .mn-banners-nav.ant .ico { transform: rotate(90deg); }
.mn-banners-nav.prox { right: 18px; } .mn-banners-nav.prox .ico { transform: rotate(-90deg); }
.mn-banners-pontos { position: absolute; left: 0; right: 0; bottom: 14px; z-index: 2; display: flex; justify-content: center; gap: 8px; }
.mn-banners-pontos button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .4); cursor: pointer; transition: width .2s; }
.mn-banners-pontos button.ativo { width: 28px; background: var(--mn-verm); }
@media (max-width: 767px) { .mn-banners-faixa { aspect-ratio: 1080 / 1350; max-height: none; } .mn-banners-nav { display: none; } }

/* topo da home com a arte da loja ao lado do texto */
.mn-hero-arte::after { background: radial-gradient(circle at 80% 30%, rgba(143, 191, 0, .22), transparent 55%); }
.mn-hero-grade { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 360px; gap: 40px; align-items: center; }
.mn-hero-grade .mn-hero-in { padding-left: 0; padding-right: 0; }
.mn-hero-img { display: block; justify-self: end; }
.mn-hero-img img { display: block; width: 340px; height: auto; border-radius: 18px; border: 3px solid var(--mn-verm); box-shadow: 0 24px 50px rgba(0, 0, 0, .45); }
@media (max-width: 860px) { .mn-hero-grade { grid-template-columns: 1fr; gap: 0; } .mn-hero-img { justify-self: center; padding-bottom: 32px; } .mn-hero-img img { width: min(300px, 80vw); } .mn-hero-arte .mn-hero-in { padding-bottom: 28px; } }
.mn-loja-mapa iframe { display: block; width: 100%; height: 380px; border: 0; border-radius: var(--mn-r); box-shadow: 0 18px 40px rgba(0, 0, 0, .15); }

/* ---------- página do pedido ---------- */
.mn-pedido-pag { padding: 28px 16px 64px; }
.pd-topo { display: flex; gap: 18px; align-items: flex-start; background: var(--mn-preto); color: #fff; border-radius: var(--mn-r); padding: 26px; }
.pd-ok { width: 54px; height: 54px; flex: none; border-radius: 50%; background: #1faa53; display: grid; place-items: center; font-size: 28px; font-weight: 900; }
.pd-pre { margin: 0; color: #7ee2a2; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: 13px; }
.pd-topo h1 { margin: 4px 0 6px; font-size: clamp(26px, 3.4vw, 36px); font-weight: 900; }
.pd-topo p:last-child { margin: 0; color: #cfcfcf; }
.pd-linha { list-style: none; margin: 22px 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.pd-linha li { position: relative; padding-top: 24px; font-size: 12.5px; text-align: center; color: var(--mn-cinza); }
.pd-linha span { position: absolute; top: 4px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: #d6d6db; }
.pd-linha li::before { content: ''; position: absolute; top: 11px; left: -50%; right: 50%; height: 2px; background: #d6d6db; }
.pd-linha li:first-child::before { display: none; }
.pd-linha li.feito span, .pd-linha li.atual span, .pd-linha li.feito::before, .pd-linha li.atual::before { background: #1faa53; }
.pd-linha li.atual { color: var(--mn-preto); font-weight: 800; } .pd-linha li.atual span { box-shadow: 0 0 0 4px #d8f3e2; }
.pd-grade { display: grid; grid-template-columns: 1fr 360px; gap: 22px; align-items: start; }
@media (max-width: 900px) { .pd-grade { grid-template-columns: 1fr; } .pd-linha { grid-template-columns: repeat(5, minmax(60px, 1fr)); overflow-x: auto; } }
.pd-pix, .pd-bloco { border: 1px solid var(--mn-borda); border-radius: var(--mn-r); padding: 20px 22px; background: #fff; margin-bottom: 16px; }
.pd-pix { border: 2px solid var(--mn-verm); }
.pd-pix h2, .pd-bloco h2 { margin: 0 0 12px; font-size: 19px; font-weight: 900; color: var(--mn-preto); }
.pd-passos { margin: 0 0 16px; padding-left: 20px; display: grid; gap: 8px; line-height: 1.5; }
.pd-whats { display: flex; align-items: center; justify-content: center; min-height: 56px; border-radius: 11px; background: #25d366; color: #fff !important; font-weight: 800; font-size: 17px; }
.pd-comprovante { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 10px; border: 1.5px solid #0e0e0e; border-radius: 11px; font-weight: 700; color: #0e0e0e !important; }
.pd-pix-grade { display: grid; grid-template-columns: 220px 1fr; gap: 22px; align-items: start; }
.pd-qr { width: 220px; height: 220px; border: 1px solid var(--mn-borda); border-radius: 12px; background: #fff; padding: 6px; }
.pd-valor { margin: 0 0 8px; font-size: 16px; } .pd-valor b { font-size: 24px; font-weight: 900; }
.pd-copia-rot { display: block; font-size: 13px; font-weight: 700; margin: 8px 0 6px; }
.pd-copia { display: flex; gap: 8px; } .pd-copia input { flex: 1; min-width: 0; height: 46px; border: 1.5px solid #d4d4da; border-radius: 10px; padding: 0 12px; font: inherit; font-size: 13px; color: #444; }
.pd-copia button { height: 46px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--mn-verm); color: #0e0e0e; font: inherit; font-weight: 800; cursor: pointer; }
.pd-expira { margin: 8px 0 0; font-size: 12.5px; color: var(--mn-cinza); }
.pd-aguardando { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-weight: 700; color: var(--mn-acento-txt); }
.pd-ponto { width: 10px; height: 10px; border-radius: 50%; background: var(--mn-verm); animation: pd-pulsa 1.2s infinite; }
@keyframes pd-pulsa { 50% { opacity: .25; } }
.pd-nota { margin: 14px 0 0; font-size: 13.5px; color: #555; } .pd-nota a { color: var(--mn-acento-txt); font-weight: 700; text-decoration: underline; }
.pd-pago { border-color: #1faa53; }
@media (max-width: 600px) { .pd-pix-grade { grid-template-columns: 1fr; } .pd-qr { margin: 0 auto; } }
.pd-golpe { margin: 14px 0 0; padding: 10px 12px; border-radius: 9px; background: #fff7e6; color: #6b4a00; font-size: 13.5px; }
.pd-itens { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.pd-itens li { display: grid; grid-template-columns: 64px 1fr auto; gap: 12px; align-items: center; }
.pd-itens img { width: 64px; height: 64px; object-fit: contain; border: 1px solid var(--mn-borda); border-radius: 9px; }
.pd-itens small { display: block; color: var(--mn-cinza); font-size: 12.5px; }
.pd-totais { margin: 0; } .pd-totais div { display: flex; justify-content: space-between; padding: 5px 0; } .pd-totais dd { margin: 0; font-weight: 600; }
.pd-total { border-top: 1px solid var(--mn-borda); margin-top: 6px; padding-top: 10px !important; } .pd-total dt { font-weight: 800; } .pd-total dd { font-size: 20px; font-weight: 900; }
.pd-voltar { display: flex; justify-content: center; align-items: center; min-height: 48px; border: 1px solid var(--mn-borda); border-radius: 11px; font-weight: 700; }
.pd-erro { text-align: center; padding: 60px 0; }

/* ---------- rodapé ---------- */
.mn-rodape { background: var(--mn-preto); color: #cfcfcf; font-family: 'Inter', Helvetica, Arial, sans-serif; font-size: 14px; margin-top: 0; }
.mn-rodape a { color: #e9e9e9; text-decoration: none; }
.mn-rodape a:hover { color: #fff; text-decoration: underline; }
.mn-rodape-cols { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.4fr; gap: 36px; padding-top: 52px; padding-bottom: 40px; }
.mn-rodape-marca img { height: 60px; width: auto; }
.mn-rodape-marca p, .mn-rodape p { line-height: 1.6; margin: 14px 0; color: #cfcfcf; }
.mn-rodape .mn-seguro { color: #cfcfcf; }
.mn-social { display: inline-flex; gap: 8px; align-items: center; font-weight: 700; }
.mn-rodape-tit { margin: 0 0 12px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #fff; }
.mn-rodape ul { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 9px; }
.mn-rodape-contato li { display: flex; gap: 8px; align-items: flex-start; line-height: 1.45; }
.mn-rodape-contato .ico { color: var(--mn-verm); margin-top: 2px; }
.mn-pag { margin-bottom: 20px; }
.mn-cartao { color: #2d3a5a !important; }
.mn-prod-parcelas { display: flex; align-items: center; gap: 6px; margin: -4px 0 12px; font-size: 14.5px; font-weight: 600; color: #2d3a5a; }
.mn-pix { display: inline-flex; gap: 6px; align-items: center; background: #fff; color: #32bcad; font-weight: 900; padding: 6px 12px; border-radius: 6px; }
.mn-seguro { display: flex; gap: 6px; align-items: center; margin: 0; }
.mn-legal { border-top: 1px solid rgba(255, 255, 255, .1); font-size: 12px; color: #9a9a9a; padding: 18px 0 22px; line-height: 1.5; }
@media (max-width: 991px) { .mn-rodape-cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .mn-rodape-cols { grid-template-columns: 1fr; gap: 8px; } }
.mn-whats-flutua { position: fixed; right: 18px; bottom: 18px; z-index: 880; width: 58px; height: 58px; border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
.mn-whats-flutua .ico { width: 32px; height: 32px; }

/* ---------- páginas copiadas da Tray com o layout novo ---------- */
body.mn-tray, body.mn-tray .application.plugoo { padding-top: 0 !important; margin-top: 0 !important; }
.mn-pix-tag { font-size: 12px; font-weight: 700; color: var(--mn-verde) !important; margin-left: 4px; white-space: nowrap; }
body.mn-tray .mn-topo { font-size: 16px; line-height: 1.4; }
body.mn-tray .product-tags .tag, body.mn-tray .tag.new, body.mn-tray .tag.featured { background: var(--mn-preto) !important; }
body.mn-tray .product-tags .tag p, body.mn-tray .tag p { color: #fff !important; }
body.mn-tray .header-search-wrapper, body.mn-tray .instagram-float, body.mn-tray [class*="whatsapp-fixed"] { display: none; }

/* bloco de compra montado nos produtos que estavam esgotados na loja de referência (transformar.mjs) */
.mn-comprar { margin: 18px 0; font-family: 'Inter', Helvetica, Arial, sans-serif; }
.mn-comprar-tit { margin: 0 0 8px; font-size: 14px; font-weight: 600; color: #383838; }
.mn-comprar .lista_cor_variacao { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; }
.mn-comprar-pill { display: inline-block; padding: 9px 14px; border: 1.5px solid #d4d4da; border-radius: 999px; font-size: 14px; font-weight: 600; color: #262626; background: #fff; }
.mn-comprar .cor_selecionada .mn-comprar-pill { border-color: #8fbf00; background: #f4fae6; }
.mn-comprar .sem_estoque .mn-comprar-pill { opacity: .45; text-decoration: line-through; }
.mn-comprar-preco { margin: 6px 0 14px; font-size: 15px; color: #383838; }
.mn-comprar-preco b { font-size: 32px; font-weight: 900; color: #0e0e0e; }
.mn-comprar-btn { width: 100%; max-width: 434px; min-height: 60px; border: 0; border-radius: 8px; background: #8fbf00 !important; color: #0e0e0e !important; font-weight: 800; font-size: 16px; cursor: pointer; }
.mn-comprar-btn:hover { background: #7aa600 !important; }

/* página própria de produto (/produto/…) — e-bikes da Soollar, esgotadas e sem preço */
.mn-prod { padding-bottom: 64px; }
.mn-prod-grade { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: start; margin-top: 8px; }
.mn-prod-foto { border: 1px solid var(--mn-borda); border-radius: var(--mn-r); background: #fff; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; }
.mn-prod-foto img { width: 100%; height: 100%; object-fit: contain; padding: 16px; }
.mn-prod-minis { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.mn-prod-minis button { width: 76px; height: 76px; padding: 4px; border: 2px solid var(--mn-borda); border-radius: 10px; background: #fff; cursor: pointer; }
.mn-prod-minis button.ativa { border-color: var(--mn-verm); }
.mn-prod-minis img { width: 100%; height: 100%; object-fit: contain; }
.mn-prod-info h1 { margin: 4px 0 12px; font-size: clamp(26px, 3vw, 36px); font-weight: 900; color: var(--mn-preto); line-height: 1.15; }
.mn-prod-esgotado { display: inline-block; margin: 0 0 18px; padding: 8px 14px; border-radius: 8px; background: #f1f1f3; color: #555; font-weight: 800; }
.mn-prod-preco b { font-size: 34px; font-weight: 900; } .mn-prod-preco span { color: var(--mn-verde); font-weight: 700; }
.mn-prod-cores { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mn-prod-cores li { padding: 7px 12px; border: 1.5px solid #d4d4da; border-radius: 999px; font-size: 13.5px; font-weight: 600; }
.mn-prod-destaques { list-style: none; margin: 0 0 22px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mn-prod-destaques li { padding: 12px 14px; border-radius: 10px; background: var(--mn-suave); }
.mn-prod-destaques span { display: block; font-size: 12px; color: var(--mn-cinza); } .mn-prod-destaques b { font-size: 15px; }
.mn-prod-cta { width: 100%; max-width: 440px; }
.mn-prod-nota { font-size: 13px; color: var(--mn-cinza); margin-top: 12px; }
.mn-prod-desc, .mn-prod-rel { margin-top: 48px; } .mn-prod-desc h2, .mn-prod-rel h2 { font-size: 24px; font-weight: 900; color: var(--mn-preto); }
.mn-ficha { width: 100%; max-width: 820px; border-collapse: collapse; font-size: 14.5px; margin-top: 10px; }
.mn-ficha th, .mn-ficha td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--mn-borda); vertical-align: top; }
.mn-ficha th { width: 38%; color: #555; font-weight: 600; background: var(--mn-suave); }
.mn-card-esgotado b { font-size: 17px !important; color: #6b7280 !important; } .mn-card-esgotado span { color: var(--mn-cinza) !important; font-weight: 600; }
.mn-cat-extra { margin: 26px 0 10px; } .mn-cat-extra .mn-grade { font-family: 'Inter', Helvetica, Arial, sans-serif; }
@media (max-width: 860px) { .mn-prod-grade { grid-template-columns: 1fr; gap: 22px; } .mn-prod-destaques { grid-template-columns: 1fr 1fr; } }
.mn-frete-gratis { margin: 14px 0 0; padding: 12px 14px; border-radius: 10px; background: #f4f9e3; border: 1px solid #dcebb0; font-size: 14px; line-height: 1.45; color: #1d1d1f; } .mn-frete-gratis b { color: var(--mn-verde); }
/* pedido no cartão: botão "Pagar com Pix" (recusado) e "Confirmar no banco" (3DS) */
.pd-cartao p { margin: 0 0 12px; line-height: 1.5; }
.pd-btn-pix { width: 100%; border: 0; cursor: pointer; font: inherit; font-weight: 800; font-size: 17px; background: var(--mn-verm); color: var(--mn-preto) !important; }
.pd-btn-pix:hover { background: var(--mn-verm-esc); }
.pd-btn-pix:disabled { background: #b9b9c0; cursor: default; }
.pd-erro-pix { margin: 10px 0 0 !important; color: #b3151a; font-weight: 600; }

/* Preços (01/11/2026): 10% OFF no Pix em destaque; cartão (preço cheio, até 12x sem juros) numa linha própria */
.mn-card-preco span { color: var(--mn-verde); font-weight: 800; }
.mn-card-parc { margin: 0 0 10px; font-size: 13px; line-height: 1.35; color: #5b6170; }
.mn-precos { margin: 8px 0 18px; }
.mn-preco-pix { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 6px; color: #383838; }
.mn-preco-pix small { width: 100%; font-size: 13px; color: #6b7280; }
.mn-preco-pix b { font-size: 34px; line-height: 1.1; font-weight: 900; color: #0e0e0e; }
.mn-off { display: inline-block; padding: 4px 10px; border-radius: 999px; background: #e8f7d0; color: #3d6b00; font-size: 13px; font-weight: 800; white-space: nowrap; }
.mn-preco-cartao { margin: 0; font-size: 15px; line-height: 1.45; color: #4b5563; }
.mn-preco-cartao b { color: #1f2937; font-weight: 700; }
.mn-vit-parc { display: block; margin-top: 2px; font-size: 12.5px; color: #5b6170; }
.mn-oculto { display: none !important; }
@media (max-width: 767px) { .mn-preco-pix b { font-size: 28px; } .mn-card-parc { font-size: 12px; } }