قم بتحسين عربة التسوق الخاصة بك باستخدام عروض التوصيل الواضحة

🚚 توصيل مجاني للطلبات التي تزيد قيمتها عن 500 درهم إماراتي دبي: أكثر من 200 درهم إماراتي ← 10 دراهم إماراتية | أقل من 200 درهم إماراتي ← 35 درهم إماراتي أبوظبي والعين: الحد الأدنى للطلب 300 درهم إماراتي | رسوم التوصيل 30 درهماً إماراتياً .notice-container { display: flex; justify-content: center; padding: 10px; background: transparent; } .notice { display: flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #ffffff, #ffecec); border-radius: 15px; padding: 12px 14px; max-width: 420px; width: 100%; box-shadow: 0 5px 10px rgba(217,27,40,0.1); animation: fadeInUp 0.6s ease-out; transition: transform 0.3s ease, box-shadow 0.3s ease; } .notice:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(217,27,40,0.15); } .icon { font-size: 24px; line-height: 1; animation: bounce 2s infinite; } .content p { margin: 2px 0; font-family: system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif; font-size: 12px; color: #333; line-height: 1.3; } .content strong { color: #d91b28; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } } /* Optional: small screens */ @media (max-width: 360px) { .notice { max-width: 100%; } .content p { font-size: 11px; } }