/* VBEN REDESIGN V9 — 06/10/2026
   Inspiração: varejo tech de alto contraste — azul no topo, conteúdo branco, busca protagonista.
   Objetivo: compactar o topo sem perder atalhos, eventos, lojas, comparadores e radars. */

:root{
  --v8-blue:#0868b7;
  --v8-blue-2:#004f91;
  --v8-blue-dark:#06345e;
  --v8-orange:#ff6a1a;
  --v8-ink:#14283b;
  --v8-muted:#687b8e;
  --v8-line:#dfe7ee;
  --v8-soft:#f5f7fa;
  --v8-white:#fff;
}

html{background:#fff!important}
body{background:#fff!important;color:var(--v8-ink)!important}
main{background:#fff!important}

/* ===== Cabeçalho azul, mais varejo e menos "tela escura" ===== */
.topbar{
  height:70px!important;
  background:linear-gradient(90deg,var(--v8-blue-dark),var(--v8-blue-2) 55%,#075b9e)!important;
  border-bottom:0!important;
  box-shadow:0 2px 12px rgba(4,39,72,.20)!important;
  padding:0 clamp(14px,3vw,44px)!important;
  gap:24px!important;
}
.brand span,.brand small,.desktop-nav a,.nav-flyout-trigger{color:#fff!important}
.desktop-nav a,.nav-flyout-trigger{font-weight:800!important;opacity:.96}
.desktop-nav a:hover,.nav-flyout-trigger:hover{opacity:1!important}
.offers-top{background:var(--v8-orange)!important;border-color:var(--v8-orange)!important;color:#fff!important;box-shadow:none!important}
.menu-btn{color:#fff!important}
.icon-link{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important}

/* ===== Hero sem a menina: busca branca + mensagem compacta ===== */
.hero.vben-commerce-hero{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 86% 14%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(135deg,#0a70c1 0%,#075fa7 52%,#06467e 100%)!important;
  padding:22px clamp(16px,4vw,58px) 18px!important;
  isolation:isolate;
}
.hero.vben-commerce-hero::after{
  content:"";position:absolute;right:-80px;bottom:-170px;width:420px;height:420px;border-radius:50%;
  border:54px solid rgba(255,255,255,.035);pointer-events:none
}
.vben-commerce-hero__inner{width:min(1240px,100%);margin:0 auto;position:relative;z-index:2}
.vben-commerce-hero__top{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(460px,1.45fr);gap:34px;align-items:center}
.vben-commerce-hero__copy{min-width:0}
.hero .eyebrow{margin:0 0 5px!important;color:#cfeaff!important;font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;text-shadow:none!important}
.hero h1{margin:0!important;color:#fff!important;font-size:clamp(30px,3vw,47px)!important;line-height:.98!important;letter-spacing:-.035em!important;text-shadow:none!important}
.hero h1 strong{display:block;color:#fff!important;font-weight:1000!important}
.hero-lead{margin:9px 0 0!important;max-width:520px;color:#e7f4ff!important;font-size:14px!important;line-height:1.35!important;text-shadow:none!important}

.intelligent-search{width:100%!important;max-width:none!important;margin:0!important;text-shadow:none!important}
.intelligent-search label{display:block!important;margin:0 0 7px!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.16em!important}
.intelligent-search__box{
  height:58px!important;padding:5px!important;border:0!important;border-radius:12px!important;background:#fff!important;
  box-shadow:0 12px 28px rgba(0,42,78,.20)!important;backdrop-filter:none!important
}
.intelligent-search__box input{height:48px!important;background:#fff!important;color:#1d3144!important;font-size:15px!important;padding:0 15px!important}
.intelligent-search__box input::placeholder{color:#8493a0!important}
.intelligent-search__box button{
  min-width:112px!important;height:48px!important;border-radius:9px!important;background:var(--v8-orange)!important;color:#fff!important;
  font-size:11px!important;font-weight:1000!important;letter-spacing:.05em!important;box-shadow:none!important
}
.intelligent-search small{display:block!important;margin:6px 2px 0!important;color:#d8edff!important;font-size:9px!important;text-shadow:none!important}

.hero-points{
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;max-width:none!important;
  margin:15px 0 0!important;font-size:10px!important;text-shadow:none!important
}
.hero-points>a,.hero-points>a.hero-shortcut,.hero-points>a.hero-market{
  min-height:38px!important;height:38px!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:0 12px!important;border:1px solid rgba(255,255,255,.30)!important;border-radius:10px!important;
  background:rgba(3,48,86,.27)!important;color:#fff!important;box-shadow:none!important;text-decoration:none!important
}
.hero-points>a:hover{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.55)!important}
.hero-points a b{font-size:16px!important;color:#fff!important}
.hero-points a em{font-size:10px!important;color:#fff!important;font-weight:900!important;letter-spacing:.01em!important}
.hero-points .market-strip{min-width:0!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hero-points .market-strip strong{color:#fff!important;font-size:10px!important;font-weight:1000!important}
.hero-points .market-strip--amazon i{display:none!important}

.hero-points-float{top:auto!important;right:clamp(12px,2.5vw,38px)!important;bottom:12px!important;display:flex!important;gap:6px!important;z-index:5!important}
.hero-points-float .hero-red-point,.hero-eight-ball{transform:scale(.82);transform-origin:right bottom}
.hero-points-float .hero-red-point__label,.hero-eight-ball__label{display:none!important}

/* ===== A partir daqui: branco ===== */
.vb-shopping-hub{
  background:#fff!important;color:var(--v8-ink)!important;border:0!important;padding:18px clamp(14px,3vw,44px) 16px!important
}
.vb-shopping-hub__head{align-items:center!important;margin-bottom:10px!important}
.vb-shopping-hub__head span{color:#1475bd!important;font-size:9px!important;letter-spacing:.15em!important}
.vb-shopping-hub__head h2{color:var(--v8-ink)!important;font-size:clamp(20px,2vw,27px)!important;margin-top:2px!important}
.vb-shopping-hub__head small{color:#7a8a98!important;font-size:10px!important}
.vb-shopping-hub__rail{gap:10px!important;padding:2px 0 8px!important}
.vb-shopping-hub__card{
  flex:0 0 clamp(168px,14.5vw,218px)!important;aspect-ratio:1.18!important;min-height:142px!important;
  border:1px solid var(--v8-line)!important;border-radius:12px!important;background:#fff!important;
  box-shadow:0 4px 13px rgba(20,46,70,.08)!important
}
.vb-shopping-hub__card img{background:#fff!important}
.vb-shopping-hub__card:hover{border-color:#9bc8e9!important;box-shadow:0 8px 20px rgba(20,70,110,.13)!important}
.vb-shopping-hub__shade{inset:45% 0 0!important;background:linear-gradient(0deg,rgba(7,38,62,.94),rgba(7,38,62,0))!important}
.vb-shopping-hub__words{padding:8px 10px 10px!important}
.vb-shopping-hub__words b{font-size:13px!important}
.vb-shopping-hub__words small{font-size:9px!important;margin-top:2px!important}
.vb-shopping-hub__card--shopee{background:#fff!important}
.vb-shopping-hub__card--shopee img{object-fit:contain!important;padding:18px!important;background:#fff!important}
.vb-shopping-hub__card--shopee .vb-shopping-hub__shade{inset:62% 0 0!important;background:linear-gradient(0deg,rgba(238,77,45,.96),rgba(238,77,45,0))!important}
.vb-shopping-hub__card--tecnologia img{object-fit:contain!important;padding:2px!important;background:#fff!important}
.vb-shopping-hub__card--dynamic img{object-fit:contain!important;padding:5px!important;background:#fff!important}

/* Eventos deixam de ocupar uma tela inteira e viram uma faixa funcional. */
.vb-event-choices{
  background:#fff!important;color:var(--v8-ink)!important;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;
  padding:13px clamp(14px,3vw,44px) 15px!important
}
.vb-event-choices__heading{display:flex;align-items:baseline;gap:10px;margin-bottom:8px!important}
.vb-event-choices__heading span{color:#1475bd!important;font-size:9px!important}
.vb-event-choices__heading h2{margin:0!important;font-size:18px!important;color:var(--v8-ink)!important}
.vb-event-choices__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.vb-event-choices__grid>a{
  min-height:68px!important;padding:10px 12px!important;border:1px solid var(--v8-line)!important;border-radius:11px!important;
  background:#fff!important;color:var(--v8-ink)!important;box-shadow:0 3px 10px rgba(18,49,73,.05)!important
}
.vb-event-choices__grid>a strong{color:var(--v8-ink)!important;font-size:12px!important}
.vb-event-choices__grid>a small{color:#708293!important;font-size:9px!important}
.vb-event-choices__grid>a b{color:#1475bd!important;font-size:9px!important}
.vb-event-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important}

/* Lojas parceiras = faixa curta, branca e escaneável. */
.vben-partner-stores{
  background:#fff!important;color:var(--v8-ink)!important;border-top:0!important;border-bottom:1px solid #e5ebf0!important;
  padding:13px clamp(14px,3vw,44px) 14px!important
}
.vben-partner-stores__head{margin-bottom:8px!important}
.vben-partner-stores__head span{color:#1475bd!important}
.vben-partner-stores__head h2{font-size:20px!important;color:var(--v8-ink)!important}
.vben-partner-store{border-color:#e1e7ec!important;background:#fff!important;box-shadow:0 3px 9px rgba(20,43,64,.05)!important}
.vben-partner-store:hover{border-color:#83bce4!important}
.vben-partner-stores__all{color:#096fb8!important}

/* ===== Promoções realmente brancas ===== */
.partners.promotions-sheet{
  background:#fff!important;color:var(--v8-ink)!important;padding:16px clamp(14px,3vw,44px) 26px!important
}
.promotions-sheet .section-title h2{color:var(--v8-ink)!important}
.promotions-sheet .section-title span{background:linear-gradient(90deg,transparent,#b8d7ed)!important}
.promotions-sheet .section-title span:last-child{background:linear-gradient(90deg,#b8d7ed,transparent)!important}
.promotions-layout,.promotions-main,.promo-group{background:#fff!important;color:var(--v8-ink)!important}
.promo-group{border-color:#e7edf2!important}
.promo-group__head strong{color:#0e5f9a!important}
.promo-group__head p{color:#738493!important}
.partner-scroll-controls button{background:#fff!important;color:#315a78!important;border-color:#cbd9e3!important}

.promotions-sheet .vben-evo-card{
  background:#fff!important;color:var(--v8-ink)!important;border-color:#dfe6ec!important;
  box-shadow:0 5px 14px rgba(17,45,68,.09)!important
}
.vben-evo-card__body{background:#fff!important}
.vben-evo-card__origin{color:#2475ac!important}
.vben-evo-card__title{color:#182b3a!important}
.vben-evo-card .promo-sheet-price b{color:#132536!important}
.vben-evo-card .promo-sheet-price del{color:#8795a1!important}
.vben-evo-card__note{color:#6f7f8c!important}
.vben-evo-card--ml-api .promo-sheet-price b{color:#132536!important}
.vben-evo-card__watermark{background:rgba(5,39,66,.72)!important}
.vben-evo-actions .store-origin{background:#0e6fae!important;border-color:#0e6fae!important;color:#fff!important}

/* Shopee lateral também clareia; continua sendo um painel destacável. */
.home-shopee-panel{
  background:#fff!important;border-color:#e0e7ed!important;box-shadow:0 8px 22px rgba(18,49,73,.10)!important;color:var(--v8-ink)!important
}
.home-shopee-panel__eyebrow{color:#ee4d2d!important}
.home-shopee-panel__header strong{color:#182b3a!important}
.home-shopee-panel__header small,.home-shopee-panel__desc{color:#71808d!important}
.home-shopee-panel__logo{background:#fff!important;color:#ee4d2d!important;border:1px solid #f2d5ce}
.home-shopee-panel__close{color:#5c6d7b!important;border-color:#dce4ea!important;background:#f6f8fa!important}
.home-shopee-panel__tab{background:#f5f7f9!important;color:#415668!important;border-color:#dce5ec!important}
.home-shopee-panel__tab.is-active{background:#ee4d2d!important;color:#fff!important;border-color:#ee4d2d!important}
.home-shopee-panel__item{background:#f8fafb!important;border-color:#e4ebf0!important;color:#1b2d3c!important}
.home-shopee-panel__item:hover{background:#f2f6f8!important}
.home-shopee-panel__item small{color:#7a8996!important}
.home-shopee-panel__item b{color:#172a3a!important}
.home-shopee-panel__status{background:#f5f7f9!important;color:#607383!important}
.home-shopee-panel__secondary{border:1px solid #f0d0c8!important}
.home-shopee-mini{background:#fff!important;color:#ee4d2d!important;border-color:#f0d5cf!important;box-shadow:0 8px 20px rgba(18,49,73,.14)!important}

/* Sticky search / categorias: continuam fixas, mas com visual limpo. */
.vben-sticky-search{background:rgba(255,255,255,.98)!important;border-color:#d9e3ea!important}
.vben-sticky-search>span{color:#1475bd!important}
.vben-sticky-search input{background:#f7f9fb!important;color:#173043!important;border-color:#d8e2e9!important}
.vben-sticky-search button{background:var(--v8-orange)!important;color:#fff!important}
.vben-vertical-toolbar{
  border-color:#dce5ec!important;background:rgba(255,255,255,.98)!important;color:var(--v8-ink)!important;
  box-shadow:0 5px 14px rgba(18,49,73,.10)!important
}
.vben-vertical-toolbar__title{color:#143149!important}
.vben-vertical-toolbar .vben-vertical-categories button{background:#fff!important;color:#2a4b64!important;border-color:#ccd9e2!important}
.vben-vertical-toolbar .vben-vertical-categories button.is-active{background:var(--v8-orange)!important;border-color:var(--v8-orange)!important;color:#fff!important}

/* Painéis/modais continuam escuros quando precisam de contraste. */
.vb-point-panel,.vb-directory-panel,.mobile-nav,.promocoes-dropdown,.social-dropdown,.nav-flyout{color:#fff}

@media(max-width:980px){
  .topbar{height:64px!important;padding:0 12px!important;gap:10px!important}
  .hero.vben-commerce-hero{padding:14px 12px 13px!important}
  .vben-commerce-hero__top{grid-template-columns:1fr!important;gap:12px!important}
  .vben-commerce-hero__copy{order:2}
  .intelligent-search{order:1}
  .intelligent-search label{font-size:8px!important;margin-bottom:5px!important}
  .intelligent-search__box{height:50px!important;padding:4px!important;border-radius:10px!important}
  .intelligent-search__box input{height:42px!important;font-size:13px!important;padding:0 11px!important}
  .intelligent-search__box button{height:42px!important;min-width:88px!important;font-size:9px!important}
  .intelligent-search small{display:none!important}
  .hero .eyebrow{font-size:8px!important;margin-bottom:3px!important}
  .hero h1{font-size:31px!important;line-height:1!important}
  .hero h1 strong{display:inline!important}
  .hero-lead{font-size:11px!important;margin-top:5px!important;max-width:100%!important}
  .hero-points{margin-top:10px!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}
  .hero-points::-webkit-scrollbar{display:none}
  .hero-points>a,.hero-points>a.hero-shortcut,.hero-points>a.hero-market{height:34px!important;min-height:34px!important;padding:0 10px!important;border-radius:9px!important}
  .hero-points a b{font-size:14px!important}.hero-points a em,.hero-points .market-strip strong{font-size:9px!important}
  .hero-points-float{display:none!important}

  .vb-shopping-hub{padding:14px 0 12px!important;overflow:hidden!important}
  .vb-shopping-hub__head{padding:0 12px!important;margin-bottom:8px!important}
  .vb-shopping-hub__head h2{font-size:19px!important}
  .vb-shopping-hub__head small{font-size:8px!important}
  .vb-shopping-hub__rail{padding:0 12px 7px!important;gap:8px!important;scrollbar-width:none!important}
  .vb-shopping-hub__rail::-webkit-scrollbar{display:none}
  .vb-shopping-hub__card{flex:0 0 42vw!important;max-width:190px!important;min-height:132px!important;aspect-ratio:1.13!important}
  .vb-shopping-hub__words b{font-size:11px!important}.vb-shopping-hub__words small{font-size:8px!important}

  .vb-event-choices{padding:11px 12px 12px!important;overflow:hidden!important}
  .vb-event-choices__heading{display:block!important;margin-bottom:7px!important}
  .vb-event-choices__heading span{font-size:8px!important}.vb-event-choices__heading h2{font-size:16px!important;margin-top:2px!important}
  .vb-event-choices__grid{display:flex!important;overflow-x:auto!important;gap:7px!important;scrollbar-width:none!important;padding-bottom:2px!important}
  .vb-event-choices__grid::-webkit-scrollbar{display:none}
  .vb-event-choices__grid>a{flex:0 0 72vw!important;max-width:300px!important;min-height:62px!important;padding:8px 10px!important}
  .vb-event-icon{width:30px!important;height:30px!important;min-width:30px!important}

  .vben-partner-stores{padding:11px 0 12px!important}
  .vben-partner-stores__head{padding:0 12px!important}
  .vben-partner-stores__head h2{font-size:18px!important}
  .partners.promotions-sheet{padding:12px 10px 22px!important}
  .mobile-shopee-card{background:#fff!important;color:#25394a!important;border:1px solid #efded9!important;box-shadow:0 5px 14px rgba(18,49,73,.08)!important}
  .mobile-shopee-card p{color:#687988!important}.mobile-shopee-card__chips span{background:#fff0eb!important;color:#b33a22!important}
  .mobile-shopee-card__cta{color:#ee4d2d!important}
}

@media(max-width:520px){
  .hero h1{font-size:27px!important}
  .hero-lead{font-size:10px!important}
  .vb-shopping-hub__card{flex-basis:43vw!important;min-height:126px!important}
}


/* =========================================================
   V9 — TOPO COMPACTO + PAINEL DE PROMOÇÕES CONGELADO
   06/10/2026
   Regra visual: azul = estrutura da marca; branco = conteúdo.
   ========================================================= */

:root{color-scheme:light}

/* Branco fica determinístico, inclusive por cima de CSS legado. */
html,body,main,
.vb-shopping-hub,
.vben-partner-stores,
.partners.promotions-sheet,
.promotions-layout,
.promotions-main,
.promo-group,
.promo-sheet-rail{
  background:#fff!important;
  color:#14283b!important;
}
.partners.promotions-sheet{overflow:visible!important;contain:none!important}
.promotions-layout,.promotions-main{overflow:visible!important}

/* Hero menor: o usuário chega às promoções já na primeira tela. */
.hero.vben-commerce-hero{
  padding:14px clamp(16px,4vw,58px) 13px!important;
}
.vben-commerce-hero__top{
  grid-template-columns:minmax(250px,.66fr) minmax(520px,1.58fr)!important;
  gap:26px!important;
}
.hero h1{font-size:clamp(28px,2.55vw,40px)!important}
.hero-lead{margin-top:6px!important;font-size:12px!important}
.hero-points{display:none!important}
.intelligent-search__box{height:52px!important}
.intelligent-search__box input{height:42px!important;font-size:14px!important}
.intelligent-search__box button{height:42px!important;min-width:104px!important}
.intelligent-search small{margin-top:4px!important}

/* Explore o VBEN: mais curto e com 8 destinos úteis no lugar de uma página inteira. */
.vb-shopping-hub{
  padding:9px clamp(14px,3vw,44px) 8px!important;
}
.vb-shopping-hub__head{margin-bottom:6px!important}
.vb-shopping-hub__head h2{font-size:19px!important}
.vb-shopping-hub__head small{font-size:9px!important}
.vb-shopping-hub__rail{gap:8px!important;padding:0 0 5px!important}
.vb-shopping-hub__card{
  flex:0 0 clamp(145px,12.7vw,188px)!important;
  min-height:112px!important;
  aspect-ratio:1.28!important;
  border-radius:11px!important;
}
.vb-shopping-hub__words{padding:6px 8px 7px!important}
.vb-shopping-hub__words b{font-size:11px!important}
.vb-shopping-hub__words small{font-size:8px!important}
.vb-shopping-hub__card--shopee img{padding:11px!important}
.vb-shopping-hub__card--tecnologia img,
.vb-shopping-hub__card--dynamic img{padding:2px!important}

/* Eventos entram no último card do Explore; não existe mais faixa separada. */
.vb-shopping-hub__card--events{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:linear-gradient(145deg,#0c5f9c,#073e6a)!important;
  color:#fff!important;
}
.vb-events-card__visual{min-width:0}
.vb-events-card__eyebrow{
  display:block;color:#9fe0ff;font-size:7px;font-weight:1000;letter-spacing:.16em;margin-bottom:5px
}
.vb-events-card__visual strong{display:block;font-size:12px;line-height:1.05;color:#fff}
.vb-events-card__visual small{display:block;margin-top:4px;color:#d9efff;font-size:8px}
.vb-events-card__links{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}
.vb-events-card__links a{
  display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 6px;
  border:1px solid rgba(255,255,255,.26);border-radius:7px;background:rgba(255,255,255,.10);
  color:#fff;text-decoration:none;font:900 7px/1 Inter,Segoe UI,Arial,sans-serif
}
.vb-events-card__links a:hover{background:#ff6a1a;border-color:#ff6a1a}

/* A antiga faixa de eventos não deve reaparecer por CSS/HTML legado. */
.vb-event-choices{display:none!important}

/* Lojas parceiras: faixa realmente curta. */
.vben-partner-stores{
  padding:7px clamp(14px,3vw,44px) 7px!important;
}
.vben-partner-stores__head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-bottom:5px!important
}
.vben-partner-stores__head h2{font-size:15px!important;margin:1px 0!important}
.vben-partner-stores__head span{font-size:7px!important}
.vben-partner-stores__head small{font-size:8px!important}
.vben-partner-stores__viewport{min-height:0!important}
.vben-partner-store{
  flex-basis:72px!important;width:72px!important;height:68px!important;
  min-width:72px!important;min-height:68px!important;padding:5px!important;border-radius:10px!important
}
.vben-partner-store img{width:52px!important;height:33px!important;max-width:52px!important;max-height:33px!important}
.vben-partner-store b{font-size:8px!important;line-height:1.05!important}
.vben-partner-stores__all{font-size:8px!important;margin-top:4px!important}

/* Promoções começam imediatamente após as lojas. */
.partners.promotions-sheet{
  padding:6px clamp(14px,3vw,44px) 26px!important;
}
.promotions-sheet>.section-title{margin:0 0 5px!important}

/* EXCEL / CONGELAR PAINEL:
   quando PROMOÇÕES chega abaixo da busca, fica ali até sair da área de promoções. */
.vben-vertical-toolbar{
  position:sticky!important;
  top:140px!important;
  z-index:9996!important;
  margin:0 0 8px!important;
  padding:6px 8px!important;
  min-height:42px!important;
  border:1px solid #d8e3eb!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 6px 18px rgba(20,55,80,.13)!important;
  backdrop-filter:blur(10px)!important;
  transform:translateZ(0);
}
.vben-vertical-toolbar__title{color:#17364e!important}
.vben-vertical-toolbar .vben-vertical-categories{
  position:static!important;display:flex!important;top:auto!important;z-index:auto!important
}
.vben-vertical-toolbar .vben-vertical-categories button{
  background:#fff!important;color:#24445d!important;border-color:#cbd9e3!important
}
.vben-vertical-toolbar .vben-vertical-categories button.is-active{
  background:#ff6a1a!important;border-color:#ff6a1a!important;color:#fff!important
}
/* Vertical continua padrão; Lateral fica visível para quem quiser trocar. */
.vben-vertical-toolbar .mobile-feed-mode{display:flex!important}
.vben-vertical-toolbar .mobile-feed-mode button{
  background:#0868a4!important;border-color:#0868a4!important;color:#fff!important
}

/* As categorias/painel ficam acima dos produtos, sem herdar azul do tema antigo. */
.promotions-sheet.is-mobile-vertical .promotions-main>.promo-group.is-vben-vertical-active{
  scroll-margin-top:194px!important
}
.promo-group__head{background:#fff!important}
.partner-loading{color:#667b8d!important}

/* Shopee recolhido não reserva coluna fantasma. */
.promotions-layout.is-shopee-collapsed{
  grid-template-columns:minmax(0,1fr) 0!important;
  gap:0!important
}
.promotions-layout.is-shopee-collapsed .home-shopee-slot{display:none!important}

/* Local / telas menores */
@media(max-width:980px){
  .hero.vben-commerce-hero{padding:10px 12px 9px!important}
  .vben-commerce-hero__top{grid-template-columns:1fr!important;gap:7px!important}
  .vben-commerce-hero__copy{order:2}
  .intelligent-search{order:1}
  .intelligent-search__box{height:46px!important}
  .intelligent-search__box input{height:38px!important}
  .intelligent-search__box button{height:38px!important}
  .hero h1{font-size:25px!important}
  .hero-lead{font-size:9px!important}
  .vb-shopping-hub{padding:8px 0 6px!important}
  .vb-shopping-hub__head{padding:0 10px!important}
  .vb-shopping-hub__rail{padding:0 10px 4px!important;gap:7px!important}
  .vb-shopping-hub__card{flex:0 0 38vw!important;max-width:164px!important;min-height:108px!important}
  .vben-partner-stores{padding:6px 0!important}
  .vben-partner-stores__head{padding:0 10px!important}
  .partners.promotions-sheet{padding:5px 8px 20px!important}
  .vben-vertical-toolbar{top:108px!important;min-height:40px!important;padding:5px 6px!important}
  .promotions-sheet.is-mobile-vertical .promotions-main>.promo-group.is-vben-vertical-active{scroll-margin-top:154px!important}
}

@media(max-width:520px){
  .hero h1{font-size:23px!important}
  .vb-shopping-hub__card{flex-basis:40vw!important;min-height:104px!important}
  .vb-events-card__visual strong{font-size:11px}
  .vb-events-card__links a{font-size:6.5px;padding:0 5px}
}