/* Gattini Bambini — identidade visual e ajustes responsivos */
html, body,
#corpo,
.pagina-inicial #corpo,
.conteiner-principal,
.secao-banners,
.listagem {
  background-color: #FFF8EF !important;
}

#cabecalho,
#cabecalho .conteiner,
.menu.superior,
.menu.superior .nivel-um {
  background-color: #FFF8EF !important;
}

.menu.superior .nivel-um > li > a,
.menu.superior .nivel-um > li > a strong,
.menu.superior .nivel-um > li > a i,
#cabecalho .acoes-conta li > a,
#cabecalho .carrinho > a,
#cabecalho .busca .botao-busca {
  color: #19364F !important;
}

.secao-banners .conteiner {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.secao-banners .banner.tarja {
  margin-top: 0 !important;
}

.banner.tarja img {
  display: block;
}

.titulo,
.listagem .titulo-categoria,
.listagem-item .nome-produto {
  font-family: 'Raleway', sans-serif !important;
  color: #19364F !important;
}

.botao.principal,
.botao-comprar,
.listagem-item .acoes-produto .botao {
  background-color: #ED6B5A !important;
  border-color: #ED6B5A !important;
}

#rodape,
#rodape .institucional,
#rodape .pagamento-selos {
  background-color: #19364F !important;
}

@media (min-width: 768px) {
  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"],
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides > li {
    height: 33.333vw !important;
    max-height: 393px !important;
    min-height: 0 !important;
  }

  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"] {
    display: block !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider {
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  body,
  #corpo,
  .pagina-inicial #corpo,
  .conteiner-principal,
  .secao-banners {
    background-color: #FFF8EF !important;
  }

  .secao-banners .flexslider {
    margin-bottom: 0 !important;
  }

  .secao-banners .banner.tarja {
    margin-top: 0 !important;
  }

  .listagem .listagem-linha > ul > li {
    width: 50% !important;
    margin-left: 0 !important;
  }

  .listagem-item .nome-produto {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
}


/* Revisão mobile completa — proporção, ritmo e legibilidade */
@media (max-width: 767px) {
  #cabecalho .conteiner {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
  }

  #cabecalho .logo {
    margin: 0 auto !important;
    padding: 6px 0 2px !important;
  }

  #cabecalho .logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    min-height: 70px !important;
  }

  #cabecalho .logo img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 215px !important;
    max-height: 66px !important;
    object-fit: contain !important;
  }

  .menu.superior {
    min-height: 0 !important;
    padding: 0 !important;
  }

  .menu.superior .nivel-um {
    margin: 0 !important;
    padding: 0 10px !important;
  }

  .menu.superior .nivel-um > li > a {
    padding: 18px 22px !important;
  }

  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides > li,
  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"] {
    height: 120vw !important;
    max-height: 480px !important;
    min-height: 0 !important;
  }

  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"] {
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .pagina-produto h1,
  .produto .nome-produto {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .pagina-produto .botao-comprar,
  .pagina-produto .botao.principal,
  .produto .botao-comprar {
    background-color: #ED6B5A !important;
    border-color: #ED6B5A !important;
    border-radius: 8px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(237, 107, 90, 0.22) !important;
  }

  .listagem-item .imagem-produto {
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .listagem-item .nome-produto {
    min-height: 38px !important;
  }

  .pagina-categoria .conteudo h1,
  .pagina-busca .conteudo h1 {
    color: #19364F !important;
    line-height: 1.2 !important;
  }
}


/* Polimento final mobile — hierarquia e enquadramento */
@media (max-width: 767px) {
  .menu.superior .nivel-um > li {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .menu.superior .nivel-um > li > a {
    padding: 12px 20px !important;
  }

  .pagina-produto h1,
  .pagina-produto .produto .nome-produto {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
    text-align: left !important;
  }

  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"] {
    object-position: center top !important;
  }
}


/* Telas compactas — menu e busca na mesma linha */
@media (max-width: 360px) {
  #cabecalho .inferior .busca-mobile {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  #cabecalho .busca-mobile .atalho-menu {
    flex: 0 0 54px !important;
    width: 54px !important;
    margin: 0 !important;
  }

  #cabecalho .busca-mobile .busca {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #cabecalho .busca-mobile .busca input {
    font-size: 14px !important;
    padding-right: 36px !important;
  }
}


/* Texto de busca compacto */
@media (max-width: 360px) {
  #cabecalho .busca-mobile .busca input {
    font-size: 12px !important;
  }
}


/* Remove divisor do cabeçalho no desktop e mobile */
.menu.superior {
  border: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
}


/* Ajustes mobile 2026-08-03 — remover menu duplicado e exibir banners completos */
@media (max-width: 767px) {
  #menuinsta {
    display: none !important;
  }

  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides > li {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 438 / 766 !important;
  }

  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"] {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
}


/* Ajuste mobile 2026-08-03 — restaurar menu e remover botão Topo */
@media (max-width: 767px) {
  #menuinsta {
    display: block !important;
  }

  .scrollToTop {
    display: none !important;
  }
}


/* Ajustes responsivos 2026-08-03 — banner desktop inteiro e faixa mobile removida */
@media (min-width: 768px) {
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides,
  .secao-banners > .conteiner > .row-fluid.banner.cheio > .span12 > .flexslider > .slides > li {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 3 / 1 !important;
  }

  img[alt="Banner principal - coleção Gattini Bambini"],
  img[alt="Lifestyle Gattini Bambini - modelos"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
}

@media (max-width: 767px) {
  .row-fluid.banner.mini-banner {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}


/* Ajuste 2026-08-03 — remover botão Topo em todo o site */
.scrollToTop {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Ajuste 2026-08-03 — remover faixa vazia de cookies e restaurar categorias mobile */
#avisoCookies {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

@media (max-width: 767px) {
  .row-fluid.banner.mini-banner {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
}


/* Ajuste 2026-08-03 — alternar produtos masculinos e femininos nas vitrines */
.pagina-inicial #listagemProdutos > .titulo-categoria.vitrine-lancamento + .produtos-carrossel .flex-viewport > ul,
.pagina-inicial #listagemProdutos > .titulo-categoria.vitrine-mas-vendido + .produtos-carrossel .flex-viewport > ul {
  display: flex !important;
}

.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768674) { order: 1; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768723) { order: 2; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768666) { order: 3; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768720) { order: 4; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768662) { order: 5; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768715) { order: 6; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768659) { order: 7; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768705) { order: 8; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768652) { order: 9; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768695) { order: 10; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768515) { order: 11; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768692) { order: 12; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768688) { order: 13; }
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li:has(.prod-id-402768679) { order: 14; }


/* Novos produtos sem posição definida permanecem no fim da vitrine */
.pagina-inicial #listagemProdutos > .titulo-categoria:is(.vitrine-lancamento, .vitrine-mas-vendido) + .produtos-carrossel .flex-viewport > ul > li {
  order: 99;
}