#tarja-slide ul{display: flex !important; justify-content: center !important;align-items: center !important; flex-wrap: wrap !important; list-style-type: none !important;}

.logo{
    width: 50%;
}

.logo-link{
    justify-content: end;
    display: flex;
    margin-right: -90px;
}

.div-logo{
    justify-content: end;
    padding-right: 0px;
}

.row-header-login{
    justify-content: end;
}

.menu-desktop #btn-cart a .badge {
    top: 2px;
    right: -20px;
    font-size: 13px !important;
    font-weight: normal !important;
}

#menu_flutuante #btn-cart a .badge{
    top: 2px;
    right: -20px;
    font-size: 13px !important;
    font-weight: normal !important;
}

.badge{
    color: #000 !important;
    background-color: transparent !important;
}

.menu-desktop .form_header_busca{
    margin: 0;
}

.menu-desktop .top-login .form_header_busca .input-group{
    border-bottom: none !important;
    padding: 0px 0px 0px 0px;
}

.menu-desktop .top-login .form_header_busca .input-group::after{
    display: none;
}

.top-login{
    padding: 0 !important;
}

.menu-desktop .input-header{
    background: var(--cor-2) !important;
}

.btn-busca{
    margin-right: 0px;
}

.topicos-login-header{
    padding-left: 0px;
}

li.d-flex.justify-around{
    padding-left: 0px;
}

.mega-menu{
    background: var(--cor-3);
    min-height: 50px;
}

header{
    box-shadow: none;
    border-bottom: 1px solid var(--cor-2);
}

.menu-link-root{
    color: #000 !important;
}

.navbar-nav>li>a{
    font-size: 14px;
    text-transform: uppercase;
    height: 60px;
    font-weight: bold;
}

.menu-link-root .menu-text{
    font-weight: normal;
}

.navbar-nav{
    justify-content: center;
    gap: 35px;
    height: 40px !important;
}

.navbar-nav>li {
    height: 60px;
}

body{
    background-color: white !important;
}

#tarja-slide ul li{
    flex-direction: column;
    text-align: center;
    background-color: transparent;
    margin-bottom: 0px;
}

#tarja-slide ul li{
    font-size: 13px;
}

#tarja-slide .second-line{
    font-size: 11px;
}

.titulo-vitrine h2{
    font-weight: bold;
}

.produto.custom-estilo{
    border: none !important;
    box-shadow: none !important;
    height: 500px !important;
}

.img-produto {
    height: 100%;
}

.nome-prod-desktop{
    min-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: start;
}

.preco-por b{
    display: none;
}

.preco-por{
    text-align: start;
}

.card-body {
    margin-top: 10px;
}

.card-body .small-text {
    text-transform: uppercase;
    font-size: 14px;
    color: grey;
    font-weight: bold;
}

.card-body h5{
    font-size: 15px !important;
    color: black;
    margin-bottom: 10px;
}

.mini-text{
    display: none;
}

.btn-blog{
    color: white !important;
    background-color: var(--cor-1);
    padding: 6px !important;
    width: 50%;
    justify-content: center;
    font-weight: normal !important;
    text-transform: uppercase;
}

.btn-blog p{
    text-decoration: none !important;
}

.btn-blog:hover{
    color: white !important;
    opacity: 0.8;
}

.newsletter{
    display: none;
}

.footer-1{
    display: none;
}

.footer-1-2 {
    background: var(--cor-2);
}

a.logo-footer-link {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.logo-footer-imagem {
    width: 25% !important;
}

.redes-footer {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.redes-span-footer a {
    color: black;
}

.seguranca-footer {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}

.institucional-footer ul {
    display: flex;
    gap: 20px;
}

.institucional-footer {
    display: flex;
    justify-content: center;
}

.institucional-footer a {
    color: black !important;
}

/* =========================
   BUSCA DESKTOP - TOGGLE
========================= */

.input-group.input-teste .form-control.input-header {
    overflow: hidden !important;
    max-width: 0 !important;
    opacity: 0 !important;
    transition: max-width 0.35s ease, opacity 0.35s ease, padding 0.35s ease !important;
    pointer-events: none !important;
    padding: 6px 0 !important;
    border-radius: 20px !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.input-group.input-teste.busca-aberta .form-control.input-header {
    max-width: 280px !important;
    opacity: 1 !important;
    pointer-events: all !important;
    padding: 6px 12px !important;
    border-bottom: none !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.review-star {
    color: #ffe100;
}

p.aval-link {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px !important;
    margin-top: 5px;
    font-size: 15px;
}

#review .lista-aval{
    color: black;
}

i.glyphicon.glyphicon-thumbs-up {
    color: black;
}

/* MOBILE */

@media (max-width: 768px){
    .container-busca-mobile{background-color: #f5f5f5;}
    .input-header{background-color: transparent !important;}
    .btn-busca{background: none !important; margin-right: 13px;}
    .produto.custom-estilo{height: auto !important; padding: 0 !important;}
    .nome-prod-desktop{text-align: center; height: auto !important;}
    .produto .preco-por{text-align: center;}
    .produto > *{min-width: 170px; display: flex; justify-content: center;}
    .img-produto{min-height: 210px;}
    .produto .nome-prod-desktop {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .btn-blog{width: auto;}
    .logo-footer{width: 100%;}
    .institucional-footer ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
    
}
    #review .lista-aval{width: 100%;}
    .item-al{width: 100%;}
    .navbar-nav>li{height: auto;}

    .logo-footer-imagem{width: 40% !important;}
    .navbar-nav>li{padding: 10px 20px;}
    .navbar-nav>li>a{height: auto;}
    .item-menu-m a{color: #333; text-transform: uppercase;}
    #comprar_agora{font-size: 16px !important;}
    .panel-body{max-height: 300px; overflow-y: auto;}
    .review-summary{flex-direction: column; text-align: center;}
    .produto .parcelas{display: none !important;}
}

 @media(max-width: 768px){

#tarja-slide {
    padding: 12px 10px;
}

#tarja-slide ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    margin: 0;
}

#tarja-slide .col-xs-6{
    flex: 0 0 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;

    padding: 0 !important;
}

#tarja-slide li{
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 14px;
    padding: 14px 12px;
    min-height: 88px;
    box-shadow:
    0 4px 14px rgba(0,0,0,.06);
    border: 1px solid #f1f1f1;
}

#tarja-slide .icon{
    min-width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tarja-slide .icon svg{
    width: 30px !important;
    height: 30px;
}

#tarja-slide .text{
    line-height: 1.2;
}

#tarja-slide .first-line{
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-bottom: 0px;
}

#tarja-slide .second-line{
    font-size: 12px;
    display: block;
}

}

@media(max-width: 375px){

    #tarja-slide {
        padding: 10px 8px;
    }

    #tarja-slide ul{
        gap: 8px !important;
    }

    #tarja-slide .col-xs-6{
        flex: 0 0 calc(50% - 4px) !important;
        max-width: calc(50% - 4px) !important;
        width: calc(50% - 4px) !important;
    }

    #tarja-slide li{
        gap: 7px;
        padding: 12px 8px;
        min-height: 96px;
    }

    #tarja-slide .icon{
        min-width: 24px;
    }

    #tarja-slide .icon svg{
        width: 24px !important;
        height: 24px !important;
    }

    #tarja-slide .first-line{
        font-size: 12px;
        line-height: 1.05;
    }

    #tarja-slide .second-line{
        font-size: 12px;
        line-height: 1.15;
    }
}

@media (max-width: 320px){
    .produto > *{min-width: auto !important;}
    .img-produto{min-height: 200px !important;}
}

.menu-link-root .caret-indicator{
    display: none;
}

.menu-mobile.fixed{
    display: none;
}

.mega-dropdown-menu .mega-cta{
    padding: 4px;
}

.mega-dropdown-menu .mega-cta-link{
    display: flex;
    justify-content: center;
}

/* TELA DE PRODUTO */

.product-rating{
    display: none;
}

.product-title{
    font-size: 25px;
    color: black;
    margin: 0;
    text-transform: uppercase;
}

div#product-internal-code {
    display: none;
}

.product-info-card {
    background: none;
    border: none;
    padding: 0px 18px;
    box-shadow: none;
    height: 55px !important;
}

.price-box{
    margin: 0 !important;
}

.price-box .preco-produto {
    background: #f5f5f5;
}

#preco-txt{
    display: none;
}

.price-box #vf{
    font-size: 18px !important;
}


.price-box .quantidade-estoque label {
    color: black;
    font-size: 15px;
}

.product-share{
    display: none;
}

.pm-row1 .pm-fav{
    display: none;
}

.price-box .comprar-agora.pm-buy-dyn {
    background-color: var(--cor-1) !important;
    border-color: var(--cor-1) !important;
}

.price-box .comprar-agora{
    font-size: 18px !important;
    text-transform: uppercase;
}

.produto .parcelas{
    display: none;
}

.price-box .pm-parcelas-long{
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.price-box .pm-parc-hint{
    color: black;
    margin-top: 3px;
    font-size: 14px;
}


.mobile-lateral p {
  margin: 0 0 6px;
  font-size: 14px;
  opacity: 1;
  color: white;
}

.mobile-lateral a {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
}

.mobile-lateral {
      background: linear-gradient(
        135deg,
        #000000 0%,
        #2f2f2f 45%,
        #8f8f8f 100%
    );
}

/* FIM MOBILE */

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated {
    border-radius: 6px;
    margin-top: 8px;
}


.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .menu-link-l2 {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--cor-1)!important;
    transition: all .25s ease;
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .menu-link-l2:hover {
    color: var(--cor-1) !important;
    padding-left: 18px;
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .menu-link-l2-text {
    position: relative;
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .menu-link-l2-text::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    background: var(--cor-1);
    transition: width .25s ease;
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .menu-link-l2:hover .menu-link-l2-text::after {
    width: 100%;
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .mega-cta {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .mega-cta-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 13px 15px;
    border-radius: 5px;
    background: var(--cor-1);
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    transition: all .25s ease;
}

.dropdown-desktop.mega-dropdown-menu.sub-menu.menu-elevated .mega-cta-link:hover {
    background: var(--cor-1);
    color: white !important;
    transform: translateY(-2px);
  opacity: 0.8;
}

.mega-dropdown-menu > li.nivel-3-pai{
    flex: 0;
}

.menu-desktop .nav > li.mega-dropdown > .mega-dropdown-menu {
    flex-direction: column;
    max-height: 400px;
    overflow-y: auto;
}

.menu-desktop .menu-item-root.has-children > .menu-link-root:hover + .mega-dropdown-menu,
.menu-desktop .menu-item-root.has-children > .mega-dropdown-menu:hover,
.menu-desktop .menu-item-root.has-children.open > .mega-dropdown-menu {
    display: flex;
}

.mega-dropdown-menu > li.nivel-3-pai{
    padding-bottom: 0px;
}

.mega-dropdown-menu .menu-link-l2{
    margin-bottom: 0px;
}

.terceiro-nivel {
    margin: 6px 0 8px 12px;
    padding: 8px 0 0 12px;
}


/* Links */
.terceiro-nivel .menu-link-l3 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 10px;
    color: #6b7280 !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all .25s ease;
}

/* Bolinha decorativa */
.terceiro-nivel .menu-link-l3::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--cor-1);
    opacity: .7;
    transition: all .25s ease;
}

/* Hover */
.terceiro-nivel .menu-link-l3:hover {
    background: rgba(199, 164, 107, 0.08);
    color: #111827 !important;
    padding-left: 18px;
}

.terceiro-nivel .menu-link-l3:hover::before {
    opacity: 1;
}
.pm-whatsapp-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    height:48px;
    background:#25D366;
    border-radius:8px;
    color:#fff !important;
    font-size:15px;
    font-weight:600;
    text-decoration:none !important;
    transition:all .2s ease;
}