/* ========================================
   1) البانر الرئيسي
   ======================================== */
.landing-page-fixed-bannar-0 {
  height: auto !important;
  min-height: 380px;
  max-height: 550px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  width: 100%;
}
@media (min-width: 768px) {
  .landing-page-fixed-bannar-0 {
    min-height: 450px;
    max-height: 650px;
  }
}

/* ========================================
   2) اللوجو - حجم 100px على كل الشاشات
   ======================================== */
.navbar-brand {
  display: flex !important;
  align-items: center !important;
  height: 100px !important;
}
.navbar-brand img {
  width: auto !important;
  height: 100px !important;
  max-height: 100px !important;
}

/* ========================================
   3) إخفاء الشريط الأحمر
   ======================================== */
.slider-top {
  display: none !important;
}

/* ========================================
   4) تثبيت ارتفاع الهيدر
   ======================================== */
#mainnav {
  height: 110px !important;
  overflow: hidden !important;
}
#mainnav .inner {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

/* ========================================
   5) شبكة الأقسام - عدد الأعمدة والمسافات
   ======================================== */
.grid.grid-cols-3.md\:grid-cols-4.lg\:grid-cols-6 {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}
@media (min-width: 768px) {
  .grid.grid-cols-3.md\:grid-cols-4.lg\:grid-cols-6 {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
  }
}
@media (min-width: 1280px) {
  .grid.grid-cols-3.md\:grid-cols-4.lg\:grid-cols-6 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* نشيل الحد الأقصى القديم عشان الصورة تملأ عمودها بالكامل */
.products-item.products-item.products-item {
  max-width: none !important;
  width: 100% !important;
}

/* ========================================
   6) توحيد ارتفاع صور بطاقات المنتجات
   ======================================== */
.s-product-card-image-full {
  height: 260px !important;
  overflow: hidden !important;
}
.s-product-card-image-full img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}
@media (min-width: 768px) {
  .s-product-card-image-full {
    height: 320px !important;
  }
}