.barra-atendimento-topo{
background:#c5161d;
text-align:center;
padding:10px 12px;
}

.barra-atendimento-topo a{
color:#fff;
text-decoration:none;
font-size:14px;
font-weight:600;
display:block;
}

.barra-atendimento-topo a:hover{
opacity:0.9;
}

@media (max-width:768px){

.barra-atendimento-topo{
padding:9px 10px;
}

.barra-atendimento-topo a{
font-size:13px;
line-height:1.3;
}

}

/* AJUSTE DE ESPAÇO DO TOPO */

#cabecalho {
margin-bottom: 5px !important;
padding-bottom: 0 !important;
}

/* LOGO */

.logo {
margin-top: 4px !important;
margin-bottom: 4px !important;
padding: 0 !important;
}

.logoimg {
max-height: 55px !important;
}

/* BUSCA */

.busca {
margin-top: 6px !important;
margin-bottom: 8px !important;
}

/* MENU MOBILE */

.menu-mobile,
.botao-menu,
.botao-categorias {
margin-top: 6px !important;
margin-bottom: 6px !important;
}

/* BARRA DE CATEGORIAS */

.menu.superior,
.categorias,
.nivel-um {
margin-top: 6px !important;
margin-bottom: 8px !important;
}

/* ===================================
AJUSTE DE ESPAÇAMENTO GERAL DA LOJA
=================================== */

/* largura e respiro geral */
.conteiner {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* cabeçalho mais compacto */
#cabecalho {
  margin-bottom: 8px !important;
}

#cabecalho .conteiner {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* logo mais enxuta */
.logo {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  padding: 0 !important;
}

.logo img {
  max-height: 60px !important;
  width: auto !important;
}

/* busca com menos espaço morto */
.busca {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

.busca input,
input[type="search"],
input[type="text"] {
  height: 48px !important;
  border-radius: 12px !important;
}

/* menu superior mais alinhado */
.menu.superior,
.categorias,
.nivel-um {
  margin-top: 6px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.menu.superior .nivel-um > li > a,
.menu .nivel-um > li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
}

/* banners e vitrines */
.secao-banners,
.banner,
.vitrine {
  margin-bottom: 20px !important;
}

/* corpo principal */
#corpo {
  margin-top: 8px !important;
}

#corpo .conteiner {
  padding-top: 10px !important;
  padding-bottom: 18px !important;
}

/* títulos de seção */
.titulo,
h1,
h2,
h3,
h4 {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  line-height: 1.2 !important;
}

/* produtos com espaçamento mais limpo */
.listagem {
  margin-top: 12px !important;
  margin-bottom: 24px !important;
}

.listagem .span3,
.listagem .span4,
.listagem .span6 {
  margin-bottom: 20px !important;
}

.listagem-item {
  padding: 14px !important;
  border-radius: 14px !important;
}

.listagem-item img {
  margin-bottom: 12px !important;
}

.listagem-item .titulo,
.listagem-item .nome-produto,
.listagem-item .produto-nome {
  margin-bottom: 8px !important;
  line-height: 1.2 !important;
}

.listagem-item .preco,
.listagem-item .preco-produto,
.listagem-item .preco-promocional {
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

/* botão comprar mais encaixado */
.listagem-item .botao,
.listagem-item .botao.principal,
.listagem-item .botao-comprar,
.listagem-item button {
  margin-top: 8px !important;
  height: 42px !important;
  border-radius: 10px !important;
}

/* rodapé com respiro menor */
#rodape {
  margin-top: 24px !important;
}

#rodape .conteiner {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

/* =========================
MOBILE
========================= */
@media (max-width: 768px) {

  .conteiner {
    min-width: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #cabecalho .conteiner {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .logo {
    margin-top: 2px !important;
    margin-bottom: 4px !important;
  }

  .logo img {
    max-height: 52px !important;
  }

  .busca {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
  }

  .menu.superior,
  .categorias,
  .nivel-um {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
  }

  #corpo .conteiner {
    padding-top: 6px !important;
    padding-bottom: 12px !important;
  }

  .secao-banners,
  .banner,
  .vitrine,
  .listagem {
    margin-bottom: 14px !important;
  }

  h1,
  .titulo {
    margin-bottom: 10px !important;
  }

  .listagem-item {
    padding: 12px !important;
  }
}