/* =========================
   MESHAIEL BRAND STYLING
========================= */

/* خلفية الموقع */
body {
  background-color: #fff3e1 !important;
}

/* الأزرار الأساسية */
.btn,
.button,
.btn-primary {
  background-color: #552c09 !important;
  border-color: #552c09 !important;
  color: #ffffff !important;
}

/* Hover للأزرار */
.btn:hover,
.button:hover,
.btn-primary:hover {
  background-color: #71401c !important;
  border-color: #71401c !important;
}

/* روابط عند المرور */
a:hover {
  color: #9AA378 !important;
}

/* الفوتر */
footer,
.footer {
  background-color: #552c09 !important;
  color: #fff3e1 !important;
}
.btn,
button,
.button {
  font-size: 18px !important;
}
.product-card__badge--soldout {
    background-color: #8B4513 !important; /* بني */
    color: #ffffff !important; /* أبيض */
}
img.w-full.h-32.lg\:h-40.mx-1.object-cover.group-hover\:scale-105.transition-transform.duration-300 {
    height: auto;
    object-fit: cover;
}
.category-meta img.w-full.h-auto.aspect-\[16\/12\].md\:aspect-\[14\/5\].bg-gray-100.object-cover {
    aspect-ratio: auto;
}