/* ============================================================
   MZ SORB - LAYOUT EM TELA CHEIA
   Aplicado em 12/08/2026. Para reverter, apague este bloco.
   So age em telas de 1200px ou mais (celular e tablet ficam iguais).
   ============================================================ */
@media (min-width: 1200px) {

  /* 1) Container geral: era travado em 1140px */
  .conteiner {
    width: 95% !important;
    max-width: 1800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  /* 2) Banner principal de ponta a ponta na tela */
  .secao-banners > .conteiner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .secao-banners .banner.cheio,
  .secao-banners .banner.cheio > .span12 {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .secao-banners .banner.cheio .flexslider,
  .secao-banners .banner.cheio .flexslider .slides,
  .secao-banners .banner.cheio .flexslider .slides > li {
    width: 100% !important;
  }
  .secao-banners .banner.cheio .flexslider img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* 3) Faixa de categorias (mini banners): centralizada, com respiro */
  .secao-banners .banner.mini-banner {
    width: 95% !important;
    max-width: 1800px !important;
    margin: 30px auto 12px !important;
  }
  .secao-banners .banner.mini-banner img {
    width: 100% !important;
    height: auto !important;
  }

  /* 4) Vitrine: imagens acompanhando a nova largura */
  #listagemProdutos .imagem-produto img {
    width: 100% !important;
    height: auto !important;
  }
}