.item {
                opacity: 0; /* L'élément est invisible au départ */
                transition: opacity 0.5s ease-in-out; /* Transition fluide */
                margin: 10px 0;
            }

            .visible {
                opacity: 1; /* L'élément devient visible */
            }

            .productName {
                opacity: 0;
            }

            .item:hover .productName {
                transition: all 1s;
                opacity: 1;
            }

            .item img {
	 
	        -moz-transition: all 0.3s;
	        -webkit-transition: all 0.3s;
	        transition: all 0.3s;
            }

            .item:hover img {
	        -moz-transform: scale(1.1);
	        -webkit-transform: scale(1.1);
	        transform: scale(1.1);
            }