/* Add custom CSS styles below */ 
.promotion-badge,
.corner-element {
    position: absolute !important;
    bottom: 10px !important;    /* المسافة من الأسفل */
    left: 10px !important;      /* المسافة من اليسار */
    top: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    z-index: 10 !important;
}

/* للشاشات الصغيرة (الموبايل) */
@media (max-width: 768px) {
    .promotion-badge,
    .corner-element {
        bottom: 8px !important;
        left: 8px !important;
        font-size: 12px !important;  /* تصغير الخط إذا لزم الأمر */
        padding: 4px 8px !important; /* تقليل الحشو */
    }
}

/* للشاشات المتوسطة (التابلت) */
@media (min-width: 769px) and (max-width: 1024px) {
    .promotion-badge,
    .corner-element {
        bottom: 12px !important;
        left: 12px !important;
    }
}

/* للشاشات الكبيرة (الكمبيوتر) */
@media (min-width: 1025px) {
    .promotion-badge,
    .corner-element {
        bottom: 15px !important;
        left: 15px !important;
    }
}