//* === Force button text color to black === */ .advanced-slider .advanced-slider__caption a, .advanced-slider .advanced-slider__caption button { color: #000 !important; } /* لو النص داخل span أو أي عنصر داخلي */ .advanced-slider .advanced-slider__caption a *, .advanced-slider .advanced-slider__caption button * { color: #000 !important; } .advanced-slider .advanced-slider__caption{ direction: rtl !important; text-align: right !important; justify-content: flex-end !important; 
padding-right: 64px !important;
padding-left: 0 !important; 
	
}

.advanced-slider .advanced-slider__caption *{ text-align: right !important; } /* وسّعي مساحة بلوك النص عشان يقل عدد السطور */ .advanced-slider .advanced-slider__caption__inner, .advanced-slider .advanced-slider__caption__inner-content{ width: min(1100px, 68vw) !important; 
max-width: none !important;
}

.advanced-slider .advanced-slider__caption__inner__content__text, .advanced-slider .advanced-slider__caption p{ display: block !important; white-space: normal !important; overflow: visible !important; max-height: none !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; margin: 0 !important; line-height: 1.65 !important;
}


/* زر تحت النص ومحاذاة يمين */ .advanced-slider .advanced-slider__caption a, .advanced-slider .advanced-slider__caption button{ align-self: flex-start !important; margin-top: 6px !important; } /* جوال */
@media (max-width: 480px){ 
	.advanced-slider .advanced-slider__caption{ padding-right: 18px !important; 
	padding-left: 18px !important; 
	padding-top: 60px !important; 
	align-items: flex-start !important; 
	}
	}

/* جوال */ @media (max-width: 480px){
	.advanced-slider .advanced-slider__caption{ padding-right: 18px !important;
	padding-left: 18px !important; 
	padding-top: 60px !important; 
	align-items: flex-start !important;
	}
	.advanced-slider .advanced-slider__caption__inner, .advanced-slider .advanced-slider__caption__inner-content{ width: 94vw !important; 
		
	}
	}
	
	@media (max-width: 480px){ /* 1) خل الهيرو يحتسب مساحة الشريط العلوي (إن وجد) */ :root{ --hero-topbar: 64px; /* غيريها 56/72 حسب الشريط عندك */ }
	
	/* 2) الكابشن: وسط عمودي + عرض مضبوط */ .advanced-slider .advanced-slider__caption{ position: absolute !important; inset: 0 !important; z-index: 2 !important; display: flex !important; align-items: center !important; /* ✅ توسيط عمودي */ justify-content: center !important; /* ✅ توسيط أفقي (لكن النص يبقى يمين/يسار) */ padding-top: var(--hero-topbar) !important; /* ✅ يبعد عن الشريط العلوي */ padding-left: 16px !important; padding-right: 16px !important;
	padding-bottom: 18px !important; /* لا نجبر RTL هنا، نخليه حسب html dir */ text-align: start !important; direction: inherit !important; }
	
	
	/* 3) صندوق المحتوى: عرض جميل + ما يطلع على كامل الشاشة */ .advanced-slider .advanced-slider__caption .container, .advanced-slider .advanced-slider__caption__inner, .advanced-slider .advanced-slider__caption__inner-content{ width: min(92vw, 420px) !important; /* ✅ نفس شكل Nord */ max-width: min(92vw, 420px) !important; margin: 0 !important; } /* 4) ترتيب العناصر داخل المحتوى */ .advanced-slider .advanced-slider__caption__inner-content{ display: flex !important; flex-direction: column !important; gap: 10px !important; align-items: flex-start !important; /* ✅ الزر تحت النص وما يتوسط */ }
	.advanced-slider .advanced-slider__caption h2{ font-size: 22px !important; line-height: 1.22 !important; margin: 0px 0px px 0px !important; text-wrap: balance !important; } /* 6) الوصف */ .advanced-slider .advanced-slider__caption p, .advanced-slider .advanced-slider__caption__inner__content__text{ font-size: 13px !important; line-height: 1.8 !important; margin: 0 !important; opacity: .92 !important;
	/* لا قص */ overflow: visible !important; max-height: none !important; -webkit-line-clamp: unset !important; white-space: normal !important; }
	/* 7) الزر تحت النص وبنفس محاذاة النص */ .advanced-slider .advanced-slider__caption a, .advanced-slider .advanced-slider__caption button{ margin-top: 6px !important; padding: 10px 18px !important; font-size: 13px !important; border-radius: 999px !important; align-self: flex-start !important; /* ✅ نفس بداية النص */ } /* 8) إذا الصفحة RTL: خلي المحاذاة يمين والزر يمين */ html[dir="rtl"] .advanced-slider .advanced-slider__caption{ text-align: right !important; direction: rtl !important; }}

/* =========================================================
   ABOUT (Mobile) - Image LEFT + Content RIGHT
   Works for: #about-4 + #about-1 + #about-3
   ========================================================= */




.s-block--enhanced-features__item {
    align-items: center;
    border-radius: 1.25rem;
    background-color: #f2f2f1 !important;
}


.s-block--enhanced-features__item .feature-icon {
    align-items: center;
    display: flex
;
    height: 3.5rem;
    justify-content: center;
    margin-bottom: .75rem;
    width: 3rem;
}



.btn {
    border-radius: 50px !important;
}

.enhanced-title-border:after  {
    height: 0px;
}
.enhanced-title-border {
   
    border: 0px ;
   
    height: 0px;
}

.enhanced-title-border:after, .enhanced-title-border:before {
   
    width: 0px;
}


.rounded-lg {
    border-radius: 1.rem;
}

.post-entry__image {
  padding: 8px;              /* المسافة بين الصورة والإطار */
  overflow: hidden;          /* مهم جدًا لقص الصورة */
}

.post-entry__image img {
  border-radius:1.9rem;       /* تقويس الصورة نفسها */
  display: block;
}


.bg-store-bg-secondary {
    background-color: #f2f2f2;
}

.index.mobile_small_blocks_titles .enhanced-title-border:after, .index.mobile_small_blocks_titles .enhanced-title-border:before {
        width: 0px;
    }
.product-card__enhanced-mini-cart button.s-button-element {
  border-radius: 20px  !important;
  padding: 5px 10px;

}

.product-card__enhanced-mini-cart button.s-button-element {  
 margin: 8px 8px 8px;
}

.s-button-wide {
    width: 70%;
}
.s-button-wrap {
  display: flex;
  justify-content: center;
}




.s-block--enhanced-features__item:hover{

  border:none !important;
}
.s-block--enhanced-features.mini-features .s-block--enhanced-features__item:hover{
  border:none !important;
  
}
.font-normal {
    font-weight: bold;
}

.sm\:h-16 {
        height: 0rem;
    }

.product-card__enhanced-mini-cart button.s-button-element {
    background: #818084 !important;
}
.product-card--primary-buttons button{
      background: #818084 !important;
    border-radius: 1.5rem;
  color:#f9f9f9 !important;

}
.product-card--primary-buttons button i, .product-card--primary-buttons salla-button i {
    color:#f9f9f9  !important;
}
.s-button-btn {
    padding: .3rem 1.5rem .325rem;
}
a:hover,
a:focus {
  outline: none;
  box-shadow: none;
}
/* 1) إزالة أي border/outline/box-shadow/ring من كرت المميزات */
.s-block--enhanced-features__item,
.s-block--enhanced-features__item:hover,
.s-block--enhanced-features__item:focus,
.s-block--enhanced-features__item:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  /* إلغاء Ring الخاص بتيلويند لو موجود */
  --tw-ring-shadow: 0 0 #0000 !important;
  --tw-ring-offset-shadow: 0 0 #0000 !important;
}

/* 2) حذف خط/إطار الهوفر (الطبقة المطلقة أسفل الكرت) */
.s-block--enhanced-features__item .absolute.bottom-0.left-0.w-full.h-px,
.s-block--enhanced-features__item .group-hover\:scale-x-100,
.s-block--enhanced-features__item .scale-x-0 {
  display: none !important;
}




/* إظهار محتوى الوصف دائمًا في صفحة المنتج */
.product-more-info 
.more-info-tabs__content {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* إزالة زر + / - */
.product-more-info 
.more-info-tabs__nav-link::after {
  display: none !important;
}

.rounded-lg {
    border-radius: 1.5rem;
}

/* تعطيل النقر على العنوان (اختياري) */
.product-more-info 
.more-info-tabs__nav-link {
  pointer-events: none;
  cursor: default;
}

@media (max-width: 991px) {
    .product-more-info .more-tab-container .more-info-tabs__nav-link {

 border-radius:100px;     
    }}


.out-of-stock .product-card__image img{
    filter: brightness(100%);
}