/* أجهزة التابلت والشاشات الصغيرة (من 576 بكسل إلى 768 بكسل) */
@media (max-width: 576px) {
}

/* أجهزة الكمبيوتر المحمولة (من 768 بكسل إلى 992 بكسل) */
@media (max-width: 768px) {
        .product-card {
        margin-bottom: 20px;
      }
            .discount-section h2.section-title {
                font-size: 2.5rem;
            }
            .discount-section p.section-description {
                font-size: 1rem;
            }
            .product-card-discount .card-title {
                font-size: 1.2rem;
            }
            .product-card-discount .final-price {
                font-size: 1.5rem;
            }
            .discount-badge-overlay {
                font-size: 0.9rem;
                padding: 6px 12px;
            }
}

/* الشاشات الكبيرة (من 992 بكسل إلى 1200 بكسل) */
@media (max-width: 992px) {
      .header .row {
    flex-direction: column-reverse;
    text-align: center;
  }
.header-l {
  padding-top: 0;
}

}

/* الشاشات الكبيرة جداً (أكبر من 1200 بكسل) */
@media (max-width: 1200px) {

}

/* يمكنك إضافة مقاسات أخرى مثل 1920 بكسل إذا أردت تحكمًا أكبر */
@media (max-width: 1920px) {

}