/* ✅ شادو خفيف للبوكس + مسافات فوق وتحت */
.luxify_category_card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 20px 8px rgba(0, 0, 0, 0.1);
  border-radius: 12px !important;
  margin-top: 16px !important;
  margin-bottom: 30px !important;
}

/* ✅ حركة بسيطة للبوكس عند الهوفر */
.luxify_category_card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.15);
}

/* ✅ شادو للزر + حركة عند الهوفر */
.luxify_category_card_name {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 40px 26px rgba(0, 0, 0, 0.1);
  border-radius: 6px !important;
  padding: 10px 16px; /* ⬅️ ارتفاع أكبر + عرض مناسب */
  min-width: 140px;   /* ⬅️ عرض أدنى لو فيه عناوين طويلة */
  white-space: nowrap; /* ⬅️ يمنع تقطع العنوان لسطرين */
}

/* ✅ حركة للزر عند الهوفر */
.luxify_category_card:hover .luxify_category_card_name {
  transform: translateY(-2px);
  box-shadow: 0 40px 12px rgba(0, 0, 0, 0.15);
}