/* Add custom CSS styles below */ 
.product-description {
  /* تأكد من أن العنصر يظهر بشكل صندوقي للـ WebKit */
  display: -webkit-box;
  /* عدد الأسطر التي تريد إظهارها */
  -webkit-line-clamp: 1;
  /* ضبط اتجاه الصندوق ليكون عمودي */
  -webkit-box-orient: vertical;

  /* إخفاء النص الزائد */
  overflow: hidden;

  /* لإضافة علامة الحذف (...) في نهاية السطر إن أردت */
  text-overflow: ellipsis;

  /* من الأفضل استخدام white-space: normal للسماح بقص السطر */
  white-space: normal;

  /* يمكنك ضبط المسافة العلوية لإبعاد الوصف عن المنتج */
  margin-top: 10px;
}

.header-search {
  position: relative;
  margin-top: 10px;
  display: block;
  width: 100%;
  order: 1; /* في حال كان Flexbox مستخدم */
}

/* إذا كان الهيدر يستخدم Flexbox */
.header-container {
  display: flex;
  flex-direction: column;
}