/* =========================================================
   MOTORBAT — camada V4 (set/2026)
   Menu com 7 itens · Produtos "Autopropelidos" + Top 4 · Perguntas frequentes
   Representantes (mapa do Brasil, modelo Diamantino) · Assistência técnica
   Sobre com história única · Contato com um Google Maps por loja · Rodapé social
   Carregar DEPOIS de motorbat-premium.css.
   ========================================================= */

/* ---------- Menu com 7 itens (desktop) ---------- */
@media (min-width:1181px) and (max-width:1420px){
  .mb-top{gap:16px}
  .mb-nav{gap:19px;font-size:14.5px}
  .mb-nav .mb-btn{padding:0 16px}
}
@media (max-width:1180px) and (max-height:700px){.mb-nav{gap:14px;font-size:20px}}

/* link extra no cabeçalho de seção (Início > lojas) */
.mb-head__link{grid-column:2;justify-self:start;margin-top:22px}
@media (max-width:760px){.mb-head__link{grid-column:1;margin-top:4px}}

/* textos claros em cards de seções escuras */
.mb-night .mb-card__body p{color:#B9C8E6}
.mb-night .mb-facts div{border-color:var(--mb-line-dark)}
.mb-night .mb-facts dt{color:#B9C8E6}
.mb-night .mb-facts dd{color:#fff}

/* =========================================================
   PRODUTOS — "Autopropelidos" + Top 4 por categoria
   ========================================================= */
.mb-auto-facts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px}
.mb-auto-facts>span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--mb-ink)}
.mb-auto-facts svg{width:16px;height:16px;color:var(--mb-gold);flex:none}
.mb-auto-facts a{font-size:14px;font-weight:600;color:var(--mb-blue);text-decoration:none;margin-left:6px}
.mb-auto-facts a:hover{text-decoration:underline}

.mb-catnav{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:30;display:flex;justify-content:center;padding:10px var(--mb-pad) 0;pointer-events:none}
.mb-catnav__in{pointer-events:auto;display:flex;gap:4px;padding:5px;border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.mb-catnav__in::-webkit-scrollbar{display:none}
.mb-catnav a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;text-decoration:none;font:600 14px var(--mb-font);color:var(--mb-muted);transition:background .3s,color .3s,box-shadow .3s}
.mb-catnav a:hover{color:var(--mb-ink)}
.mb-catnav a[aria-current="true"]{background:var(--mb-ink);color:#fff;box-shadow:0 8px 20px -10px rgba(10,34,86,.8)}

.mb-cat{scroll-margin-top:118px}
.mb-cat__head{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,72px);align-items:end;margin-bottom:clamp(30px,4vw,48px)}
.mb-cat__head .mb-facts{column-gap:28px}
.mb-cat__head .mb-facts dt,.mb-cat__head .mb-facts dd{white-space:nowrap}
.mb-display--fit{font-size:clamp(32px,10vw,92px)}
.mb-cat__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}
.mb-cat__note{font-size:13px;color:var(--mb-muted);margin:0 0 0 auto}
.mb-night .mb-cat__note{color:#8FA3C9}
@media (max-width:900px){.mb-cat__head{grid-template-columns:1fr}.mb-cat__note{margin:0;width:100%}}

.mb-preview-tag{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:5px 12px;border-radius:999px;background:rgba(10,34,86,.06);color:var(--mb-muted);box-shadow:inset 0 0 0 1px var(--mb-line)}
.mb-preview-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mb-gold)}
.mb-night .mb-preview-tag{background:rgba(255,255,255,.06);color:#B9C8E6;box-shadow:inset 0 0 0 1px var(--mb-line-dark)}
.mb-preview-tag[hidden]{display:none}

.mb-top4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;perspective:1400px}
@media (max-width:1100px){.mb-top4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .mb-top4{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 calc(var(--mb-pad) * -1);padding:8px var(--mb-pad) 20px;scrollbar-width:none;overscroll-behavior-x:contain}
  .mb-top4::-webkit-scrollbar{display:none}
  .mb-top4>.mb-model{flex:0 0 84%;scroll-snap-align:center}
}
.mb-dots{display:none}
@media (max-width:640px){
  .mb-dots{display:flex;justify-content:center;gap:7px;margin-top:2px}
  .mb-dots i{width:7px;height:7px;border-radius:50%;background:var(--mb-line);transition:width .3s,background .3s}
  .mb-dots i.is-on{width:22px;border-radius:99px;background:var(--mb-gold)}
  .mb-night .mb-dots i{background:var(--mb-line-dark)}.mb-night .mb-dots i.is-on{background:var(--mb-gold)}
}

.mb-model .mb-card__media{aspect-ratio:4/3}
.mb-model .mb-card__media img{object-fit:contain;padding:10px}
.mb-model__rank{position:absolute;top:12px;right:14px;z-index:3;font:italic 800 44px/1 var(--mb-font);font-stretch:122%;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(213,165,53,.95);text-shadow:0 10px 26px rgba(213,165,53,.25);pointer-events:none}
.mb-model .mb-card__body{gap:10px;grid-template-columns:minmax(0,1fr)}
.mb-model .mb-card__body h3{font-size:20px}
.mb-specs{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mb-specs li{padding:8px 6px 7px;border-radius:12px;background:rgba(10,34,86,.04);box-shadow:inset 0 0 0 1px var(--mb-line);text-align:center}
.mb-specs b{display:block;font:italic 750 15.5px/1.1 var(--mb-font);font-stretch:112%;color:var(--mb-blue);white-space:nowrap}
.mb-specs span{display:block;font-size:11px;color:var(--mb-muted);margin-top:3px}
.mb-night .mb-specs li{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--mb-line-dark)}
.mb-night .mb-specs b{color:#fff}.mb-night .mb-specs span{color:#B9C8E6}
.mb-model__meta{display:flex;flex-wrap:wrap;gap:6px}
.mb-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(213,165,53,.16);color:var(--mb-gold-ink);box-shadow:inset 0 0 0 1px rgba(213,165,53,.45)}
.mb-pill--line{background:transparent;color:var(--mb-muted);box-shadow:inset 0 0 0 1px var(--mb-line)}
.mb-night .mb-pill{color:#F3D58A;background:rgba(213,165,53,.14)}
.mb-night .mb-pill--line{color:#B9C8E6;background:transparent;box-shadow:inset 0 0 0 1px var(--mb-line-dark)}
.mb-model .mb-card__foot{padding-top:10px}
.mb-model .mb-card__foot .mb-btn{min-height:46px;flex:1;white-space:normal;text-align:center;line-height:1.2}

/* =========================================================
   PERGUNTAS FREQUENTES
   ========================================================= */
.mb-faq-search{position:relative;display:block;max-width:560px;margin-top:28px}
.mb-faq-search input,.mb-rep__search input{width:100%;min-height:56px;padding:0 20px 0 52px;border-radius:999px;border:0;font:500 16px var(--mb-font);color:var(--mb-ink);-webkit-appearance:none;appearance:none}
.mb-faq-search input{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.6));box-shadow:inset 0 1px 0 #fff,0 0 0 1px var(--g-edge,rgba(10,34,86,.1)),var(--g-shadow,0 20px 50px -30px rgba(10,34,86,.35))}
.mb-faq-search input:focus,.mb-rep__search input:focus{outline:0;box-shadow:0 0 0 2px var(--mb-gold),0 20px 50px -30px rgba(10,34,86,.35)}
.mb-faq-search svg,.mb-rep__search svg{position:absolute;left:19px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--mb-muted);pointer-events:none}
.mb-faq-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mb-faq-jump a{font-size:13.5px;font-weight:600;text-decoration:none;color:var(--mb-blue);padding:7px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--mb-line);background:rgba(255,255,255,.5);transition:background .25s,color .25s}
.mb-faq-jump a:hover{background:var(--mb-ink);color:#fff}

.mb-auto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.mb-auto__means{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.mb-auto__means div{padding:16px 16px 14px;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px var(--mb-line-dark)}
.mb-auto__means strong{display:block;font:italic 780 19px/1.1 var(--mb-font);font-stretch:114%;color:var(--mb-gold)}
.mb-auto__means span{display:block;margin-top:6px;font-size:13.5px;color:#B9C8E6;line-height:1.4}
.mb-limits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
.mb-limit{position:relative;padding:22px 20px 20px;border-radius:var(--mb-r);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px var(--mb-line-dark),0 30px 60px -34px rgba(0,0,0,.7);overflow:hidden}
.mb-limit dt{font-size:13.5px;color:#B9C8E6}
.mb-limit dd{margin:8px 0 16px;font:italic 800 clamp(30px,3.3vw,46px)/1 var(--mb-font);font-stretch:122%;letter-spacing:-.02em;color:#fff}
.mb-limit dd small{font:italic 700 15px var(--mb-font);color:var(--mb-gold);margin-left:4px;letter-spacing:0}
.mb-limit dd em{display:block;font:500 12.5px/1.3 var(--mb-font);font-style:normal;color:#8FA3C9;letter-spacing:0;margin-bottom:6px}
.mb-limit__bar{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.mb-limit__bar i{position:absolute;inset:0;border-radius:inherit;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#3d8bff,var(--mb-gold) 70%,var(--mb-gold-2));box-shadow:0 0 14px rgba(233,190,78,.6);transition:transform 1.6s var(--ease-out,cubic-bezier(.16,1,.3,1))}
.mb-limits.is-in .mb-limit__bar i{transform:scaleX(1)}
.mb-limits.is-in .mb-limit:nth-child(2) .mb-limit__bar i{transition-delay:.15s}
.mb-limits.is-in .mb-limit:nth-child(3) .mb-limit__bar i{transition-delay:.3s}
.mb-limits.is-in .mb-limit:nth-child(4) .mb-limit__bar i{transition-delay:.45s}
.mb-auto__warn{grid-column:1 / -1;margin:6px 0 0;padding:18px 22px;border-radius:16px;font-size:15px;line-height:1.55;color:#EAF0FA;background:linear-gradient(90deg,rgba(213,165,53,.16),rgba(213,165,53,.04));box-shadow:inset 3px 0 0 var(--mb-gold)}
.mb-auto__warn strong{color:var(--mb-gold-2)}
@media (max-width:900px){.mb-auto{grid-template-columns:1fr}}
@media (max-width:560px){.mb-auto__means{grid-template-columns:1fr}.mb-limits{grid-template-columns:1fr 1fr;gap:10px}.mb-limit{padding:16px 14px 16px}}

.mb-faq{display:grid;gap:12px;max-width:920px;margin:0 auto;counter-reset:q}
.mb-faq details{border-radius:var(--mb-r);overflow:hidden;scroll-margin-top:96px;transition:box-shadow .35s}
.mb-faq details[open]{box-shadow:inset 0 1px 0 var(--g-line,#fff),0 0 0 1.5px rgba(213,165,53,.55),var(--g-shadow,0 20px 50px -30px rgba(10,34,86,.35))}
.mb-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px 22px;font:650 clamp(16px,1.4vw,19px)/1.35 var(--mb-font);color:var(--mb-ink);-webkit-tap-highlight-color:transparent}
.mb-faq summary::-webkit-details-marker{display:none}
.mb-faq summary::before{counter-increment:q;content:counter(q,decimal-leading-zero);font:italic 800 20px/1 var(--mb-font);font-stretch:120%;color:var(--mb-gold);min-width:28px}
.mb-faq summary i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mb-paper);box-shadow:inset 0 0 0 1px var(--mb-line);position:relative;transition:transform .4s var(--ease-out,ease),background .3s}
.mb-faq summary i::before,.mb-faq summary i::after{content:"";position:absolute;width:12px;height:1.8px;border-radius:2px;background:var(--mb-ink);transition:transform .4s var(--ease-out,ease)}
.mb-faq summary i::after{transform:rotate(90deg)}
.mb-faq details[open] summary i{background:var(--mb-gold);transform:rotate(180deg)}
.mb-faq details[open] summary i::after{transform:rotate(0)}
.mb-faq summary:hover i{box-shadow:inset 0 0 0 1px var(--mb-gold)}
.mb-faq__a{padding:0 22px 22px 66px;color:var(--mb-muted);font-size:16px;line-height:1.65}
.mb-faq__a p{margin:0 0 10px}.mb-faq__a p:last-child{margin:0}
.mb-faq__a ul{margin:4px 0 10px;padding-left:18px}.mb-faq__a li{margin:3px 0}
.mb-faq__a strong{color:var(--mb-ink)}
.mb-faq__a a{color:var(--mb-blue);font-weight:600}
.mb-faq details.is-hidden{display:none}
.mb-faq mark{background:rgba(213,165,53,.35);color:inherit;border-radius:3px;padding:0 1px}
.mb-faq__empty{text-align:center;color:var(--mb-muted);margin:8px 0 0}
.mb-faq__more{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:34px auto 0;text-align:center}
.mb-faq__more p{width:100%;margin:0 0 4px;color:var(--mb-muted)}
@media (max-width:600px){.mb-faq summary{padding:16px 16px;gap:12px}.mb-faq summary::before{min-width:22px;font-size:17px}.mb-faq__a{padding:0 16px 18px 16px;font-size:15.5px}}

.mb-source{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:clamp(26px,4vw,44px);border-radius:calc(var(--mb-r) + 8px);background:linear-gradient(135deg,var(--mb-night),var(--mb-deep));color:#EAF0FA;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px rgba(4,25,63,.8)}
.mb-source::before{content:"";position:absolute;right:-12%;top:-60%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(213,165,53,.28),transparent 62%);pointer-events:none}
.mb-source__seal{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px var(--mb-line-dark);color:var(--mb-gold-2)}
.mb-source__seal svg{width:36px;height:36px}
.mb-source__eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mb-gold)}
.mb-source h2{margin:8px 0 6px;font:italic 780 clamp(22px,2.4vw,30px)/1.12 var(--mb-font);font-stretch:114%;color:#fff}
.mb-source p{margin:0;color:#B9C8E6;font-size:15.5px;max-width:58ch}
.mb-source small{display:block;margin-top:12px;font-size:12.5px;color:#8FA3C9}
.mb-source .mb-btn{position:relative;z-index:1}
@media (max-width:820px){.mb-source{grid-template-columns:1fr}.mb-source .mb-btn{justify-self:start}}

/* =========================================================
   REPRESENTANTES — mapa do Brasil (modelo Diamantino) + lista
   ========================================================= */
.mb-rep{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:980px){.mb-rep{grid-template-columns:1fr}}
.mb-rep__map{position:relative;border-radius:calc(var(--mb-r) + 8px);padding:clamp(10px,2vw,22px);overflow:hidden;
  background:radial-gradient(90% 70% at 60% 62%,rgba(0,90,200,.28),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px var(--mb-line-dark),0 40px 90px -40px rgba(0,0,0,.8)}
.mb-rep__map svg{display:block;width:100%;height:auto;overflow:visible;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mbm-uf{fill:rgba(185,200,230,.07);stroke:rgba(185,200,230,.32);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:pointer;transition:fill .35s,stroke .35s,opacity .35s}
.mbm-uf:hover,.mbm-uf.is-hover{fill:rgba(185,200,230,.16)}
.mbm-uf.has{fill:rgba(213,165,53,.24);stroke:rgba(233,190,78,.95);filter:url(#mbmGlow)}
.mbm-uf.has:hover,.mbm-uf.has.is-hover{fill:rgba(213,165,53,.4)}
.mbm-uf.is-sel{fill:rgba(213,165,53,.46)!important;stroke:#F3D58A!important}
.mbm-uf.is-dim{opacity:.35}
.mbm-uf:focus-visible{outline:0;stroke:#fff;stroke-width:2}
.mbm-lbl text{font:600 12px var(--mb-font);letter-spacing:.06em;fill:rgba(185,200,230,.62);text-anchor:middle;dominant-baseline:central;pointer-events:none}
.mbm-lbl.has text{fill:#F3D58A;font-weight:800}
.mbm-lbl.is-hide{opacity:0}
.mbm-lbls{transition:opacity .4s}
.mbm-links path{fill:none;stroke:url(#mbmFlow);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:3 7;animation:mbm-flow 1.3s linear infinite;opacity:0;transition:opacity .5s}
.is-zoom .mbm-links path{opacity:.95}
@keyframes mbm-flow{to{stroke-dashoffset:-20}}
.mbm-pin{cursor:pointer;opacity:0;transition:opacity .45s}
.is-zoom .mbm-pin{opacity:1}
.mbm-pin .core{fill:var(--mb-gold);stroke:#fff;stroke-width:2}
.mbm-pin .ring{fill:none;stroke:var(--mb-gold-2);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:mbm-ring 2.4s var(--ease-out,ease-out) infinite}
.mbm-pin .ring+.ring{animation-delay:1.2s}
@keyframes mbm-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.mbm-pin text{font:700 13px var(--mb-font);fill:#fff;paint-order:stroke;stroke:rgba(4,25,63,.9);stroke-width:4px;stroke-linejoin:round}
.mbm-pin text.sub{font:600 10.5px var(--mb-font);fill:#F3D58A}
.mbm-pin.is-active .core{fill:#fff;stroke:var(--mb-gold)}
.mbm-cluster{cursor:pointer;transition:opacity .45s}
.is-zoom .mbm-cluster{opacity:0;pointer-events:none}
.mbm-cluster .halo{fill:rgba(213,165,53,.18);transform-box:fill-box;transform-origin:center;animation:mbm-halo 2.6s ease-in-out infinite}
@keyframes mbm-halo{50%{transform:scale(1.35);opacity:.5}}
.mbm-cluster .dot{fill:var(--mb-gold);stroke:#fff;stroke-width:2}
.mbm-cluster text{font:800 12px var(--mb-font);fill:var(--mb-gold-ink);text-anchor:middle;dominant-baseline:central}
.mbm-you circle{fill:#3d8bff;stroke:#fff;stroke-width:2}
.mbm-you .ring{fill:none;stroke:#6FA3FF;transform-box:fill-box;transform-origin:center;animation:mbm-ring 2s ease-out infinite}
.mbm-you path{fill:none;stroke:#6FA3FF;stroke-width:1.4;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.mb-rep__tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.35;color:#fff;white-space:nowrap;
  background:linear-gradient(160deg,rgba(6,46,110,.95),rgba(4,25,63,.95));box-shadow:0 0 0 1px rgba(233,190,78,.35),0 18px 40px -16px rgba(0,0,0,.8);opacity:0;transform:translate(-50%,calc(-100% - 14px)) scale(.96);transition:opacity .2s,transform .2s}
.mb-rep__tip.is-on{opacity:1;transform:translate(-50%,calc(-100% - 14px))}
.mb-rep__tip b{display:block;font-size:14px}
.mb-rep__tip span{color:#F3D58A;font-weight:600}
.mb-rep__tip span.no{color:#B9C8E6;font-weight:500}
.mb-rep__ui{position:absolute;left:clamp(12px,2vw,22px);top:clamp(12px,2vw,22px);z-index:4;display:flex;gap:8px}
.mb-rep__reset{min-height:40px;padding:0 16px;border-radius:999px;border:0;cursor:pointer;font:600 13.5px var(--mb-font);color:#fff;background:rgba(4,25,63,.7);box-shadow:inset 0 0 0 1px rgba(233,190,78,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .25s}
.mb-rep__reset:hover{background:rgba(6,46,110,.9)}
.mb-rep__reset[hidden]{display:none}
.mb-rep__legend{position:absolute;left:clamp(12px,2vw,22px);bottom:clamp(12px,2vw,20px);z-index:4;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:#B9C8E6;pointer-events:none}
.mb-rep__legend span{display:inline-flex;align-items:center;gap:8px}
.mb-rep__legend i{width:14px;height:14px;border-radius:4px;background:rgba(213,165,53,.35);box-shadow:inset 0 0 0 1.5px #E9BE4E}
.mb-rep__legend i.pin{border-radius:50%;background:var(--mb-gold);box-shadow:0 0 0 2px #fff inset,0 0 0 4px rgba(213,165,53,.3)}
.mb-rep__hint{position:absolute;right:clamp(12px,2vw,22px);bottom:clamp(12px,2vw,20px);z-index:4;font-size:12.5px;color:#8FA3C9;pointer-events:none}
@media (max-width:600px){.mb-rep__hint{display:none}.mb-rep__legend{font-size:11.5px}}

.mb-rep__panel{display:grid;gap:14px;min-width:0}
.mb-rep__search{position:relative;display:block}
.mb-rep__search input{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 1px var(--mb-line-dark)}
.mb-rep__search input::placeholder{color:#8FA3C9}
.mb-rep__search svg{color:#B9C8E6}
.mb-rep__sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:8;list-style:none;margin:0;padding:6px;border-radius:18px;max-height:260px;overflow:auto;background:linear-gradient(160deg,rgba(6,46,110,.98),rgba(4,25,63,.98));box-shadow:0 0 0 1px var(--mb-line-dark),0 24px 50px -20px rgba(0,0,0,.8)}
.mb-rep__sugg[hidden]{display:none}
.mb-rep__sugg li{padding:10px 14px;border-radius:12px;cursor:pointer;font-size:14.5px;color:#EAF0FA;display:flex;justify-content:space-between;gap:12px}
.mb-rep__sugg li span{color:#8FA3C9;font-size:12.5px}
.mb-rep__sugg li[aria-selected="true"],.mb-rep__sugg li:hover{background:rgba(213,165,53,.18)}
.mb-rep__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mb-rep__chips{display:flex;flex-wrap:wrap;gap:8px}
.mb-night .mb-rep__chips .mb-chip{color:#B9C8E6}
.mb-night .mb-rep__chips .mb-chip[aria-pressed="true"]{background:var(--mb-gold);color:var(--mb-gold-ink);box-shadow:0 8px 20px -10px rgba(213,165,53,.8)}
.mb-rep__geo{min-height:42px;padding:0 16px;font-size:14px;margin-left:auto}
.mb-rep__geo svg{width:16px;height:16px}
.mb-rep__count{margin:0;font-size:14px;color:#B9C8E6}
.mb-rep__count b{color:#fff}
.mb-rep__msg{margin:0;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.45;color:#EAF0FA;background:linear-gradient(90deg,rgba(213,165,53,.18),rgba(213,165,53,.05));box-shadow:inset 3px 0 0 var(--mb-gold)}
.mb-rep__msg[hidden]{display:none}
.mb-rep__list{display:grid;gap:12px;max-height:680px;overflow:auto;padding:2px 6px 6px 2px;scrollbar-width:thin;scrollbar-color:rgba(213,165,53,.5) transparent}
@media (max-width:980px){.mb-rep__list{max-height:none;overflow:visible;padding:0}}
.mb-repcard{position:relative;display:grid;gap:10px;padding:18px 18px 16px;border-radius:var(--mb-r);cursor:pointer;
  background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px var(--mb-line-dark),0 26px 50px -30px rgba(0,0,0,.7);
  transition:transform .35s var(--ease-out,ease),box-shadow .35s}
.mb-repcard:hover{transform:translateY(-2px)}
.mb-repcard.is-active{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1.5px var(--mb-gold),0 26px 60px -26px rgba(213,165,53,.55)}
.mb-repcard[hidden]{display:none}
.mb-repcard__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.mb-repcard__tag{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mb-gold)}
.mb-repcard h3{margin:4px 0 0;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.01em}
.mb-repcard address{font-style:normal;font-size:14.5px;line-height:1.5;color:#B9C8E6}
.mb-repcard__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:#B9C8E6}
.mb-repcard__meta span{display:inline-flex;align-items:center;gap:6px}
.mb-repcard__meta svg{width:14px;height:14px;color:var(--mb-gold)}
.mb-repcard__svc{display:flex;flex-wrap:wrap;gap:6px}
.mb-repcard__svc span{font-size:12px;padding:3px 10px;border-radius:999px;color:#EAF0FA;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--mb-line-dark)}
.mb-repcard__act{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.mb-repcard__act .mb-btn{min-height:42px;padding:0 16px;font-size:14px}
.mb-dist{flex:none;font:italic 800 15px/1 var(--mb-font);font-stretch:115%;color:var(--mb-gold-2);white-space:nowrap}
.mb-dist[hidden]{display:none}
.mb-rep__empty{padding:20px;border-radius:var(--mb-r);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--mb-line-dark);display:grid;gap:10px}
.mb-rep__empty[hidden]{display:none}
.mb-rep__empty h3{margin:0;font-size:18px;color:#fff}
.mb-rep__empty p{margin:0;color:#B9C8E6;font-size:14.5px}
.mb-rep__empty .mb-btn{justify-self:start}

/* status aberto/fechado (Representantes, Contato) */
.mb-open{display:inline-flex;align-items:center;gap:7px;flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}
.mb-open:empty{display:none}
.mb-open::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.mb-open.is-on{color:#0f8a4a;background:rgba(15,138,74,.1)}
.mb-open.is-on::before{box-shadow:0 0 0 3px rgba(15,138,74,.18);animation:mb-blink 2s ease-in-out infinite}
.mb-open.is-off{color:var(--mb-muted);background:rgba(10,34,86,.06)}
.mb-night .mb-open.is-on{color:#4be394;background:rgba(75,227,148,.12)}
.mb-night .mb-open.is-off{color:#B9C8E6;background:rgba(255,255,255,.07)}
@keyframes mb-blink{50%{opacity:.45}}

/* Assistência técnica */
.mb-assist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mb-assist__item{position:relative;display:grid;gap:10px;align-content:start;padding:26px 24px 24px;border-radius:var(--mb-r);overflow:hidden}
.mb-assist__ico{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;color:var(--mb-gold-2);background:linear-gradient(145deg,var(--mb-blue),var(--mb-night));box-shadow:0 14px 30px -14px rgba(0,70,150,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.mb-assist__ico svg{width:28px;height:28px}
.mb-assist__item h3{margin:8px 0 0;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--mb-ink)}
.mb-assist__item p{margin:0;color:var(--mb-muted);font-size:15.5px}
.mb-assist__n{position:absolute;right:18px;top:12px;font:italic 800 40px/1 var(--mb-font);font-stretch:122%;color:rgba(10,34,86,.07);pointer-events:none}
.mb-assist__item::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--mb-gold),transparent);transform:scaleX(0);transition:transform .6s var(--ease-out,ease)}
.mb-assist__item:hover::after{transform:scaleX(1)}
@media (max-width:980px){.mb-assist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.mb-assist{grid-template-columns:1fr}}

/* =========================================================
   CONTATO — um Google Maps por loja
   ========================================================= */
.mb-lojas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:860px){.mb-lojas{grid-template-columns:1fr}}
.mb-loja{display:grid;grid-template-rows:auto 1fr;border-radius:calc(var(--mb-r) + 4px);overflow:hidden}
.mb-loja__map{position:relative;aspect-ratio:16/9;background:linear-gradient(160deg,#DCE4F0,#F8FAFD);overflow:hidden}
.mb-loja__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.85) contrast(1.03);transition:filter .4s}
.mb-loja:hover .mb-loja__map iframe{filter:none}
.mb-loja__map::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--mb-gold),transparent);pointer-events:none}
.mb-loja__facade{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:20px;text-align:center;text-decoration:none;color:#EAF0FA;
  background:radial-gradient(60% 80% at 50% 40%,rgba(213,165,53,.22),transparent 70%),linear-gradient(160deg,#0b2a66,#04193F)}
.mb-loja__facade svg{width:34px;height:34px;color:var(--mb-gold-2)}
.mb-loja__facade b{font-size:15px}.mb-loja__facade span{font-size:13px;color:#B9C8E6}
.mb-loja__body{display:grid;gap:12px;align-content:start;padding:22px 24px 24px}
.mb-loja__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mb-loja h3{margin:0;font-size:21px;font-weight:700;letter-spacing:-.01em}
.mb-loja address{font-style:normal;font-size:15px;line-height:1.55;color:var(--mb-muted)}
.mb-loja__meta{display:grid;gap:5px;font-size:14.5px;color:var(--mb-muted)}
.mb-loja__meta span{display:inline-flex;align-items:center;gap:8px}
.mb-loja__meta svg{width:15px;height:15px;color:var(--mb-gold);flex:none}
.mb-loja__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.mb-loja__actions .mb-btn{min-height:44px;padding:0 18px;font-size:14px}
.mb-loja__actions .mb-btn svg{width:17px;height:17px}

.mb-help{display:grid;gap:16px;align-content:start;padding:28px;border-radius:var(--mb-r);background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px var(--mb-line-dark),0 30px 60px -34px rgba(0,0,0,.7)}
.mb-help h3{margin:0;font-size:20px;color:#fff}
.mb-help ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.mb-help li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;color:#B9C8E6;font-size:14.5px;line-height:1.5}
.mb-help li b{display:block;color:#fff;font-size:15px}
.mb-help li i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(213,165,53,.14);color:var(--mb-gold-2)}
.mb-help li i svg{width:20px;height:20px}
.mb-help a{color:#F3D58A;font-weight:600}

/* =========================================================
   SOBRE — uma história para todas as lojas
   ========================================================= */
.mb-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);align-items:start}
.mb-story__side{position:sticky;top:104px;display:grid;gap:22px}
.mb-story__side figure{margin:0;border-radius:var(--mb-r);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(160deg,#DCE4F0,#F8FAFD);display:grid;place-items:center}
.mb-story__side figure img{width:100%;height:100%;object-fit:cover}
.mb-story__quote{margin:0;font:italic 700 clamp(20px,2vw,26px)/1.3 var(--mb-font);font-stretch:112%;color:var(--mb-blue)}
.mb-story__quote span{display:block;margin-top:10px;font:500 15px/1.5 var(--mb-font);font-style:normal;color:var(--mb-muted)}
.mb-timeline{list-style:none;margin:0;padding:0;display:grid;gap:clamp(30px,4vw,48px);position:relative}
.mb-timeline::before{content:"";position:absolute;left:21px;top:10px;bottom:10px;width:2px;background:var(--mb-line)}
.mb-timeline li{position:relative;padding-left:74px}
.mb-timeline li::before{content:attr(data-n);position:absolute;left:0;top:-6px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;z-index:1;font:italic 800 16px/1 var(--mb-font);font-stretch:118%;color:var(--mb-gold-ink);background:var(--mb-gold);box-shadow:0 0 0 6px var(--mb-paper),0 0 0 7px rgba(213,165,53,.35),0 12px 26px -10px rgba(213,165,53,.9)}
.mb-timeline li::after{content:"";position:absolute;left:21px;top:38px;bottom:calc(-1 * clamp(30px,4vw,48px) - 6px);width:2px;background:linear-gradient(var(--mb-gold),var(--mb-gold-2));box-shadow:0 0 10px rgba(213,165,53,.6);transform-origin:top;transform:scaleY(0);transition:transform 1.2s var(--ease-out,ease) .25s}
.mb-timeline li:last-child::after{display:none}
.mb-timeline li.is-in::after{transform:scaleY(1)}
.mb-timeline h3{margin:0 0 8px;font:italic 760 clamp(22px,2.2vw,30px)/1.1 var(--mb-font);font-stretch:114%;letter-spacing:-.015em;color:var(--mb-blue)}
.mb-timeline p{margin:0;color:var(--mb-muted);font-size:16.5px}
.mb-timeline .mb-tags{margin-top:12px}
@media (max-width:900px){.mb-story{grid-template-columns:1fr}.mb-story__side{position:static}}

/* =========================================================
   RODAPÉ — Instagram, TikTok e YouTube
   ========================================================= */
.mb-social{display:flex;gap:10px;margin-top:18px}
.mb-social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#EAF0FA;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--mb-line-dark);transition:transform .3s var(--ease-out,ease),background .3s,color .3s,box-shadow .3s}
.mb-social a::after{display:none}
.mb-social a:hover{transform:translateY(-3px);background:var(--mb-gold);color:var(--mb-gold-ink);box-shadow:0 12px 26px -12px rgba(213,165,53,.9)}
.mb-social svg{width:19px;height:19px}
.mb-footer li a{display:inline-flex;align-items:center;gap:8px}
.mb-footer li a svg{width:15px;height:15px;opacity:.8}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  .mbm-links path,.mbm-pin .ring,.mbm-cluster .halo,.mbm-you .ring,.mb-open.is-on::before{animation:none}
  .mb-limit__bar i,.mb-timeline li::after{transition:none;transform:none}
}
.mbm-pin,.mbm-links{pointer-events:none}
.is-zoom .mbm-pin{pointer-events:auto}

.mbm-lbl.sm text{font-size:10px}