/* ====== CSS: قص العنوان لسطرين ====== */
.product-card__title,
.product-title,
.card__heading,
.grid-product__title,
.product-card__title a,
.product-title a,
.card__heading a,
.grid-product__title a {

  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  white-space: normal !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  line-height: 1.4;
}

/* ===== تغيير لون عنصر القائمة عند مرور الماوس ===== */
.main-menu .root-level > a {
  transition: color 0.3s ease;
}

.main-menu .root-level:hover > a {
  color: #01BAAD !important;
}

/* ===== تغيير لون الساب منيو ===== */
.sub-menu a {
  transition: color 0.3s ease;
}

.sub-menu li:hover > a {
  color: #B8FFFA !important;
}

/* ===== تغيير حجم خط المنيو الرئيسية ===== */
.main-menu .root-level > a {
  font-size: 15px !important;
}