/* إطار حول الكارت بلون القالب الأساسي */
.s-product-card-entry {
  border: 1px solid var(--color-primary);
  border-radius: 12px;
  overflow: hidden;
}

/* حاوية الصورة: خلفية بيضا + منع التمدد بسبب توحيد الارتفاع */
.s-product-card-image {
  border-bottom: 1px solid var(--color-primary);
  background-color: #fff;
  flex: none !important;
  aspect-ratio: 2 / 3 !important;
}

/* تحويل اسم البراند لشكل "بادچ" رمادي فوق العنوان (بديل بصري لأن التصنيف مش موجود في الكارت) */
.s-product-card-content-main {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  padding-top: 10px;
}

.s-product-card-content-subtitle {
  order: -1;
  align-self: flex-start;
  display: inline-block;
  background-color: #f0f0f0;
  color: #555;
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 20px;
  margin-bottom: 6px;
  opacity: 1 !important;
}

/* المحتوى عمود، ياخد أي مساحة زيادة */
.s-product-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 14px 10px;
}

/* السعر أوضح وأكبر */
.s-product-card-sale-price h4 {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 22px;
}
/* الزرار: من outline لمصمت بلون المتجر، زي زرار المرجع */
.s-product-card-content-footer .s-button-primary-outline {
  background-color: var(--color-primary) !important;
  color: #fff !important;
  border-color: var(--color-primary) !important;
}


////////////////////////////////////////
/* تحويل شبكة العلامات التجارية لصف قابل للسحب (سواب) */
.s-block--logos-slider .grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  padding: 8px 4px 16px;
  scrollbar-width: none;
}

.s-block--logos-slider .grid::-webkit-scrollbar {
  display: none;
}

.s-block--logos-slider .grid .brand-item {
  flex: 0 0 45%;
  scroll-snap-align: start;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .s-block--logos-slider .grid .brand-item {
    flex: 0 0 22%;
  }
}

/* عنوان سكشن "أحدث المنتجات" بلون القالب الأساسي */
.s-slider-block__title-right h2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: #fff;
  padding: 10px 22px;
  border-radius: 30px 30px 30px 4px;
  font-weight: 700;
  margin: 0;
}

.s-slider-block__title-right h2 {
  display: inline-block !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  padding: 10px 22px !important;
  border-radius: 30px 30px 30px 4px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

//////////////////دي خاص بصور الماركات وطريقة عرضها/////////////////////////////
/* تحويل شبكة العلامات التجارية لصف قابل للسحب (سواب) */
.s-block--logos-slider .grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  padding: 8px 4px 16px;
  scrollbar-width: none;
}

.s-block--logos-slider .grid::-webkit-scrollbar {
  display: none;
}

.s-block--logos-slider .grid .brand-item {
  flex: 0 0 45%;
  scroll-snap-align: start;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .s-block--logos-slider .grid .brand-item {
    flex: 0 0 22%;
  }
}

/* تحويل شبكة العلامات التجارية لصف قابل للسحب (سواب) */
.s-block--logos-slider .grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  gap: 16px !important;
  padding: 8px 4px 16px !important;
  scrollbar-width: none;
}

.s-block--logos-slider .grid::-webkit-scrollbar {
  display: none;
}

.s-block--logos-slider .grid .brand-item {
  flex: 0 0 45% !important;
  scroll-snap-align: start;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .s-block--logos-slider .grid .brand-item {
    flex: 0 0 22% !important;
  }
}

/* إطار حول كل شعار علامة تجارية بنفس لون إطار كارت المنتج */
.brand-item {
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  background-color: #fff;
  padding: 12px;
}
/* إطار حول كل شعار علامة تجارية بنفس لون إطار كارت المنتج */
.brand-item {
  border: 1px solid var(--color-primary);
  border-radius: 10px;
  background-color: #fff;
  padding: 12px;
}

/* عنوان "تصفح من خلال العلامات التجارية" بنفس ستايل عنوان أحدث المنتجات */
.s-block__title .right-side h2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: #fff;
  padding: 10px 22px;
  border-radius: 30px 30px 30px 4px;
  font-weight: 700;
  margin: 0;
}
///////////////////////////////////////////////