/* Add custom CSS styles below */ 
/* === تكبير شعار الهيدر في سلة (متوافق مع أغلب القوالب) === */

/* 1) تكبير صورة الشعار الأساسية */
header .logo img,
header a.logo img,
.header .logo img,
.header-logo img,
.navbar-brand img {
  height: 100px !important;      /* عدّل الرقم حسب رغبتك (مثلاً 90px أو 100px) */
  max-height: none !important;
  width: auto !important;        /* يحافظ على التناسب */
  image-rendering: -webkit-optimize-contrast;
}

/* 2) ضبط حاوية الشعار حتى لا تقص الصورة */
header .logo,
.header .logo,
.header-logo,
.navbar-brand {
  display: flex;
  align-items: center;
  max-height: none !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* 3) مسافات الهيدر إذا كبر الشعار */
header,
.header {
  min-height: 90px;              /* ارفعها إذا احتجت */
}

/* 4) للجوال – حجم أصغر قليلاً ليتناسق مع المساحة */
@media (max-width: 767px) {
  header .logo img,
  header a.logo img,
  .header .logo img,
  .header-logo img,
  .navbar-brand img {
    height: 70px !important;     /* حجم مناسب للجوال */
  }
  header,
  .header {
    min-height: 64px;
  }
}

/* 5) في حال كان الشعار SVG وتبغاه يعتمد على العرض بدل الارتفاع */
header .logo svg,
.header .logo svg,
.header-logo svg,
.navbar-brand svg {
  height: auto !important;
  width: 220px !important;       /* عدّل العرض المناسب */
}
.s-product-card-image {
    background-color: #ffffff !important;
}