/* Add custom CSS styles below */ 
@media (max-width: 768px) {
    .product-details__image {
        max-height: 400px; /* تحديد أقصى ارتفاع للصورة في الجوال */
        object-fit: contain;
    }
  /* تحسين استجابة صور المنتجات */
.product-card img {
    object-fit: contain !important; /* يضمن ظهور المنتج كاملاً داخل الإطار */
    transition: transform 0.3s ease; /* إضافة حركة ناعمة */
}