@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 - OCULTAÇÃO SEGURA DE BANNERS
     ========================================================= */

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

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

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

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

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

  /* =========================================================
     SUBCATEGORIAS MOBILE
     ========================================================= */

  body.pagina-categoria .menu.superior,
  body.pagina-categoria .menu.lateral,
  body.pagina-categoria .subcategorias,
  body.pagina-categoria .listagem-categorias,
  body.pagina-categoria .secao-categorias{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  body.pagina-categoria .menu.superior{
    margin:8px 8px 14px !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    position:relative !important;
    z-index:2 !important;
  }

  body.pagina-categoria .menu.superior .conteiner,
  body.pagina-categoria .menu.superior .row-fluid,
  body.pagina-categoria .menu.superior .span12{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
  }

  body.pagina-categoria .menu.superior .nivel-um{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.pagina-categoria .menu.superior .nivel-um::before,
  body.pagina-categoria .menu.superior .nivel-um::after{
    display:none !important;
    content:none !important;
  }

  body.pagina-categoria .menu.superior .nivel-um > li{
    width:calc(50% - 5px) !important;
    max-width:calc(50% - 5px) !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    display:block !important;
    position:relative !important;
    list-style:none !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
  }

  body.pagina-categoria .menu.superior .nivel-um > li > a{
    min-height:52px !important;
    padding:12px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-radius:14px !important;
    background:#ffffff !important;
    border:1px solid rgba(78,169,187,.35) !important;
    color:#22535f !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    text-decoration:none !important;
    box-shadow:0 6px 14px rgba(0,0,0,.04) !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    word-break:break-word !important;
    overflow:hidden !important;
  }

  body.pagina-categoria .menu.superior .nivel-um > li > a .titulo,
  body.pagina-categoria .menu.superior .nivel-um > li > a span{
    color:#22535f !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    white-space:normal !important;
  }

  body.pagina-categoria .menu.superior .nivel-um > li.com-filho::after,
  body.pagina-categoria .menu.superior .nivel-um > li .icon-chevron-down,
  body.pagina-categoria .menu.superior .nivel-um > li .icon-angle-down,
  body.pagina-categoria .menu.superior .nivel-um > li > a::after,
  body.pagina-categoria .menu.superior .nivel-um > li > a i{
    display:none !important;
    content:none !important;
  }

  body.pagina-categoria .menu.superior .nivel-dois,
  body.pagina-categoria .menu.superior .nivel-tres{
    position:static !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    margin:6px 0 0 !important;
    padding:6px 0 0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    float:none !important;
    visibility:visible !important;
    opacity:1 !important;
  }

  body.pagina-categoria .menu.superior .nivel-dois li,
  body.pagina-categoria .menu.superior .nivel-tres li{
    display:block !important;
    margin:0 0 6px !important;
    padding:0 !important;
    float:none !important;
    clear:both !important;
    list-style:none !important;
    background:transparent !important;
    border:none !important;
  }

  body.pagina-categoria .menu.superior .nivel-dois a,
  body.pagina-categoria .menu.superior .nivel-tres a{
    display:block !important;
    padding:10px 12px !important;
    border-radius:10px !important;
    background:#f7fbfc !important;
    color:#22535f !important;
    font-size:13px !important;
    line-height:1.2 !important;
    text-decoration:none !important;
    border:1px solid rgba(78,169,187,.20) !important;
    box-sizing:border-box !important;
    white-space:normal !important;
    word-break:break-word !important;
  }

  body.pagina-categoria .menu.superior .nivel-um > li:nth-child(odd):last-child{
    width:100% !important;
    max-width:100% !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;
  }

  /* =========================================================
     PÁGINA DE PRODUTO MOBILE
     ========================================================= */

  body.pagina-produto #corpo{
    padding-top:0 !important;
  }

  body.pagina-produto .produto{
    margin-bottom:12px !important;
  }

  body.pagina-produto .produto .principal{
    margin-bottom:8px !important;
  }

  body.pagina-produto .produto .apresentacao{
    margin-bottom:8px !important;
  }

  body.pagina-produto .produto .apresentacao .imagem-produto,
  body.pagina-produto .produto .apresentacao .imagem-principal,
  body.pagina-produto .produto .imagem-principal{
    min-height:auto !important;
    height:auto !important;
    margin-bottom:6px !important;
    padding:6px !important;
    text-align:center !important;
    background:#ffffff !important;
    border-radius:18px !important;
    box-shadow:0 8px 20px rgba(0,0,0,.05) !important;
    border:none !important;
  }

  body.pagina-produto .produto .apresentacao .imagem-produto img,
  body.pagina-produto .produto .apresentacao .imagem-principal img,
  body.pagina-produto .produto .imagem-principal img{
    max-width:100% !important;
    max-height:260px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto !important;
  }

  body.pagina-produto .produto .miniaturas{
    margin-top:4px !important;
    margin-bottom:6px !important;
  }

  body.pagina-produto .produto .miniaturas li{
    margin:0 4px 4px 0 !important;
  }

  body.pagina-produto .produto .miniaturas img{
    max-height:52px !important;
    width:auto !important;
    border-radius:10px !important;
  }

  body.pagina-produto .produto .titulo,
  body.pagina-produto .produto h1.titulo{
    margin:0 0 8px !important;
    font-size:20px !important;
    line-height:1.22 !important;
    color:#22535f !important;
    font-weight:800 !important;
  }

  body.pagina-produto .produto .codigo-produto,
  body.pagina-produto .produto .marca,
  body.pagina-produto .produto .atributos,
  body.pagina-produto .produto .disponibilidade-produto{
    margin-bottom:6px !important;
  }

  body.pagina-produto .produto .preco-produto{
    margin:6px 0 8px !important;
  }

  body.pagina-produto .produto .preco-promocional,
  body.pagina-produto .produto .preco-a-vista{
    font-size:28px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    color:#22535f !important;
  }

  body.pagina-produto .produto .parcelas,
  body.pagina-produto .produto .preco-parcela{
    margin-top:2px !important;
    margin-bottom:6px !important;
    font-size:13px !important;
  }

  body.pagina-produto .produto .comprar,
  body.pagina-produto .produto .acoes-produto,
  body.pagina-produto .produto .acoes-flutuante{
    margin-top:6px !important;
    padding-top:0 !important;
  }

  body.pagina-produto .produto .comprar .qtde-adicionar-carrinho,
  body.pagina-produto .produto .comprar .controla-quantidade{
    margin-bottom:8px !important;
  }

  body.pagina-produto .produto .comprar .botao-comprar,
  body.pagina-produto .produto .acoes-produto .botao-comprar,
  body.pagina-produto .produto a.botao-comprar,
  body.pagina-produto .produto .botao.principal{
    width:100% !important;
    min-height:48px !important;
    border:none !important;
    border-radius:14px !important;
    background:linear-gradient(180deg,#2c6976 0%, #22535f 100%) !important;
    color:#ffffff !important;
    font-size:16px !important;
    font-weight:800 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 10px 22px rgba(34,83,95,.18) !important;
    margin-top:6px !important;
    margin-bottom:8px !important;
    padding:12px 14px !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
  }

  body.pagina-produto .produto .cep,
  body.pagina-produto .produto .variacoes,
  body.pagina-produto .produto .form-horizontal{
    margin-top:6px !important;
    margin-bottom:6px !important;
  }

  body.pagina-produto .abas-custom,
  body.pagina-produto .descricao-produto,
  body.pagina-produto .abas-conteudo{
    margin-top:12px !important;
  }

  /* =========================================================
     PRODUTOS RELACIONADOS MOBILE
     ========================================================= */

  body.pagina-produto .produtos-relacionados,
  body.pagina-produto .produtos-relacionados .conteiner,
  body.pagina-produto .listagem.relacionados{
    margin-top:12px !important;
  }

  body.pagina-produto .produtos-relacionados .titulo,
  body.pagina-produto .listagem.relacionados .titulo,
  body.pagina-produto .listagem h4.titulo{
    font-size:18px !important;
    line-height:1.2 !important;
    color:#63aeb8 !important;
    font-weight:500 !important;
    margin:0 0 10px !important;
    padding:0 2px !important;
  }

  body.pagina-produto .produtos-relacionados ul,
  body.pagina-produto .listagem.relacionados ul,
  body.pagina-produto .produtos-relacionados .listagem > ul{
    display:flex !important;
    flex-wrap:wrap !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  body.pagina-produto .produtos-relacionados ul li,
  body.pagina-produto .listagem.relacionados ul li,
  body.pagina-produto .produtos-relacionados .listagem > ul > li{
    width:50% !important;
    max-width:50% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 5px 10px !important;
    box-sizing:border-box !important;
    float:none !important;
    clear:none !important;
  }

  body.pagina-produto .produtos-relacionados .listagem-item,
  body.pagina-produto .listagem.relacionados .listagem-item{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    margin:0 !important;
    padding:8px !important;
    border-radius:16px !important;
    background:#ffffff !important;
    border:1px solid rgba(78,169,187,.40) !important;
    box-shadow:0 6px 14px rgba(0,0,0,.05) !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  body.pagina-produto .produtos-relacionados .imagem-produto,
  body.pagina-produto .listagem.relacionados .imagem-produto{
    min-height:84px !important;
    height:84px !important;
    padding:4px !important;
    margin:0 0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#ffffff !important;
    border:none !important;
    border-radius:10px !important;
    overflow:hidden !important;
  }

  body.pagina-produto .produtos-relacionados .imagem-produto a,
  body.pagina-produto .listagem.relacionados .imagem-produto a{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.pagina-produto .produtos-relacionados .imagem-produto img,
  body.pagina-produto .listagem.relacionados .imagem-produto img{
    max-width:100% !important;
    max-height:76px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 auto !important;
  }

  body.pagina-produto .produtos-relacionados .nome-produto,
  body.pagina-produto .listagem.relacionados .nome-produto{
    display:block !important;
    font-size:11px !important;
    line-height:1.22 !important;
    font-weight:700 !important;
    color:#1a1a1a !important;
    margin:0 0 4px !important;
    min-height:54px !important;
    max-height:54px !important;
    overflow:hidden !important;
    word-break:break-word !important;
  }

  body.pagina-produto .produtos-relacionados .preco-produto,
  body.pagina-produto .listagem.relacionados .preco-produto{
    margin-top:auto !important;
    margin-bottom:6px !important;
  }

  body.pagina-produto .produtos-relacionados .preco-promocional,
  body.pagina-produto .listagem.relacionados .preco-promocional{
    font-size:14px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
    color:#22535f !important;
  }

  body.pagina-produto .produtos-relacionados .preco-parcela,
  body.pagina-produto .listagem.relacionados .preco-parcela{
    font-size:11px !important;
    line-height:1.2 !important;
  }

  body.pagina-produto .produtos-relacionados .acoes-produto-responsiva,
  body.pagina-produto .produtos-relacionados .acoes-produto,
  body.pagina-produto .listagem.relacionados .acoes-produto-responsiva,
  body.pagina-produto .listagem.relacionados .acoes-produto{
    margin-top:0 !important;
    position:static !important;
    width:100% !important;
  }

  body.pagina-produto .produtos-relacionados .tag-comprar,
  body.pagina-produto .listagem.relacionados .tag-comprar{
    width:100% !important;
    min-height:34px !important;
    padding:6px 8px !important;
    border:none !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#2c6976 0%, #22535f 100%) !important;
    color:#ffffff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    box-shadow:none !important;
    position:static !important;
  }

  body.pagina-produto .produtos-relacionados .tag-comprar .titulo,
  body.pagina-produto .listagem.relacionados .tag-comprar .titulo{
    display:inline !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:#ffffff !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
  }

  body.pagina-produto .produtos-relacionados .tag-comprar i,
  body.pagina-produto .listagem.relacionados .tag-comprar i{
    position:static !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    color:#ffffff !important;
  }

  body.pagina-produto .produtos-relacionados .slick-slider,
  body.pagina-produto .produtos-relacionados .carrossel,
  body.pagina-produto .produtos-relacionados .jcarousel-skin-tango,
  body.pagina-produto .listagem.relacionados .slick-slider,
  body.pagina-produto .listagem.relacionados .carrossel,
  body.pagina-produto .listagem.relacionados .jcarousel-skin-tango{
    overflow:visible !important;
  }

  body.pagina-produto .produtos-relacionados .slick-track,
  body.pagina-produto .listagem.relacionados .slick-track{
    width:100% !important;
    transform:none !important;
    display:flex !important;
    flex-wrap:wrap !important;
  }

  body.pagina-produto .produtos-relacionados .slick-slide,
  body.pagina-produto .listagem.relacionados .slick-slide{
    float:none !important;
    height:auto !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;
  }
}