/* Add custom CSS styles below */ 
/* ====== خط ونص العنوان الرئيسي ====== */
@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&display=swap');

.banner-heading {
  font-family: 'Aref Ruqaa', 'Traditional Arabic', serif;
  font-weight: 700;
  font-size: 42px;           /* لبنر عرضه 1280px، يفضل استخدام clamp للريسبونسف */
  font-size: clamp(28px, 3.5vw, 46px);
  line-height: 1.3;
  color: #000816;            /* كحلي غامق يقارب الأسود */
  text-align: right;
  direction: rtl;
  margin: 0 0 20px 0;
}

/* ====== زر "تسوق الآن" ====== */
.banner-btn {
  display: inline-block;
  font-family: 'Aref Ruqaa', 'Traditional Arabic', serif;
  font-weight: 700;
  font-size: 20px;
  color: #000816;
  background-color: #8EC2CC;
  border: 2px solid #000816;
  border-radius: 999px;      /* شكل الحبة (pill) */
  padding: 14px 40px;
  text-decoration: none;
  direction: rtl;
}

.banner-btn:hover {
  background-color: #7bb3bd;
}