.mobile-nav ul li.produtos .nome .page {color: var(--amarelo1) !important;}

.nav-list li.produtos .page {color: var(--amarelo1) !important;}
.nav-list li.produtos .page::after {width: calc(100% + 10px) !important;}

section.produtos {padding: 94px 0 102px 0;}
section.produtos .conteudo {display: flex; justify-content: space-between; gap: 20px;}

section.produtos .esquerda {max-width: 330px; width: 100%;}
section.produtos .esquerda .lista {display: flex; flex-direction: column; gap: 15px;}
section.produtos .esquerda nav .lista > .aba-li {transition: .3s; order: 1; border-radius: 8px; overflow: hidden;}
section.produtos .esquerda .aba {padding: 14px 50px 14px 24px; font: 500 21px / 1.34 montserrat; overflow: hidden; display: flex; position: relative; justify-content: space-between; color: var(--preto1); position: relative; transition: .3s; display: flex; align-items: center; gap: 8px;}
section.produtos .esquerda .aba-li.unico .aba {padding: 14px 24px;}
section.produtos .esquerda .aba .mais {color: var(--amarelo1); transition: .3s; padding: 20px; position: absolute; top: 50%; right: 0; translate: 0 -50%;}

section.produtos .esquerda .aba .mais:hover {color: var(--cor1); cursor: pointer;}

section.produtos .esquerda .aba .nome {color: var(--branco); transition: .3s; width: 100%; padding: 7px 0;}

@keyframes crescer {
    from {
        max-height: 0;
    }
    to {
        max-height: fit-content;
    }
}
@keyframes crescer-reverso {
    from {
        max-height: fit-content;
    }
    to {
        max-height: 0;
    }
}

section.produtos .esquerda .aba-li {transition: .3s; background-color: #1e1e1e;}
section.produtos .esquerda .aba-li .lista-sc {transition: .3s; animation-name: crescer-reverso; background-color: transparent; transform-origin: top; transform: scaleY(0); opacity: 0; display: flex; flex-direction: column; max-height: 0; animation-duration: .3s; animation-fill-mode: forwards; interpolate-size: allow-keywords;}
section.produtos .esquerda .aba-li .lista-sc.active {transform: scaleY(1); opacity: 1; animation-name: crescer; margin: -1px 0 0 0;}
section.produtos .esquerda .aba-li .lista-sc .aba-li .aba {font-size: 16.5px; padding: 20px 24px; transition: .3s; background-color: transparent; border:none; border-radius: 0; color: var(--branco);}

section.produtos .esquerda .cima {display: none; align-items: center; justify-content: center;}
section.produtos .esquerda .cima .titulo {font: 400 24px/1 controllerext; color: var(--amarelo1); height: fit-content;}

section.produtos .esquerda .aba-li .lista-sc .aba-li .aba:hover {color: var(--amarelo1);}

section.produtos .esquerda .lista .aba-li.active:not(.active-page) .aba:hover,
section.produtos .esquerda .lista .aba-li.unico:not(.active-page) .aba:hover {background-color: #1e1e1e;}

section.produtos .esquerda .aba-li.active .aba,
section.produtos .esquerda .aba-li:hover {background-color: var(--preto1); color: var(--branco);}
section.produtos .esquerda .aba-li.unico .aba .nome,
section.produtos .esquerda .aba-li.active .aba .nome,
section.produtos .esquerda .aba-li:hover .aba .nome {color: var(--branco);}

section.produtos .esquerda .aba-li.unico {background-color: var(--preto1);}

section.produtos .esquerda .lista-sc.active .aba-li.active .aba {color: var(--amarelo1);}
section.produtos .esquerda .lista > .aba-li.active {overflow: hidden; background-color: var(--preto1);}

section.produtos .esquerda .lista .aba-li.active .aba {border-color: transparent;}
section.produtos .esquerda .lista .aba-li.active-page {order: 0; background-color: var(--cinza5);}
section.produtos .esquerda .lista .aba-li.active-page .aba .mais:hover {color: var(--cinza5);}
section.produtos .esquerda .lista .aba-li.active-page .lista-sc.active .aba-li {background-color: transparent;}

section.produtos .esquerda .lista .aba-li.active-page:hover {background-color: var(--cinza5);}
section.produtos .esquerda .lista .aba-li.active-page:hover .aba-li {background-color: transparent;}

section.produtos .esquerda .lista .aba-li.active-page .aba {background-color: transparent; padding: 14px 24px;}
section.produtos .esquerda .aba-li.active-page .lista-sc.active .aba-li .aba {border-bottom: 2px solid var(--preto1);}

section.produtos .esquerda .lista .aba-li.active-page .aba .mais {display: none;}

section.produtos .esquerda .aba-li.active-page .lista-sc.active .aba-li .aba {color: var(--branco); margin: 0 24px; padding: 19px 24px 7px 0;}
section.produtos .esquerda .aba-li.active-page .lista-sc.active .aba-li.active .aba {background-color: transparent; color: var(--branco); border-color: var(--branco); padding-left: 20px;}
section.produtos .esquerda .aba-li.active-page .lista-sc.active {padding: 0 0 40px 0;}

section.produtos .esquerda .aba-li.active-page .lista-sc.active .aba-li:hover .aba {color: var(--branco); border-color: var(--branco);}

section.produtos .direita {display: flex; flex-wrap: wrap; max-width: 772px; width: 100%; gap: 49px 3.888%; height: fit-content;}
section.produtos .direita .produto {display: flex; flex-direction: column; width: calc((100% - 60px) / 3); align-items: center; justify-content: space-between; transition: .3s;}
section.produtos .direita .produto .img {max-width: 100%; width: 100%; height: auto;}
section.produtos .direita .produto .img img {width: 100%; height: 100%;}
section.produtos .direita .produto .titulo {margin: 17px 0 19px; font: 700 18.03px / 1.305 montserrat; text-align: center; color: var(--preto2); transition: .3s;}

section.produtos .direita .produto:hover {transform: scale(1.02);}
section.produtos .direita .produto:hover .titulo {color: var(--amarelo1);}

.mobile-sc {display: none;}

@media (max-width: 990px) {
    section.produtos {padding: 25px 0;}
    
    section.produtos .esquerda.active .cima {display: flex;}

    .mobile-sc {display: none; font: 400 18px/1.5 controllerext; color: var(--branco); transition: .3s; background-color: var(--preto1); padding: 10px 0; justify-content: center; width: 100%; border-radius: 10px;}
    .mobile-sc:hover {transform: scale(1.02); color: var(--amarelo1);}

    section.produtos .conteudo {flex-direction: column; align-items: center;}

    section.produtos .esquerda .aba-li {max-width: unset; margin: 0;}
    section.produtos .esquerda .aba-li .aba {background-color: #4e4e4e; border-color: #4e4e4e;}

    section.produtos .esquerda .aba-li .lista-sc {margin-top: 1px;}
    section.produtos .esquerda .aba-li .lista-sc .aba-li .aba {font-size: 13.5px; padding: 16px;}

    section.produtos .esquerda .aba-li .aba .nome {width: 100%; margin: 0 30px 0 0;}

    section.produtos .esquerda {padding: 100px 5vw 140px; height: 100%; background-color: var(--preto1); display: flex; flex-direction: column; overflow-y: scroll; max-height: fit-content; gap: 20px; max-width: 100%; position: fixed; z-index: 999; top: 100vh; left: 0; transition: .3s;}
    
    section.produtos .esquerda .cima  {position: fixed; padding: 28px 20px; justify-content: center; background-color: var(--preto2); z-index: 1000; left: 0; display: flex; align-items: center; width: 100vw; top: 100%; transition: .3s;}
    section.produtos .esquerda .cima .fechar {display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; position: absolute; right: 20px; top: 20px;}
    section.produtos .esquerda .fechar .linha {border-radius: 1.5px; width: 100%; height: 3px; background-color: var(--branco); transition: .3s; position: absolute;}
    section.produtos .esquerda .fechar .linha.linha-1 {transform: rotate(45deg);}
    section.produtos .esquerda .fechar .linha.linha-2 {transform: rotate(-45deg);}

    section.produtos .esquerda .aba-li .lista-sc.active {margin: 0;}

    section.produtos .esquerda .fechar:hover .linha {background-color: var(--amarelo1);}

    section.produtos .esquerda.active,
    section.produtos .esquerda.active .cima {top: var(--header-height);}
    section.produtos .esquerda .lista {gap: 14px;}
    section.produtos .esquerda.active nav .lista .aba-li > .aba {font-size: 15px; padding: 12px 16px; background-color: #4e4e4e;}
    section.produtos .esquerda.active nav .lista .aba-li.active .lista-sc.active .aba-li .aba {background-color: #1e1e1e;}

    section.produtos .esquerda.active .lista .aba-li.active-page > .aba {background-color: var(--amarelo1);}
    section.produtos .esquerda.active nav .lista .aba-li.active-page .lista-sc.active .aba-li .aba {background-color: var(--amarelo1);}

    section.produtos .direita {max-width: 100%; gap: 49px 5.6%;}
    section.produtos .direita .produto {width: calc((100% - 100px) / 3);}
}

@media (max-width: 700px) {
    section.produtos .direita {gap: 20px 0; justify-content: space-between;}
    section.produtos .direita .produto {width: calc((100% - 20px) / 2); justify-content: space-between;}
    section.produtos .esquerda .cima .titulo {font-size: 19px;}
}

@media (max-width: 400px) {
    section.produtos .direita .produto {width: 90%; justify-content: space-between; margin: 0 auto;}
}