/* - - - - REMOÇÃO MENU - - - - -
     
Adicionar aqui da mesma forma que esta os demais separados por , 
Exemplo: 
#cabecalho .categoria-id-23157322,  <- virgula aqui
#cabecalho .categoria-id-23157323 { <- note que o ultimo não pode ter virgula
*/

/*  \/ os demais desta linha em diante seguindo o exemplo acima */

   #cabecalho .categoria-id-22770114,       /* Coleções */
   #cabecalho .categoria-id-23181318,       /* Vitrines */
   #cabecalho .categoria-id-23175064 {      /* Elas Usam */
        display: none !important;
    }

/*FINAL REMOÇÃO MENU*/

/*REMOÇÃO FILTRO LATERAL*/
.menu.lateral .categoria-id-10380384,     /* Novidades */
.menu.lateral .categoria-id-23138922,     /* Acessórios */
.menu.lateral .categoria-id-8334979,      /* Aromas */
.menu.lateral .categoria-id-22786661,     /* Sale */
.menu.lateral .categoria-id-22770114,     /* Coleções */
.menu.lateral .categoria-id-23181318,     /* Vitrines */
.menu.lateral .categoria-id-23175064      /* Elas Usam */
{
     display: none !important;
}
/*FINAL REMOÇÃO FILTRO LATERAL*/

/*PERSONALIZAR MENU SALE*/
.menu.superior .categoria-id-22535968 .titulo{
  color: #000000 !important; /* mudar para outro cor, o padrão é #000000 */
  background: transparent !important;/*mudar para #cor quando quiser um background*/
  font-weight: none; /* Mudar para 500 caso queira negrito, para normal 400 */
  line-height: 20px; /* não mudar */
  padding: 2px 6px 0px; /* não mudar */
  transform: translatey(-3px); /* não mudar */
}
/*FINAL PERSONALIZAÇÃO MENU SALE*/





body{
  max-width: 100vw !important;
  overflow-x: hidden;
}

#cabecalho>div.nav>ul>li:nth-child(8)>a {
  color: #ffbd34;
}

.conteudo-topo.span3 {
  width: auto !important;
}

.listagem .imagem-produto img {
  object-fit: contain;
}

#cabecalho .row-fluid>.span3 {
  padding-right: unset;
}

.conteudo-topo+.span6 {
  width: 183px;
}

.logo a img {
  width: 183px;
}

.logo a {
  width: 183px;
}

.action-header+.span12 {
  max-width: 102px;
  display: block;
}

div.conteudo-topo.span3 {
  width: 100% !important;
  max-width: 387px;
}

#cabecalho .row-fluid {
  justify-content: space-between
}



.MedidasDetalhesTotal {
  height: auto;
  width: auto;
  position: absolute;
  top: 316px;
  right: 4%;
}

.MedidasDetalhesTotal p {
  padding: 12px 25%;
  background-color: #eceae7;
  color: #636363;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  width: 100%;
}

.MedidasDetalhesTotal:hover p {
  display: none;
}

.FecharMedidas {
  background-color: #000;
  color: #fff;
  padding: 6px;
  position: absolute;
  top: -25px;
  right: 2%;
  cursor: pointer;
  font-size: 9px;
  display: none;
}

.TabelaMedidas {
  display: none;
  cursor: auto;
  position: relative;
  left: 32%;
}

.MedidasDetalhesTotal {
  cursor: pointer;
}

.MedidasDetalhesTotal:hover .TabelaMedidas {
  display: block;
  width: 70%;
}

.MedidasDetalhesTotal:hover .FecharMedidas {
  display: block;
}


@media screen and (max-width: 1366px) {
  .MedidasDetalhesTotal {}
}

@media screen and (min-width: 1700px) {
  .MedidasDetalhesTotal {
    top: 322px;
  }
}

@media screen and (min-width: 1800px) {
  .MedidasDetalhesTotal {
    top: 328px;
  }
}

@media screen and (min-width: 2000px) {
  .MedidasDetalhesTotal {}
}

@media screen and (min-width: 2500px) {
  .MedidasDetalhesTotal {}
}

@media screen and (max-width: 480px) {
  .MedidasDetalhesTotal {
    top: 853px;
    padding: 10px 4% 2px 4%;
    right: 6%;
  }

  .TabelaMedidas {
    width: 106% !important;
    left: 0;
  }

  /* Fix para IOS */
  @media only screen and (-webkit-min-device-pixel-ratio: 1) {
    .TabelaMedidas {
      width: 350px !important;
      position: relative;
      left: 65px !important;
    }

    .MedidasDetalhesTotal:hover {
      width: 100%;
    }

    .MedidasDetalhesTotal {
      top: 870px;
      padding: 10px 0% 2px 0%;
      right: 14%;
      width: 20%;
    }
  }

  /* Fix para IOS */
}

.menu.superior .nivel-tres {
  display: none;
}

.menu.superior .nivel-dois .com-filho i {
  display: block;
  right: -20px;
  transform: rotate(90deg);
}

.conteiner {
  background-color: #FFF;
}

.tema-escuro .conteiner {
  background-color: #323232;
}

.tema-transparente .conteiner {
  background-color: transparent;
}

@media screen and (max-width: 768px) {
  #menuinsta {
    display: none;
  }
}

.pagina-produto #comentarios-container {
  /* display: none !important; */
}

@media (max-width: 768px) {
  .pagina-inicial .secao-banners:not(.on) {
    position: relative;
    width: 100%;
    padding-top: 130.21%;
    overflow: hidden;
  }

  .pagina-inicial .secao-banners:not(.on) img {
    display: none !important;
  }

  .pagina-inicial .secao-banners.on img {
    display: block !important;
  }

  @keyframes shimmer {
    0% {
      background-position: -350px 0;
    }

    100% {
      background-position: 350px 0;
    }
  }

  /* Skeleton com animação */
  .pagina-inicial .secao-banners:not(.on)::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f1f1f1;
    background-image: linear-gradient(90deg,
        #f2f2f2 0px,
        #f5f5f5 40px,
        #f2f2f2 80px);
    background-size: 350px 100%;
    animation: shimmer 3.5s infinite linear;
    opacity: 1;
    transition: opacity 0.5s ease;
  }

  .pagina-inicial .secao-banners.on::before {
    opacity: 0;
    transition: opacity 0.5s ease;/
  }
}

/* AJUSTE PRATELEIRAS */
.listagem-linha {
  height: auto;
}

.listagem .imagem-produto img {
  margin: 0;
  position: relative;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.listagem>ul:not(.produtos-carrossel) .listagem-linha li {
  margin: 0px 0px 14px !important;
  width: 100%;
}

.listagem .listagem-linha {
  margin-top: 0;
  border: none;
}

.listagem .listagem-item {
  min-height: 250px !important;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

.listagem .listagem-linha:first-child {
  padding-top: 0;
}

.listagem .listagem-item .nome-produto {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400 !important;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  height: 36px;
  color: #2B3446;
  text-transform: unset !important;
}

.listagem .listagem-item .info-produto .preco-produto {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 64px;
  justify-content: flex-end;
}

.listagem .listagem-item .info-produto .preco-produto>:nth-child(1) {
  order: 2;
  margin-bottom: -4px;
  /*! margin-top: 2px; */
}

.listagem .listagem-item .info-produto .preco-produto>:nth-child(1) {
  margin-bottom: 4px;
}

.listagem .listagem-item .info-produto .preco-produto>.desconto-a-vista {
  order: 3;
  margin-top: -4px;
}

.listagem .listagem-item .info-produto .preco-produto>:nth-child(2) s {
  margin-right: 7px !important;
}

.listagem .listagem-item .info-produto .preco-produto>:nth-child(3) {
  order: 3;
  margin-top: -6px;
}

.listagem .listagem-item span.preco-parcela strong {
  font-weight: 500;
  color: rgb(45, 45, 45);
}

.listagem .listagem-item .preco-produto strong.titulo {
  font-weight: 500;
  font-size: 13px !important;
  color: rgb(45, 45, 45);
}

.listagem .listagem-item .info-produto .preco-produto .preco-parcela {
  font-size: 12px;
  color: rgb(102, 102, 102);
}

.listagem .preco-produto>div {
  margin: 0;
}

.listagem .listagem-item .info-produto .preco-produto .preco-promocional {
  color: rgb(45, 45, 45);
  font-weight: 500;
  font-size: 16px;
}

.listagem .listagem-item .info-produto .preco-produto>.desconto-a-vista strong {
  font-weight: 500
}

.listagem .listagem-item .imagem-produto.has-zoom .imagem-zoom {
  position: absolute;
  top: 0;
}

.listagem .listagem-item .preco-produto.destaque-parcela> :nth-child(1) {
  display: flex;
  flex-direction: column;
}

.listagem .listagem-item .preco-produto.destaque-parcela:has(:nth-child(3))> :nth-child(2) {
  display: flex;
  justify-content: center;
}

.listagem .listagem-linha>ul:before,
.listagem .listagem-linha>ul:after {
  display: none;
}

.listagem .listagem-item .bandeiras-produto {
  top: 0px !important;
  right: 0px !important;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-end;
}

.listagem .listagem-item .bandeiras-produto span.bandeira-promocao,
.listagem .listagem-item .bandeiras-produto span.bandeira-indisponivel,
.listagem .listagem-item .bandeiras-produto span {
  margin: 0;
  border-radius: 2px;
  font-size: 12px;
  display: flex;
  gap: 4px;
  width: auto;
  padding: 4px 6px;
  height: auto;
  background-color: #0000008a;
  font-weight: 500;
  border: none;
}

.listagem .listagem-item .bandeiras-produto span.bandeira-promocao::before {
  display: none;
}

.listagem .listagem-item .bandeiras-produto span.bandeira-promocao::after {
  content: "OFF";
  font-size: 13px;
}

.listagem>ul:not(.produtos-carrossel) .indisponivel .info-produto {
  min-height: 116px;
}

@media(max-width: 768px) {
  .listagem>ul:not(.produtos-carrossel) {
    justify-content: flex-end;
    column-gap: 14px;
    display: grid;
    grid-template-columns: calc(50% - 7px) calc(50% - 7px);
    align-items: flex-start;
  }

  .listagem .span4 .imagem-produto {
    height: auto !important;
    width: 100%;
    max-width: 297px;
    height: auto;
    aspect-ratio: 297 / 399;
  }

  .listagem>ul:not(.produtos-carrossel) .listagem-linha:last-child:nth-child(odd) {
    grid-column: span 2;
    justify-self: stretch;
  }

  .listagem>ul:not(.produtos-carrossel) .listagem-linha:last-child:nth-child(odd) ul {
    justify-content: flex-end;
    column-gap: 14px;
    display: grid;
    grid-template-columns: calc(50% - 7px) calc(50% - 7px);
  }

  .listagem .listagem-linha>ul {
    margin-left: 0;
  }

  .listagem .produtos-carrossel {
    margin: 15px 0 30px 0;
  }

  .listagem .listagem-item .bandeiras-produto span.bandeira-promocao,
  .listagem .listagem-item .bandeiras-produto span.bandeira-indisponivel,
  .listagem .listagem-item .bandeiras-produto span {
    font-size: 9px !important;
    line-height: 10px !important;
    padding: 3px 4px !important;
  }

  .listagem .listagem-item .bandeiras-produto span.bandeira-promocao::after {
    font-size: 9px !important;
    line-height: 10px !important;
  }

  /* .listagem>ul.produtos-carrossel .listagem-linha li {
    max-width: calc(50vw - 30px);
  }

  .listagem>ul.produtos-carrossel .listagem-linha .imagem-produto {
    height: clamp(200px, calc(50vw - 30px), 400px) !important;
  } */
}

@media (min-width: 768px) {
  .listagem .listagem-linha>ul {
    gap: 14px;
    display: flex;
    margin: 0;
  }

  .listagem>ul:not(.produtos-carrossel) .listagem-linha li {
    max-width: 33%;
  }
}

/* AJUSTE PRATELEIRAS */

@media (max-width: 768px) {
  .row-fluid.banner+.row-fluid.banner.hidden-phone {
    margin-bottom: 9px !important;
    ;
  }

  .row-fluid.banner+.row-fluid.banner.hidden-phone img {
    display: block;
    width: 100%;
  }
}


.pagina-inicial .listagem .produtos-carrossel[data-produtos-linha="3"] .imagem-produto,
.pagina-produto .listagem .imagem-produto{
  height: 100%;
  width: 100%;
  aspect-ratio: 3 / 4;

  img{
    height: 100%;
    object-fit: cover;
  }
}

/*AJUSTE MEDIDAS*/
.MedidasDetalhesTotal{
  display: none !important;
}
.modal_size {
  .btn_modal_size {
    margin-bottom: 0;
    width: auto;
    display: inline-block;
    border-bottom: 1px solid rgb(102, 102, 102);
    color: #000;
    color: rgb(102, 102, 102);
    font-family: Poppins, sans serif;
    font-size: 12px;
    line-height: normal;
    margin-top: 10px;
    cursor: pointer;
  }
  .popup_modal_size {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    .content_modal_size {
      background: #fff;
      width: clamp(300px, 80%, 920px);
      padding: 35px 15px 12px;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 50%;
      .close_modal_size{
        position: absolute;
        top: 15px;
        right: 20px;
        font-size: 17px;
        cursor: pointer;
        width: 16px;
        font-size: 0 !important;;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1 1L15 15' stroke='%23333333' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M15 1L1 15' stroke='%23333333' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
      }
    }
    .overlay_modal_size {
      background: rgba(0,0,0,.5);
      height: 100vh;
    }
  }
}

.pagina-categoria {
    .secao-principal .conteudo {
      display: flex !important;
      flex-direction: column;
    }
    .secao-principal .conteudo .componente {
        order: 4
    }
    .secao-principal .conteudo .ordenar-listagem.topo .pagination{
      display: none;
    }
}

.lid_banner_home{
  max-width: 100vw !important;
  
  #listagemProdutos > *{
    display: none;
  }

  #listagemProdutos > .show_shelf-01{ display: unset;  order: 1;}
  #listagemProdutos > .show_shelf-01 + ul{ display: unset;  order: 2;}
  #listagemProdutos > .show_shelf-02{ display: unset;  order: 5;}
  #listagemProdutos > .show_shelf-02 + ul{display: unset; order: 6;}
  
  #listagemProdutos > .show_shelf-01::before,
  #listagemProdutos > .show_shelf-01::after,
  #listagemProdutos > .show_shelf-02::before,
  #listagemProdutos > .show_shelf-02::after{
    display: none;
  }
  .cb_mosaic_banner, 
  .cb_full_banner {
    display: flex !important;;
    gap: 30px;
    justify-content: space-between;
    order: 3;
  }
  
  .cb_full_banner {
    order: 4;
  }
  
  .cb_mosaic_banner div {
    width: 100%;
  }
  
  .cb_full_banner img ,
  .cb_mosaic_banner div img {
    width: 100%;
    display: block;
  }

  .cb_full_banner a,
  .cb_full_banner a{
    display: block;
    width: 100%;
  }

  .cb_full_banner,
  .cb_mosaic_banner{
    padding: 15px 0
  }
  
  #listagemProdutos {
    display: flex;
    flex-direction: column;
  }
  #listagemProdutos > .show_shelf-01 {
    margin-top: 15px !important;
  }
  #listagemProdutos > .show_shelf-02 {
    margin-top: 35px !important;
  }
  @media (max-width: 768px){
    #listagemProdutos .show_shelf-01{
      margin-top: 0px !important;
    }
    #listagemProdutos .show_shelf-02{
      margin-top: 30px !important;
    }
  }
  @media (max-width: 1200px){
    .cb_mosaic_banner{
      flex-direction: column
    }
    .cb_full_banner img{
      margin: 0 -20px;
      width: 100vw;
      max-width: 100vw;
    }
    .cb_mosaic_banner {
      gap: 20px
    }
    .cb_full_banner,
    .cb_mosaic_banner{
      padding: 10px 0
    }
  }
}
.scrollToTop{
    display: none !important;
}
@media screen and (max-width: 767px) {
  .menu.superior li.com-filho button i {
    border: solid black;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 0;
      height: 12px;
      width: 12px;
      border-radius: 0;
      transition: transform 0.3s ease-in-out;
      transform: translate(0px, 0px) rotate(45deg) !important;
  }
  .menu.superior li.com-filho i:before {
    display: none;
  }
  .menu.superior li.com-filho:has(.nivel-dois[style="display: block;"]) > button i {
    transform: translate(0px, 8px) rotate(-135deg) !important;
  }
  .menu.superior li.com-filho:has(.nivel-tres[style="display: block;"]):not(:has(.nivel-dois[style="display: block;"])) > button i {
    transform: translate(0px, 8px) rotate(-135deg) !important;
  }
  .menu.superior li.com-filho:has(.nivel-tres[style="display: none;"]):not(:has(.nivel-dois[style="display: block;"])) > button i {
    transform: translate(0px, 0px) rotate(45deg) !important;
  }
}
@media screen and (min-width: 767px) {
    .menu.superior .nivel-dois .com-filho i {
      display: block;
      right: 3px;
      transform: rotate(90deg);
      top: 8px;
      background: transparent;
      color: #000;
    }
}
@media screen and (max-width: 767px) {
  .menu.superior .nivel-um > li > a {
    justify-content: flex-start;
    height: 50px;
    align-items: center;
  }
  .menu.superior .nivel-um > li .titulo {
      width: auto;
      line-height: 24px;
      padding: 3px 11px 0px 9px;     
  }
}

#li-alerta-frete-gratis.li-alerta--frete-gratis-situacao-sucesso {
  background-color: #5FA369 !important;
  border-color: transparent !important;
  animation: none !important;
}

#li-alerta-frete-gratis.li-alerta--frete-gratis-situacao-pendente {
  background-color: #D9904C !important;
  border-color: transparent !important;
  animation: none !important;
}

#li-alerta-frete-gratis.li-alerta--frete-gratis-situacao-cep {
  background-color: #D1B62F !important;
  border-color: transparent !important;
  animation: none !important;
}