.mb-home-page-main{padding:0 0 var(--mb-section-gap,56px)}
.mb-home-intro__box{max-width:940px;margin:0 auto;text-align:center}
.mb-home-intro{margin:0}
.mb-home-intro .container{padding-top:0;padding-bottom:0}
.mb-home-intro__box .mb-page-summary{max-width:820px;margin-left:auto;margin-right:auto}
@media(max-width:768px){.mb-home-intro__box{max-width:100%}}

/* V482 - Home: respiro global abaixo do header e cabecalhos dos modulos configuraveis */
.mb-home-page-main{
  padding-top:var(--mb-layout-gap-after-breadcrumb-desktop,28px) !important;
  padding-bottom:var(--mb-layout-gap-desktop,56px) !important;
}
.mb-home-page-main .mb-layout-root{
  gap:var(--mb-layout-gap-desktop,56px) !important;
}
.mb-home-page-main .mb-layout-slot:first-child{
  margin-top:0 !important;
}
.mb-home-module-headed{
  display:grid;
  gap:22px;
  width:100%;
}
.mb-home-module-head{
  max-width:860px;
  margin:0 auto;
  text-align:center;
}
.mb-home-module-head .mb-section-title,
.mb-home-module-head .mb-section-summary{
  text-align:center;
}
@media(max-width:1100px){
  .mb-home-page-main{padding-top:var(--mb-layout-gap-after-breadcrumb-tablet,24px) !important;padding-bottom:var(--mb-layout-gap-tablet,40px) !important;}
  .mb-home-page-main .mb-layout-root{gap:var(--mb-layout-gap-tablet,40px) !important;}
}
@media(max-width:760px){
  .mb-home-page-main{padding-top:var(--mb-layout-gap-after-breadcrumb-mobile,20px) !important;padding-bottom:var(--mb-layout-gap-mobile,32px) !important;}
  .mb-home-page-main .mb-layout-root{gap:var(--mb-layout-gap-mobile,32px) !important;}
}

/* V547 - Home Content Mobile Isolado
   Escopo: apenas conteudo central da Home no mobile.
   Header, banner, cards de categorias/campanhas/blog e regras de negocio permanecem intactos. */
@media (max-width: 760px){
  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .mb-home-page-main,
  .mb-home-page-main .mb-layout-root,
  .mb-home-page-main .mb-layout-slot,
  .mb-home-page-main .mb-home-native,
  .mb-home-page-main .mb-home-module-headed,
  .mb-home-page-main .mb-category-module,
  .mb-home-page-main .mb-benefits-global,
  .mb-home-page-main .mb-special-dates,
  .mb-home-page-main .mb-blog-global,
  .mb-home-page-main .mb-featured-products,
  .mb-home-page-main .mb-step-by-step,
  .mb-home-page-main .mb-faq-global{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  .mb-home-page-main .container{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:14px !important;
    padding-right:14px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mb-home-page-main .mb-home-intro,
  .mb-home-page-main .mb-home-intro .container{
    overflow:hidden !important;
  }

  .mb-home-page-main .mb-home-intro__box,
  .mb-home-page-main .mb-home-module-head{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:hidden !important;
  }

  .mb-home-page-main .mb-page-title,
  .mb-home-page-main .mb-section-title,
  .mb-home-page-main .mb-home-module-head .mb-section-title{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(25px, 7.2vw, 32px) !important;
    line-height:1.12 !important;
    letter-spacing:-.025em !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
    text-align:center !important;
  }

  .mb-home-page-main .mb-page-summary,
  .mb-home-page-main .mb-section-summary,
  .mb-home-page-main .mb-home-module-head .mb-section-summary{
    width:100% !important;
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.55 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mb-home-page-main .mb-layout-root{
    gap:30px !important;
  }

  .mb-home-page-main .mb-layout-slot{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Beneficios: 2 cards visiveis + aproximadamente metade do terceiro. */
  .mb-home-page-main .mb-benefits-global__track{
    display:flex !important;
    align-items:stretch !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding:2px 14px 12px !important;
    margin-left:-14px !important;
    margin-right:-14px !important;
    scrollbar-width:none !important;
  }

  .mb-home-page-main .mb-benefits-global__track::-webkit-scrollbar{
    display:none !important;
  }

  .mb-home-page-main .mb-benefit-card{
    flex:0 0 36% !important;
    min-width:36% !important;
    max-width:36% !important;
    scroll-snap-align:start !important;
    min-height:118px !important;
    padding:12px 8px !important;
  }

  .mb-home-page-main .mb-benefit-card__icon{
    width:40px !important;
    height:40px !important;
    font-size:18px !important;
  }

  .mb-home-page-main .mb-benefit-card__text strong{
    font-size:12px !important;
    line-height:1.18 !important;
  }

  .mb-home-page-main .mb-benefit-card__text small{
    font-size:10.5px !important;
    line-height:1.25 !important;
  }
}

@media (max-width: 390px){
  .mb-home-page-main .mb-benefit-card{
    flex-basis:38% !important;
    min-width:38% !important;
    max-width:38% !important;
  }
}

/* V552.2 - Beneficios Mobile ajuste fino: elimina corte do primeiro card.
   Mantem 2 cards completos + 50% do terceiro, sem alterar outros modulos. */
@media (max-width: 760px){
  .mb-home-page-main .mb-benefits-global{
    overflow:visible !important;
  }
  .mb-home-page-main .mb-benefits-global__track{
    --mb-benefits-mobile-pad: 18px;
    --mb-benefits-mobile-gap: 8px;
    box-sizing:border-box !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:var(--mb-benefits-mobile-gap) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    scroll-padding-left:var(--mb-benefits-mobile-pad) !important;
    -webkit-overflow-scrolling:touch !important;
    padding:2px var(--mb-benefits-mobile-pad) 12px var(--mb-benefits-mobile-pad) !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
    max-width:100% !important;
    scrollbar-width:none !important;
  }
  .mb-home-page-main .mb-benefits-global__track .mb-benefit-card,
  .mb-home-page-main .mb-benefit-card{
    flex:0 0 calc((100% - (var(--mb-benefits-mobile-pad) * 2) - (var(--mb-benefits-mobile-gap) * 2)) / 2.5) !important;
    min-width:calc((100% - (var(--mb-benefits-mobile-pad) * 2) - (var(--mb-benefits-mobile-gap) * 2)) / 2.5) !important;
    max-width:calc((100% - (var(--mb-benefits-mobile-pad) * 2) - (var(--mb-benefits-mobile-gap) * 2)) / 2.5) !important;
    scroll-snap-align:start !important;
  }
}