@media screen and (max-width: 767px){

  /* =========================================================
     BASE
     ========================================================= */

  body{
    background:#f7f7f7 !important;
    color:#111111 !important;
  }

  .conteiner-principal,
  #corpo,
  .secao-banners,
  .conteiner{
    background:transparent !important;
  }

  /* =========================================================
     HEADER MOBILE
     ========================================================= */

  #cabecalho{
    margin-bottom:10px !important;
  }

  #cabecalho h1.logo,
  #cabecalho h2.logo,
  #cabecalho .logo{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #cabecalho .conteiner > .row-fluid > .span3{
    display:none !important;
    width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  #cabecalho .conteiner > .row-fluid > .conteudo-topo,
  #cabecalho .conteiner > .row-fluid > .span9,
  #cabecalho .conteiner > .row-fluid > [class*="span"]:last-child{
    width:100% !important;
    margin-left:0 !important;
  }

  #cabecalho .atalhos-mobile.visible-phone{
    display:block !important;
    background:#ffffff !important;
    border:none !important;
    box-shadow:0 8px 20px rgba(31,79,91,.12) !important;
    outline:none !important;
    overflow:hidden !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li{
    width:58px !important;
    min-width:58px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    border-left:1px solid rgba(34,83,95,.12) !important;
    box-sizing:border-box !important;
    background:transparent !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:66px !important;
    color:#22535f !important;
    text-decoration:none !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    position:relative !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li a:before{
    color:#22535f !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li:first-child{
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    border-left:none !important;
    margin-right:auto !important;
    padding-right:6px !important;
    background:transparent !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li:first-child a{
    justify-content:flex-start !important;
    padding:0 12px !important;
    font-size:0 !important;
    color:transparent !important;
    background-image:url("https://cdn.awsli.com.br/2966/2966689/arquivos/20260326_100737_0000.png") !important;
    background-repeat:no-repeat !important;
    background-position:left center !important;
    background-size:126px auto !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li:first-child a:before,
  #cabecalho .atalhos-mobile.visible-phone ul li:first-child a:after,
  #cabecalho .atalhos-mobile.visible-phone ul li:first-child a i{
    display:none !important;
    content:none !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li.vazia{
    display:none !important;
  }

  #cabecalho .busca-mobile{
    padding-top:0 !important;
  }

  #cabecalho .busca-mobile .menu.superior{
    display:none !important;
  }

  #cabecalho .busca-mobile .busca{
    margin:0 !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li.pb-menu-slot{
    width:58px !important;
    min-width:58px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    border-left:1px solid rgba(34,83,95,.12) !important;
    box-sizing:border-box !important;
    background:transparent !important;
    display:block !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li.pb-menu-slot button{
    width:100% !important;
    min-height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#22535f !important;
    cursor:pointer !important;
  }

  #cabecalho .atalhos-mobile.visible-phone ul li.pb-menu-slot button span{
    display:block !important;
    font-size:34px !important;
    line-height:1 !important;
    color:#22535f !important;
    font-weight:700 !important;
  }

  body.pagina-categoria #cabecalho{
    margin-bottom:0 !important;
  }

  body.pagina-categoria #cabecalho .busca-mobile{
    padding-top:0 !important;
  }

  body.pagina-categoria #cabecalho .inferior{
    margin-top:0 !important;
  }

  /* =========================================================
     MENU LATERAL MOBILE
     ========================================================= */

  .pb-mobile-menu-overlay{
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.28) !important;
    z-index:9998 !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:opacity .18s ease, visibility .18s ease !important;
  }

  .pb-mobile-menu-overlay.is-open{
    opacity:1 !important;
    visibility:visible !important;
  }

  .pb-mobile-menu-drawer{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    width:min(84vw, 320px) !important;
    height:100vh !important;
    background:linear-gradient(180deg,#22535f 0%, #2c6976 100%) !important;
    box-shadow:-10px 0 30px rgba(15,23,42,.18) !important;
    z-index:9999 !important;
    transform:translateX(100%) !important;
    transition:transform .22s ease !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  .pb-mobile-menu-drawer.is-open{
    transform:translateX(0) !important;
  }

  .pb-mobile-menu-drawer__top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:18px 16px !important;
    background:#ffffff !important;
    border-bottom:1px solid rgba(34,83,95,.10) !important;
  }

  .pb-mobile-menu-drawer__brand{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
  }

  .pb-mobile-menu-drawer__brand img{
    display:block !important;
    width:auto !important;
    max-width:150px !important;
    height:32px !important;
    object-fit:contain !important;
  }

  .pb-mobile-menu-drawer__close{
    width:42px !important;
    height:42px !important;
    border:none !important;
    border-radius:12px !important;
    background:#22535f !important;
    color:#ffffff !important;
    font-size:24px !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    box-shadow:none !important;
  }

  .pb-mobile-menu-drawer__list{
    list-style:none !important;
    margin:0 !important;
    padding:10px 0 !important;
    background:transparent !important;
    flex:1 1 auto !important;
  }

  .pb-mobile-menu-drawer__list li{
    margin:0 !important;
    padding:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
    background:transparent !important;
  }

  .pb-mobile-menu-drawer__list a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:18px 18px !important;
    color:#ffffff !important;
    text-decoration:none !important;
    font-size:18px !important;
    font-weight:700 !important;
    background:transparent !important;
  }

  .pb-mobile-menu-drawer__list a::after{
    content:"›" !important;
    color:#ffffff !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  /* =========================================================
     HOME ONLY - AVISO
     ========================================================= */

  body.pagina-inicial .secao-banners{
    position:relative !important;
  }

  body.pagina-inicial .secao-banners .conteiner{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.pagina-inicial .secao-banners .conteiner::before{
    content:"Pedido mínimo R$40,00 + frete à pagar";
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-height:42px !important;
    margin:12px 0 14px !important;
    padding:8px 12px !important;
    border-radius:14px !important;
    background:#ececec !important;
    color:#2a2a2a !important;
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    box-sizing:border-box !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  }

  /* =========================================================
     HOME ONLY - FULL BANNER
     ========================================================= */

  body.pagina-inicial .secao-banners .banner.cheio{
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  body.pagina-inicial .secao-banners .banner.cheio .flexslider{
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
    margin:0 !important;
  }

  body.pagina-inicial .secao-banners .banner.cheio .slides img{
    border-radius:24px !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    box-shadow:0 10px 24px rgba(31,79,91,.12) !important;
  }

  body.pagina-inicial .secao-banners .banner.cheio .flex-control-nav{
    bottom:10px !important;
  }

  body.pagina-inicial .secao-banners .banner.cheio .flex-control-paging li a{
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.75) !important;
    box-shadow:none !important;
  }

  body.pagina-inicial .secao-banners .banner.cheio .flex-control-paging li a.flex-active{
    background:#63bcc7 !important;
  }

  /* =========================================================
     HOME ONLY - MINI BANNERS
     ========================================================= */

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    margin:0 0 14px !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone::before,
  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone::after{
    display:none !important;
    content:none !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone .modulo{
    width:auto !important;
    margin:0 !important;
    float:none !important;
    display:block !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone .flexslider{
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
    margin:0 !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone .slides{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone .slides li{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    position:relative !important;
    opacity:1 !important;
    display:block !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone picture,
  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone a{
    display:block !important;
    width:100% !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    border-radius:16px !important;
    object-fit:cover !important;
    box-shadow:0 6px 14px rgba(31,79,91,.10) !important;
  }

  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone .flex-control-nav,
  body.pagina-inicial .secao-banners .row-fluid.banner.mini-banner.hidden-phone .flex-direction-nav{
    display:none !important;
  }

  /* =========================================================
     HOME ONLY - BUSCA
     ========================================================= */

  body.pagina-inicial #cabecalho .busca-mobile .busca{
    display:none !important;
  }

  body.pagina-inicial .pb-busca-slot{
    display:block !important;
    margin:0 14px 22px !important;
  }

  body.pagina-inicial .pb-busca-slot .busca{
    display:block !important;
    background:#efefef !important;
    border-radius:22px !important;
    padding:14px !important;
    box-shadow:0 10px 24px rgba(0,0,0,.05) !important;
    border:none !important;
  }

  body.pagina-inicial .pb-busca-slot #form-buscar{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
  }

  body.pagina-inicial .pb-busca-slot #form-buscar input{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:50px !important;
    border:1px solid #dddddd !important;
    border-radius:15px !important;
    padding:0 16px !important;
    font-size:16px !important;
    color:#181818 !important;
    background:#ffffff !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
  }

  body.pagina-inicial .pb-busca-slot #form-buscar input::placeholder{
    color:#9a9a9a !important;
  }

  body.pagina-inicial .pb-busca-slot #form-buscar button{
    width:50px !important;
    height:50px !important;
    border:none !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,#2c6976 0%, #22535f 100%) !important;
    color:#ffffff !important;
    flex:0 0 50px !important;
    box-shadow:0 8px 18px rgba(34,83,95,.18) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    position:static !important;
    font-size:0 !important;
  }

  body.pagina-inicial .pb-busca-slot #form-buscar button::before{
    content:"🔍" !important;
    font-size:20px !important;
    line-height:1 !important;
    display:block !important;
  }

  /* =========================================================
     FORA DA HOME E FORA DA CATEGORIA - OCULTAÇÃO SEGURA
     ========================================================= */

  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .conteiner,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .banner,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .modulo{
    margin:0 !important;
    padding:0 !important;
  }

  body:not(.pagina-inicial):not(.pagina-categoria) .pb-busca-slot{
    display:none !important;
  }

  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .conteiner::before{
    content:none !important;
    display:none !important;
  }

  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .row-fluid.banner.mini-banner.hidden-phone,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .banner.cheio,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .flexslider,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners .slides,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners picture,
  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners img{
    display:none !important;
  }

  body:not(.pagina-inicial):not(.pagina-categoria) .secao-banners{
    min-height:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }

  /* =========================================================
     CATEGORIA - HERDAR BANNERS NATIVOS DA LI
     ========================================================= */

  body.pagina-categoria .secao-banners{
    position:relative !important;
  }

  body.pagina-categoria .secao-banners .conteiner{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.pagina-categoria .banner.cheio{
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  body.pagina-categoria .banner.cheio .flexslider{
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
    margin:0 !important;
  }

  body.pagina-categoria .banner.cheio .slides img{
    border-radius:24px !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    box-shadow:0 10px 24px rgba(31,79,91,.12) !important;
  }

  body.pagina-categoria .banner.cheio .flex-control-nav{
    bottom:10px !important;
  }

  body.pagina-categoria .banner.cheio .flex-control-paging li a{
    width:8px !important;
    height:8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.75) !important;
    box-shadow:none !important;
  }

  body.pagina-categoria .banner.cheio .flex-control-paging li a.flex-active{
    background:#63bcc7 !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    margin:0 0 14px !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone::before,
  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone::after{
    display:none !important;
    content:none !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone .modulo{
    width:auto !important;
    margin:0 !important;
    float:none !important;
    display:block !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone .flexslider{
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
    margin:0 !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone .slides{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone .slides li{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    position:relative !important;
    opacity:1 !important;
    display:block !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone picture,
  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone a{
    display:block !important;
    width:100% !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    border-radius:16px !important;
    object-fit:cover !important;
    box-shadow:0 6px 14px rgba(31,79,91,.10) !important;
  }

  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone .flex-control-nav,
  body.pagina-categoria .row-fluid.banner.mini-banner.hidden-phone .flex-direction-nav{
    display:none !important;
  }

  body.pagina-categoria #cabecalho .busca-mobile .busca{
    display:none !important;
  }

  body.pagina-categoria .pb-categoria-hero{
    padding:16px 14px 0 !important;
    background:transparent !important;
  }

  body.pagina-categoria .pb-categoria-hero__aviso{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    min-height:42px !important;
    margin:0 0 14px !important;
    padding:8px 12px !important;
    border-radius:14px !important;
    background:#ececec !important;
    color:#2a2a2a !important;
    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    box-sizing:border-box !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  }

  body.pagina-categoria .pb-busca-slot{
    display:block !important;
    margin:0 14px 22px !important;
  }

  body.pagina-categoria .pb-busca-slot .busca{
    display:block !important;
    background:#efefef !important;
    border-radius:22px !important;
    padding:14px !important;
    box-shadow:0 10px 24px rgba(0,0,0,.05) !important;
    border:none !important;
  }

  body.pagina-categoria .pb-busca-slot #form-buscar{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:0 !important;
  }

  body.pagina-categoria .pb-busca-slot #form-buscar input{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    height:50px !important;
    border:1px solid #dddddd !important;
    border-radius:15px !important;
    padding:0 16px !important;
    font-size:16px !important;
    color:#181818 !important;
    background:#ffffff !important;
    box-sizing:border-box !important;
    box-shadow:none !important;
  }

  body.pagina-categoria .pb-busca-slot #form-buscar input::placeholder{
    color:#9a9a9a !important;
  }

  body.pagina-categoria .pb-busca-slot #form-buscar button{
    width:50px !important;
    height:50px !important;
    border:none !important;
    border-radius:15px !important;
    background:linear-gradient(180deg,#2c6976 0%, #22535f 100%) !important;
    color:#ffffff !important;
    flex:0 0 50px !important;
    box-shadow:0 8px 18px rgba(34,83,95,.18) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    margin:0 !important;
    position:static !important;
    font-size:0 !important;
  }

  body.pagina-categoria .pb-busca-slot #form-buscar button::before{
    content:"🔍" !important;
    font-size:20px !important;
    line-height:1 !important;
    display:block !important;
  }

  /* =========================================================
     TÍTULO DA LISTAGEM
     ========================================================= */

  #listagemProdutos{
    margin-top:4px !important;
    padding:0 8px !important;
    box-sizing:border-box !important;
  }

  #listagemProdutos > .titulo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 0 12px !important;
    padding:0 2px !important;
    font-size:24px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    color:#204f5c !important;
    letter-spacing:-.3px !important;
    text-transform:none !important;
  }

  /* =========================================================
     VITRINE / CORPO
     ========================================================= */

  #listagemProdutos > ul[data-produtos-linha="4"]{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #listagemProdutos > ul[data-produtos-linha="4"] > li.listagem-linha{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #listagemProdutos > ul[data-produtos-linha="4"] > li.listagem-linha > ul{
    display:flex !important;
    flex-wrap:wrap !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  #listagemProdutos li.span3{
    width:50% !important;
    max-width:50% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 4px 12px !important;
    float:none !important;
    clear:none !important;
    display:block !important;
    box-sizing:border-box !important;
  }

  #listagemProdutos .listagem-item{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:8px !important;
    display:block !important;
    box-sizing:border-box !important;
    border-radius:20px !important;
    background:linear-gradient(180deg,#ffffff 0%, #fbfbfb 100%) !important;
    border:2px solid rgba(78,169,187,.70) !important;
    box-shadow:0 10px 22px rgba(0,0,0,.06) !important;
    overflow:hidden !important;
    position:relative !important;
  }

  #listagemProdutos .imagem-produto{
    min-height:118px !important;
    height:118px !important;
    padding:8px 8px 6px !important;
    margin-bottom:4px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:linear-gradient(180deg, #ffffff 0%, #f8fcfd 100%) !important;
    border-bottom:1px solid rgba(78,169,187,.18) !important;
    border-radius:14px 14px 10px 10px !important;
    overflow:hidden !important;
  }

  #listagemProdutos .imagem-produto a{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  #listagemProdutos .imagem-produto img{
    display:block !important;
    max-width:100% !important;
    max-height:108px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }

  #listagemProdutos .info-produto{
    display:block !important;
    padding:0 2px !important;
    margin-top:0 !important;
  }

  #listagemProdutos .nome-produto{
    display:block !important;
    font-size:13px !important;
    line-height:1.22 !important;
    min-height:auto !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    white-space:normal !important;
    word-break:break-word !important;
    overflow:hidden !important;
    color:#1a1a1a !important;
    font-weight:800 !important;
  }

  #listagemProdutos .preco-produto{
    margin-top:4px !important;
  }

  #listagemProdutos .preco-promocional{
    color:#1d5b66 !important;
    font-size:17px !important;
    font-weight:800 !important;
  }

  #listagemProdutos .preco-parcela strong,
  #listagemProdutos .preco-parcela{
    color:#4e4e4e !important;
    font-size:12px !important;
  }

  #listagemProdutos .acoes-produto-responsiva{
    display:block !important;
    position:static !important;
    margin-top:8px !important;
    width:100% !important;
  }

  #listagemProdutos .acoes-produto-responsiva .tag-comprar{
    width:100% !important;
    min-height:40px !important;
    padding:8px 10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    position:static !important;
    border-radius:13px !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    background:linear-gradient(180deg,#2c6976 0%, #22535f 100%) !important;
    color:#ffffff !important;
    box-shadow:0 8px 18px rgba(34,83,95,.16) !important;
  }

  #listagemProdutos .acoes-produto-responsiva .tag-comprar .titulo{
    display:inline !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    font-weight:700 !important;
    color:#ffffff !important;
  }

  #listagemProdutos .acoes-produto-responsiva .tag-comprar i{
    position:static !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1 !important;
    color:#ffffff !important;
  }

  #listagemProdutos .bandeiras-produto,
  #listagemProdutos .bandeira-produto{
    display:none !important;
  }

  /* =========================================================
     PAGINAÇÃO MOBILE
     ========================================================= */

  .paginacao{
    margin:20px 0 10px !important;
    text-align:center !important;
  }

  .paginacao ul{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .paginacao li{
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
  }

  .paginacao li a,
  .paginacao li span{
    min-width:40px !important;
    height:40px !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    border:1px solid rgba(78,169,187,.45) !important;
    background:#ffffff !important;
    color:#22535f !important;
    font-weight:700 !important;
    text-decoration:none !important;
    box-shadow:0 6px 14px rgba(0,0,0,.05) !important;
    box-sizing:border-box !important;
  }

  .paginacao li.active span,
  .paginacao li.active a,
  .paginacao li span.atual{
    background:linear-gradient(180deg,#2c6976 0%, #22535f 100%) !important;
    border-color:#22535f !important;
    color:#ffffff !important;
  }

  .paginacao li a:hover{
    background:#f4fbfc !important;
    color:#1d5b66 !important;
  }

  .paginacao .proximo a,
  .paginacao .anterior a{
    font-size:0 !important;
    position:relative !important;
  }

  .paginacao .proximo a::before{
    content:"›" !important;
    font-size:24px !important;
    line-height:1 !important;
    color:#22535f !important;
  }

  .paginacao .anterior a::before{
    content:"‹" !important;
    font-size:24px !important;
    line-height:1 !important;
    color:#22535f !important;
  }

  .paginacao li.active a::before,
  .paginacao li.active span::before{
    color:#ffffff !important;
  }
}

/* =========================================================
   DESKTOP / TABLET MAIOR - BANNERS NATIVOS
   ========================================================= */

@media screen and (min-width: 768px){

  .secao-banners .conteiner{
    max-width:1200px !important;
    margin:0 auto !important;
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
  }

  .secao-banners .banner.cheio{
    margin:0 0 18px !important;
  }

  .secao-banners .banner.cheio .flexslider{
    margin:0 !important;
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .secao-banners .banner.cheio .slides img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    border-radius:22px !important;
    box-shadow:0 10px 24px rgba(31,79,91,.10) !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
    margin:0 0 20px !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone::before,
  .secao-banners .row-fluid.banner.mini-banner.hidden-phone::after{
    display:none !important;
    content:none !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone .modulo{
    width:auto !important;
    margin:0 !important;
    float:none !important;
    display:block !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone .flexslider{
    margin:0 !important;
    border:none !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone .slides,
  .secao-banners .row-fluid.banner.mini-banner.hidden-phone .slides li{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
    width:100% !important;
    float:none !important;
    display:block !important;
    opacity:1 !important;
    position:relative !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone a,
  .secao-banners .row-fluid.banner.mini-banner.hidden-phone picture{
    display:block !important;
    width:100% !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    border-radius:16px !important;
    box-shadow:0 6px 14px rgba(31,79,91,.08) !important;
  }

  .secao-banners .row-fluid.banner.mini-banner.hidden-phone .flex-control-nav,
  .secao-banners .row-fluid.banner.mini-banner.hidden-phone .flex-direction-nav{
    display:none !important;
  }
}