<style>

/* الخلفية العامة */
body,
html,
.main-content,
.app,
#app {
  background-color: #F4F8FF !important;
}

/* الكارت الأساسي */
.group.box-border {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(31, 95, 191, 0.08);
  transition: 0.3s ease;
  border: 1px solid rgba(31, 95, 191, 0.08);
}

/* Hover احترافي */
.group.box-border:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(31, 95, 191, 0.18);
}

/* جزء المحتوى */
.group.box-border .text-center {
  background: #ffffff !important;
  padding: 12px;
}

/* اسم المنتج */
.group.box-border h3 {
  color: #222222 !important;
  font-weight: 600;
}

/* اسم القسم */
.group.box-border span {
  color: #6b7280 !important;
}

/* السعر */
.group.box-border .flex span {
  color: #1F5FBF !important;
  font-weight: 700;
}

/* السعر القديم */
.group.box-border del {
  color: #9ca3af !important;
}

/* زرار لو موجود */
.group.box-border button {
  background: #1F5FBF !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  border: none !important;
  transition: 0.3s;
}

.group.box-border button:hover {
  background: #174a96 !important;
}

</style>