.filtros {display: flex; flex-direction: column; gap: 15px; margin-bottom: 45px;}
.filtros .filtros-titulo {display: flex; align-items: center; color: var(--branco); margin-bottom: 20px; background: var(--cor2); height: 70px; text-align: center; justify-content: center; font: 400 32px ubuntu; border-radius: 15px;}
.filtros .categoria-filtro-imagem {background: var(--branco); display: flex; align-items: center; gap: 15px; padding: 0 20px; height: 65px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 15px; font: 700 20.33px ubuntu; color: var(--preto);}
.filtros .categoria-filtro:has(.selected) .categoria-filtro-imagem {background: var(--cor3); color: var(--cor1); border: none}

.filtros .subcategorias-lista:has(.selected) {display: block;}
.filtros .subcategorias-lista {font: 400 18px ubuntu; color: var(--preto); padding-left: 30px;}
.filtros .subcategorias-lista li {margin-top: 10px;}
.filtros .subcategorias-lista li.selected {font-weight: 700; color: var(--cor2);}
.filtros .filtros-lista {display: flex; flex-direction: column; gap: 10px;}
.filtros-titulo.mobile,
.filtros .close-btn {display: none;}

@media(max-width: 1250px){
    .filtros .filtros-titulo {font-size: 25px;}
    .filtros .categoria-filtro-imagem {font-size: 16px;}
}

@media(max-width: 990px){
    .filtros {margin: 0;}
    .filtros .filtros-lista {width: calc(100% - var(--close)); background: var(--branco); height: 100%; box-sizing: border-box;  padding: 40px;}
    .filtros .parent {height: 100vh; width: 100vw; position: fixed; left: -200%;transition: var(--transition2); top: 0; background: rgba(0, 0, 0, 0.18);}
    .filtros-titulo.mobile {display: flex;}
    .filtros .parent.ativo {left: 0;}
    
    .filtros .close-btn {position: absolute;display: block; right: 0; top: 0; width: var(--close); height: auto; aspect-ratio: 1/1; background: #e10000; font: 700 16px montserrat; display: flex; align-items: center; justify-content: center; color: var(--branco);}
}