/* لازم عشان الانتقال يكون سلس */
.accordion-content{
  overflow: hidden;
  max-height: 0;                 /* مغلق افتراضياً */
  transition: max-height .3s ease;
  will-change: max-height;
}
.accordion-item.active .accordion-content{
  /* padding اختياري لو حابب يظهر فراغ بسيط عند الفتح */
  padding-top: 8px;
  padding-bottom: 8px;
}

/* دوران الأيقونة اختياري */
.accordion-icon{ transition: transform .3s ease; }
.accordion-item.active .accordion-icon{ transform: rotate(45deg); }