#ris{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#Albero{
    position: relative; 
    display: inline-block;
    left: 0px;  
    top: 0px; 
    width: 20%;  
    height: auto; 
}

#Foglie{
    position: absolute; 
    display: inline-block;
    top:0px;
    left:21%;
    width: 79%;  
    height: 100%; 
}

.azioneAlbero{
    cursor: pointer;
    font-size: 20px;
    height: 15px;
    color: rgb(73, 160, 251);
}

#div_prodotto{
    position: absolute;
    left: 25%;
    top: 15%; 
    z-index: 0;
    visibility: hidden; 
    width: 60%;
    height: 70%;
    padding: 10px;
    margin: 10px;
    background-color: #ffffff;
    border: 8px solid rgb(110, 243, 97);
    border-radius: 40px;
    -webkit-transition: visibility 0s, opacity 0.5s ease; /* Safari */
    -moz-transition: visibility 0s, opacity 0.5s ease; /* Firefox */
    -ms-transition: visibility 0s, opacity 0.5s ease; /* IE */
    transition: visibility 0s, opacity 0.5s ease; /* Altri browser */
}

.articolo{
    position: relative;
    display: inline-block;
    width: 200px;
    height: 200px;
    padding: 10px;
    margin: 10px;
    background-color: #ffffff;
    border: 8px solid rgb(110, 243, 97);
    border-radius: 40px;
}

.foto_articolo{
    height: 120px;
    border: 0px;
}

.foto_articolo_grande{
    margin-left: 20px; 
    border: 0px solid; 
    top: 10px;
}

.header {
    width: 100%; /* Assicura che la div occupi tutta la larghezza */
    border: solid 1px;
    border-radius: 10px;
    margin: 10px 0; /* Margine superiore e inferiore */
    clear: both; /* Forza il posizionamento su una nuova riga */
}

.registrarmi {    
    visibility: hidden;
}

.tasti_carrello {
    cursor: pointer; 
    box-shadow: 0 0 3px 2px rgb(137, 216, 238, 0.5);
    height: 17px;
}