متجر العطور التجريبي

صفحة منتج

الصفحة دي مصمّمة عمداً عشان تكسر أي ويدجت مش محمي. كل عنصر عليه قواعد !important، وفيه قاعدة بتخفي .panel و.fab و.opt و.card تماماً.

لو زرار «ساعدني أختار» ظهر تحت على اليمين بشكله الطبيعي — وفتح لوحة نضيفة بخط عادي — يبقى العزل شغال.

زرار الصفحة (شوف الفرق)

ماذا يُختبر هنا

• تنسيقات الصفحة ما بتدخلش على الويدجت
• تنسيقات الويدجت ما بتخرجش على الصفحة
• display:none على أسماء كلاسات الويدجت مالهاش أي أثر
• الويدجت بيشتغل من غير أي مفتاح في المتصفح
• لوحة المفاتيح: Tab للتنقل، Enter للاختيار، Escape للإغلاق