🔥 ستايل راقي وأناقة استثنائية ✨ Ensemble Homme الجديد دابا متوفر بأثمنة خيالية 👌 الجودة العالية واللوك لي غادي يخليك مميز فكل بلاصة 😎

  • Box title

    Box content

/* ========================================= 1. CADRE MODERNE ET STYLÉ POUR CHAQUE PRODUIT ========================================= */ /* ÉTAPE IMPORTANTE : Remplacer `.product-image-container` par le sélecteur exacte de vos conteneurs d'images de produits. Exemple : .woocommerce-loop-product__link, .product-item-photo, etc. */ /* --- Ciblez le conteneur de l'image pour un meilleur résultat --- */ .product-image-container { display: block; /* S'assure que le conteneur prend toute la largeur */ position: relative; /* Pour positionner l'ombre w le cadre */ overflow: hidden; /* Obligatoire pour le border-radius */ border-radius: 12px; /* Coins arrondis doux w moderne */ border: 1px solid #EAEAEA; /* Bords fins w chic en gris clair */ box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Ombre douce w chic */ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* Animation fluide */ cursor: pointer; /* Indique l'interaction */ background-color: #FFFFFF; /* Fond blanc pour les images transparentes */ width: 100%; /* Ajuste la largeur */ margin-bottom: 10px; /* Espace sous l'image */ } /* L'image elle-même à l'intérieur du conteneur */ .product-image-container img { display: block; width: 100%; height: auto; object-fit: cover; /* Pour que l'image remplisse le conteneur sans se déformer */ transition: transform 0.3s ease; /* Animation pour le zoom */ } /* ========================================= 2. EFFET AU SURVOL (HOVER) PRO MAX ========================================= */ /* Quand la souris passe sur le conteneur */ .product-image-container:hover { border-color: #A3A3A3; /* Bords fins w foncent chwiya */ box-shadow: 0 8px 24px rgba(0,0,0,0.12); /* Ombre tlba w approfondie */ transform: translateY(-5px); /* Kaytla3 chwiya lfo9 (lift effect) */ } /* Zoom subtil sur l'image elle-même à l'intérieur */ .product-image-container:hover img { transform: scale(1.05); /* Kaykber chwiya l’image (par rapport au conteneur) */ } /* --- OPTIONNEL : Si vous souhaitez cibler directement l'image (sans conteneur) --- */ /* .product-image-photo { border-radius: 12px; border: 1px solid #EAEAEA; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: all 0.3s ease; width: 100%; height: auto; } .product-image-photo:hover { border-color: #A3A3A3; box-shadow: 0 8px 24px rgba(0,0,0,0.12); transform: translateY(-5px) scale(1.05); } */