/* تأكد من استخدام الفئات الصحيحة المناسبة لمنصتك */
.product-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* المسافة بين العناصر */
    align-items: flex-start; /* لضمان محاذاة العناصر للأعلى */
}

.product-image {
    flex: 1 1 50%; /* حجم الصورة 50% من العرض */
    max-width: 50%; /* الحد الأقصى لعرض الصورة */
}

.product-options {
    flex: 1 1 50%; /* حجم خيارات المنتج 50% من العرض */
    max-width: 50%; /* الحد الأقصى لعرض الخيارات */
}

/* تعديل النصوص داخل خيارات المنتج */
.product-options label,
.product-options select,
.product-options input {
    display: block;
    margin-bottom: 10px; /* مسافة بين العناصر */
}

@media screen and (max-width: 768px) {
    .product-container {
        flex-direction: column; /* لجعل العناصر عمودية على الشاشات الصغيرة */
    }
    .product-image,
    .product-options {
        max-width: 100%; /* استخدام العرض الكامل */
        flex: 1 1 100%;
    }
}