@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');

body,.botao.principal,.primary-menu .titulo,.preco-produto .titulo {
    font-family: 'Rubik', sans-serif !important;
}
ul.nivel-dois {
  height: 900px;
  box-sizing: content-box;
  min-width: 173px;
  left: -56px;
  overflow-x: auto;
  border-radius: 10px; /* Adiciona um border-radius de 10px */
}

/* Estilo personalizado da barra de rolagem */
ul.nivel-dois::-webkit-scrollbar {
  width: 10px; /* Define a largura da barra de rolagem */
  height: 10px; /* Define a altura da barra de rolagem (para scroll vertical) */
  border-radius: 5px; /* Adiciona um border-radius de 5px na barra de rolagem */
}

ul.nivel-dois::-webkit-scrollbar-thumb {
  background-color: #888; /* Cor do "ponteiro" da barra de rolagem */
  border-radius: 5px; /* Adiciona um border-radius de 5px no "ponteiro" */
}

ul.nivel-dois::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Cor da "trilha" da barra de rolagem */
  border-radius: 5px; /* Adiciona um border-radius de 5px na "trilha" */
}
.title,.titulo,.titulo-categoria,.titulo-sessao,.nome-produto {
    font-family: 'Rubik', sans-serif !important;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .cabecalho-interno .titulo small { font-size: 13px !important; } 

/* BANNER CABEÇALHO */
.ns-banner-top .conteiner .ns-banner-top-wrapper {
    justify-content: center;
    width: 100%;
  }

  .ns-banner-top .conteiner .ns-banner-top-wrapper button {
    margin-left: 10px;
    padding: 5px 10px;
    background: #01BDE5;
    border: none;
    font-weight: 500;
    font-size: 0.85rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
  }
/* FIM BANNER CABEÇALHO */

/* CABEÇALHO */
#cabecalho .conteiner .ns-row>.ns-col { justify-content: center; }

#cabecalho .ns-col-actions .ns-action-item-text small { opacity: 1 !important; } 

#cabecalho .ns-col-actions .ns-action-item-icon svg, #cabecalho .ns-col-actions .ns-action-item.carrinho>a .icon-shopping-cart svg {
    fill: #546FB9 !important;
}

#cabecalho .ns-col-actions .ns-action-item-icon, #cabecalho .ns-col-actions .ns-action-item.carrinho>a .icon-shopping-cart {
    margin-bottom: -15px;
}

#cabecalho .logo a img { max-height: 100px !important; } 

.main-menu-desktop .nivel-um>li>a { font-size: 0.8125rem !important; } 
.main-menu-desktop .nivel-um>li.all-categories>a, .main-menu-desktop .nivel-um>li.all-categories>i, .main-menu-desktop .nivel-um>li.all-categories>strong { font-size: 0.8125rem !important; } 

.main-menu-desktop .nivel-um>li.all-categories svg { height: 0.875rem !important; } 
/* FIM CABEÇALHO */

/* MENU SCROLL */
body.is-scrolling #cabecalho .logo a img { max-height: 60px !important; } 
/* FIM MENU SCROLL */

/* BANNER TARJA */
.banner-tarja-wrapper .banner-tarja-item-text span { font-size: .8rem; }
/* FIM BANNER TARJA */

/* TÍTULOS SEÇÕES */
.listagem .titulo-categoria strong, .listagem>.titulo strong, h2.titulo strong {
    font-weight: 600 !important;
}
.listagem .titulo-categoria .subtitle, .listagem>.titulo .subtitle, h2.titulo .subtitle {
    font-size: 1.125rem !important;
}
/* FIM TÍTULOS SEÇÕES */

/* SLIDER CATEGORIAS */
.section-category-slider .ns-slider .category-item.category-item-circle {
    border-radius: .7rem !important;
    box-shadow: 1px 4px 8px 0 rgb(0 0 0 / 10%) !important;
    margin: 0 1rem !important;
    min-width: 200px !important;
    overflow: hidden !important;
}
.section-category-slider .ns-slider .category-item.category-item-circle .category-image {
    border: 0 !important;
    border-bottom: 5px solid #536EB9 !important;
    border-radius: 20px !important;
    display: flex !important;
    align-items: flex-start !important;
    height: auto !important;
    max-height: 9rem !important;
    min-width: 220px !important;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: 0 !important;
}
.section-category-slider .ns-slider .category-item.category-item-circle .category-image img {
    height: 6rem !important;
    object-fit: cover !important;
    width: 100% !important;
    margin-bottom: -2px;
}
.section-category-slider .ns-slider .category-item.category-item-circle .category-image.ns-animated:after, .section-category-slider .ns-slider .category-item.category-item-circle .category-image.ns-animated:before {
    content: none !important;
}
.section-category-slider .ns-slider .category-item.category-item-circle .category-name {
    padding: 7px;
    transition: ease-in-out .25s !important;
}
#ocnewproductslider-Destaques.owl-carousel .category-item[data-slick-index="1"] .category-image img {
    content: url('https://cdn.awsli.com.br/2546/2546986/arquivos/perfumaria-01.jpg');
}

/* FIM SLIDER CATEGORIAS */

/* OFERTAS */
.section-offer-countdown {
    margin-bottom: 0!important;
}
/* FIM OFERTAS */

/* MARCAS */
.section-brands {
    background: #01BDE5;
}

.section-brands .titulo.titulo-sessao { margin-bottom: 20px !important; } 

.section-brands .titulo.titulo-sessao,
.section-brands .titulo.titulo-sessao .subtitle { color: #fff; } 

.section-brands .marcas {
    background: #fff;
    border-radius: 21px;
    padding-right: 2rem;
    padding-left: 2rem;
}

.section-brands .slick-prev { 
    top: 30% !important;
    transform: rotate(180deg) translateY(-50%) !important; 
    
} 
/* FIM MARCAS */

/* NEWSLETTER */
#barraNewsletter .interno .titulo {
    font-size: 20px !important;
    margin: 0 !important;
}
#barraNewsletter .interno-conteudo .texto-newsletter {
    font-size: 2rem !important;
}
#barraNewsletter .interno-conteudo .input-conteiner {
    border-radius: 10px !important;
}

#barraNewsletter .interno-conteudo .newsletter-confirmacao {
    justify-content: flex-start !important;
    color: #fff !important;
}

.newsletter .newsletter-confirmacao .icon-ok { color: #fff !important; }
/* FIM NEWSLETTER */

/* RODAPÉ */
.selos i {
    width: 35px;
    height: 22px;
    display: inline-block
}

.icone-pagamento {
    background: url(https://cdn.awsli.com.br/2546/2546986/arquivos/icone-pagamento.png)
}

.selos ul {
    display: flex;
    align-items: center;
}

.selos li {
    margin-right: 10px;
    margin-bottom: 10px;
    float: left
}

.visa {
    background-position: 0 0
}

.mastercard {
    background-position: -50px 0
}

.amex,.americanexpress {
    background-position: -100px 0
}

.diners {
    background-position: -150px 0
}

.elo {
    background-position: -200px 0
}

.aura {
    background-position: -250px 0
}

.discover {
    background-position: -300px 0
}

.hipercard {
    background-position: -350px 0
}

.hiper {
    background-position: -50px -83px
}

.jcb {
    background-position: -200px -83px
}

.melicard {
    background-position: -100px -83px
}

.misc {
    background-position: -150px -83px
}

.bradesco {
    background-position: 0 -39px
}

.banco-do-brasil {
    background-position: -50px -39px
}

.caixa-economica {
    background-position: -100px -39px
}

.citibank {
    background-position: -351px -39px
}

.sicoob {
    background-position: -302px -39px
}

.santander {
    background-position: -150px -39px
}

.hsbc {
    background-position: -200px -39px
}

.banco-itau {
    background-position: -250px -39px
}

.itau {
    background-position: -250px -39px
}

.pix {
    background-position: -250px -83px
}

.mercado-credito {
    background-position: -302px -83px
}

.caixa-economica-new {
    background-position: -351px -83px
}

.loterias-caixa {
    background-position: 0 -127px
}

.bandeira-mercado-pago {
    background-position: -50px -127px
}

.bandeira-paypal {
    background-position: -99px -127px
}

.icone-pagamento.boleto,.icone-pagamento.boleto-bancario,.icone-pagamento.boletobancario {
    background-position: 0 -83px
}

#rodape .pagamento-selos .row-fluid {
    justify-content: space-between !important;
}

#rodape .pagamento-selos .row-fluid:after,
#rodape .pagamento-selos .row-fluid:before {
    content: none !important;
}

#rodape .institucional .lista-redes ul li i[class^=icon] {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.dev {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    font-size: 13px;
}

.dev img { margin-left: 10px; } 
/* FIM RODAPÉ */

/* PRODUTO INDIVIDUAL */
.aproveite-tambem { display: none; } 
.product-title-description {
    text-transform: uppercase;
    text-align: left !important;
}
.product-title-description :after {
    content: '';
    position: relative;
    margin-bottom: -10px;
    display: block;
    height: 2px;
    width: 70px;
    background: #696AC1;
    border-radius: 10px;
}

.produto .abas-custom .tab-content {
    padding: 20px 0 !important;
}

.produto .acoes-produto .comprar a.botao-comprar { font-weight: 600; }

.whatsapp-buy-button {
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
}
/* FIM PRODUTO INDIVIDUAL */ 

/* BOTÕES */
.botao.secundario,
.campos-pedido #formularioEndereco .btn {
    background: #696AC1 !important;
    border-radius: 4px !important;
    color: #fff !important;
}

.pagina-busca .secao-principal .conteudo .input-append .btn, 
.pagina-categoria .secao-principal .conteudo .input-append .btn {
    background: #696AC1 !important;
    color: #fff !important;
}

.botao.grande {
    font-weight: 600 !important;
    font-size: 20px !important;
}
/* FIM BOTÕES */

/* MENU LATERAL */
.menu.lateral .ativo {
    background: transparent !important;
}
.menu.lateral .ativo .titulo {
    color: #696AC1 !important;
}
/* FIM MENU LATERAL */

/* PÁGINAS INTERNAS */
.pagina-pagina #corpo .conteiner {
    max-width: 1300px !important;
}
.pagina-pagina #corpo .conteiner .caixa-sombreada {
    box-shadow: none !important;
    border: none !important;
}

.pagina-pagina #corpo ul {
    margin-left: 2rem !important;
    margin-bottom: 1rem !important;
}

.pagina-pagina #corpo .breadcrumbs ul {
    margin-bottom: 0 !important;
}

.carrinho-checkout .dev { display: none !important; } 
/* FIM PÁGINAS INTERNAS */

/* MODAL */
#modalContato td a[href*='mailto'] { font-size: 13px; } 
/* FIM MODAL */

/* RESPONSIVO */
@media(max-width: 1199px) {
    .section-banner-tarja-responsive .banner-tarja-wrapper .banner-tarja-item-icon img, 
    .section-banner-tarja-responsive .banner-tarja-wrapper .banner-tarja-item-icon svg {
        height: 40px !important;
    }
    .section-banner-tarja-responsive .banner-tarja-wrapper .banner-tarja-item-icon { margin-right: .75rem; }
    .banner-tarja-wrapper .banner-tarja-item-text span { font-size: .65rem; } 
    
    .section-category-slider .ns-slider .category-item.category-item-circle { min-width: 160px !important; } 
    
    .contato-rodape a {
        word-break: break-word;
    }
}

@media(max-width: 991px) {
    #cabecalho .logo a img { max-height: 80px !important; } 
    
    .section-banner-tarja-responsive .banner-tarja-wrapper .banner-tarja-item { margin: 0 .5rem !important; } 
    
    .section-category-slider .ns-slider .category-item.category-item-circle { min-width: auto !important; } 
    
    #rodape .pagamento-selos .row-fluid { flex-wrap: wrap; } 
    
    .dev img { margin-left: 0; } 
}

@media(max-width: 767px) {
    .ns-banner-top .conteiner .ns-banner-top-wrapper { gap: .5rem 0; }
    
    .section-category-slider .ns-slider {
        flex-wrap: wrap;
        justify-content: space-between !important;
        gap: 1rem 0.5rem;
    }
    .section-category-slider .ns-slider .category-item.category-item-circle {
        min-width: auto !important;
        width: calc(50% - 0.5rem);
        margin: 0 !important;
    }
    
    .dev { justify-content: center; }
    .dev img { margin-left: 10px; } 
    
    #barraNewsletter .interno-conteudo .newsletter-confirmacao { justify-content: center !important; } 
    
    #rodape .pagamento-selos .pagamento {
        flex-wrap: wrap !important;
        gap: 1rem 0;
        margin-bottom: 1rem;
    }
    
    #rodape .pagamento-selos .pagamento ul {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    
    #rodape .pagamento-selos .gateways-rodape li {
        margin-right: 0 !important;
    }
    
    #rodape .pagamento-selos .selos {
        width: 100% !important;
    }
    
    #rodape .pagamento-selos .selos ul {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* FIM RESPONSIVO */