.prodotti-pagina { background-color: #fff; padding: 30px 60px; font-size:19px;  font-family: 'Baskerville', 'Times New Roman', serif !important;}
.prodotti-pagina button { display:none;}
#filtri .etichetta { width:90px; float:left; height: 50px;}
#filtri .filtro-cont { display:inline-block; width:calc( 100% - 90px );}
#filtri .filtro-cont p, #filtri .filtro-cont ul { display:inline-block;}
#filtri .filtro-cont p { width:90px;}
#filtri ul  { margin:0px; padding: 0px; list-style: none;  }
#filtri ul li { display: inline-block; margin-right: 30px; }
#filtri ul#material li::before { content:' '; display:inline-block; width:17px; height: 17px; border:1px solid; border-radius: 50%; margin-right:7px; vertical-align: middle; margin-top: -5px;}
#filtri ul#typolgy li { border:1px solid #000; border-radius: 20px; padding: 0px 15px; margin-right: 15px;}

.prodotti-pagina .elenco-prodotti { padding: 60px 90px; display:flex; flex-wrap: wrap; margin-left:-8px; margin-right: -8px; font-family: 'Inter', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 24px; font-weight: normal; }
.prodotti-pagina .elenco-prodotti article { flex-basis: calc( 25% - 16px ); padding:8px; margin-bottom:40px; }
.prodotti-pagina .elenco-prodotti figure { margin-bottom:10px; }
.prodotti-pagina .elenco-prodotti img { width:100%; height: auto;}
.prodotti-pagina .elenco-prodotti h3 { font-weight: normal; margin:0px; margin-top:10px; font-size: 18px;}
.prodotti-pagina .elenco-prodotti a { text-decoration: none; }

.prodotti-pagina .elenco-prodotti figure { overflow: hidden; aspect-ratio: 4/3; }
.prodotti-pagina .elenco-prodotti figure img { transition: transform 4s; object-fit: cover; object-position: center;}
.prodotti-pagina .elenco-prodotti figure:hover img { transform: scale(110%); }

/* filtri */
#filtri ul#typolgy li, #filtri ul#material li { cursor: pointer; }
#filtri ul#material li::before, #filtri ul#typolgy li { transition: all .3s;}
#filtri ul#material li:hover::before, #filtri ul#material li.active::before { background-color: #000; }
#filtri ul#typolgy li.active, #filtri ul#typolgy li:hover { background-color: #000; color: #fff; }

.prodotti-pagina .elenco-prodotti .prodotto.active-tipo.active-materiale { display: block;}
.prodotti-pagina .elenco-prodotti .prodotto { display: none;}

@media screen and ( max-width:1024px){

    .prodotti-pagina .elenco-prodotti { padding: 0px; }
    #filtri .etichetta { width:100%; margin-bottom:0px;  }
    #filtri .filtro-cont ul { width: calc( 100% - 100px ); margin-bottom: 20px; }
    #filtri .filtro-cont p { margin:0px; vertical-align: top; } 
    .prodotti-pagina { padding:30px; }
    }

    @media screen and ( max-width:500px){

        .prodotti-pagina .elenco-prodotti article { flex-basis: calc( 50% - 16px ); margin-bottom:20px;;}
                .prodotti-pagina button { display:block; margin-bottom: 20px; font-size: 20px; width:100%; text-align: left; padding: 0px; border:none; background-color: transparent; border-bottom: 1px solid;  }
        #filtri .etichetta { display:none; }
        #filtri .filtro-cont { width:100%; }
        #filtri .filtro-cont ul { font-size: 17px; }
        #filtri .filtro-cont ul li { margin-bottom: 10px;}
    
    }