.city-note, 
p:not(.city-title):not(.city-branches):not(.city-branches p) {
  text-align: center;
}

.city-note {
  color: #007bff;
  text-align: center;
  font-weight: 700 !important;
  margin: 10px 0;
}


.city-branches p {
  margin: 8px 0 !important; 
  padding: 0 !important;
}

.city-branches li {
  margin: 4px 0 !important;
  padding: 0 !important;
}

.city-branches + p {
  margin-top: 20px;
}

.city-branches {
  display: none;
  padding: 10px;
  background-color: #fdfdfd;
  border-radius: 5px;
  margin-bottom: 5px;
}

.city-branches.active {
  display: block;
}

.city-title {
  cursor: pointer;
  background-color: #eee;
  padding: 10px;
  font-weight: bold;
  border-radius: 5px;
  margin-top: 10px;
  position: relative;
}

.city-title::after {
  content: "▼"; 
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #555;
}

.city-title.open::after {
  content: "▲";
  color: #000;
}     





/* Add custom CSS styles below */ 
section.s-block {
    position: relative;
    overflow: inherit;
    BACKGROUND-COLOR: #7A7A7A;
}

.logo-light {
    transform: scale(0.8); /* تصغير بنسبة 20% */
    width: auto;
    height: auto;
}


/* تحويل تصميم البنر لفت بدل كيرف */ 

banner--fixed {
    display: block;
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-radius: 0 !important; /* منع أي انحناء في الحواف */
}

.banner--fixed img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 0 !important; /* إزالة الانحناء من الصورة */
    transform: none !important; /* منع أي تحويلات قد تسبب الانحناء */
}

/* لإزالة أي padding أو margin إضافي */
.s-block--fixed-banner .container {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    border-radius: 0 !important;
}

/* للتأكد من عدم وجود أي overflow */
.overflow-hidden {
    overflow: hidden;
    border-radius: 0 !important;
}

/* إزالة أي تأثيرات إضافية */
.banner--fixed img,
.banner--fixed,
.s-block--fixed-banner .container,
.overflow-hidden {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
}

.s-block--fixed-banner {
    margin: 0 !important;
    padding: 0 !important;
}

.s-block--fixed-banner .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header-container{
background-color:black;
color:white;
}

.search-btn .sicon-search {
    color: white !important;
}

.s-cart-summary-wrapper .sicon-shopping-bag2,
.s-cart-summary-wrapper svg {
    color: white !important;
    fill: white !important;
}

/* تنسيق رقم العناصر في السلة */
.s-cart-summary-count {
    background-color: #ff0000;  /* خلفية حمراء للرقم */
    color: white !important;    /* لون الرقم أبيض */
    border-radius: 50%;         /* شكل دائري */
    padding: 2px 6px;           /* مساحة داخلية */
}

/* تغيير لون السعر */
.s-cart-summary-total {
    color: white !important;
}


.s-product-card-wishlist-btn {
display:none;
}

.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    background: linear-gradient(to right, #666666, #000000);
    border-color: white;
    color: white;
    padding: 12px 25px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: "Tajawal", sans-serif;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-style: solid;
    border-width: 1px;
}

/* إعادة تعيين التنسيق الأساسي */
.s-block__title {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

/* تنسيق القسم الأيمن */
.s-block__title .right-side {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* تنسيق العنوان نفسه */
.s-block__title h2 {
    text-align: center !important;
    color: white !important;
    margin: 0 auto !important;
}

.store-footer {
    position: relative;
    --tw-text-opacity: 1;
  background-color:black;
  color:white;
      margin-top: 0rem;

}

/* تنسيق عنوان القسم */
.s-slider-block__title h2 {
    color: white !important;
    font-size: 24px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}


.s-block__title h2 {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}




/* تغيير نص العنوان */
.s-slider-block__title h2 {
    font-size: 0 !important;
}
/* تنسيق العنوان مع المسافة */
.s-slider-block__title {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 20px !important; /* إضافة مسافة أسفل العنوان */
}

.s-slider-block__title-right {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-slider-block__title-left {
    display: none !important;
}

.s-slider-block__title h2 {
    font-size: 0 !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    margin: 10px !important; /* مسافة إضافية */
}

.s-slider-block__title h2::after {
    font-size: 1.125rem !important;
    color: white !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

/* خلفية القسم سوداء */
.s-block--testimonials,
.s-block--testimonials .container {
    background-color: black !important;
}

/* تنسيق كرت التقييم */
.s-block--testimonials .flex.h-full {
    background-color: #333333 !important;
    border: 1px solid white !important;
    border-radius: 12px !important;
}

/* لون النص داخل التقييم أبيض */
.s-block--testimonials .flex.h-full * {
    color: white !important;
}

.swiper-pagination{
dispaly:none;
}

/*تصميم كرت التقييم*/

.testimonial__avatar {
    border-radius: 50% !important;
    width: 4rem !important;
    height: 4rem !important;
}

/* تنسيق حاوية السلايدر */
.swiper.s-slider-container {
    padding: 0 50px !important;
    overflow: visible !important;
}

/* تنسيق الشرائح */
.swiper-slide {
    transition: all 0.3s ease !important;
    opacity: 0.5 !important;           
    transform: scale(0.9) !important;  /* زيادة حجم الشرائح الجانبية من 0.8 إلى 0.9 */
}

/* تنسيق الشريحة النشطة */
.swiper-slide-active {
    opacity: 1 !important;            
    transform: scale(1) !important;   
}

/* إظهار الشرائح المجاورة */
.swiper-wrapper {
    padding: 20px 0 !important;
}

.swiper-pagination {
    display: none !important;
}

/* تعديل كرت المنتج */
.s-product-card-entry {
    border: none !important;
}

/* لضمان عدم ظهور الحدود في حالة التحويم أيضاً */
.s-product-card-entry:hover {
    border: none !important;
}

.s-product-card-content-title,
.s-product-card-content-title a {
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.s-product-card-content-title,
.s-product-card-content-subtitle,
.s-product-card-sale-price {
    text-align: center;
}


.s-product-card-sale-price {
    display: flex;
    justify-content: center;  /* توسيط أفقي */
    align-items: center; /* محاذاة النصوص في المنتصف */
    gap: 10px; /* مسافة بين السعر الجديد والقديم */
    width: 100%; /* ليكون بالمنتصف */
    text-align: center;
    flex-direction: row-reverse; /* عكس الترتيب */
}

/* تنسيق السعر قبل الخصم */
.s-product-card-price-before {
    text-decoration: line-through; /* شطب السعر القديم */
    color: gray; /* لون رمادي للسعر قبل الخصم */
    font-size: 1em; /* استخدام وحدة نسبية بدلاً من البكسل */
}

/* تكبير السعر بعد الخصم بنسبة 15% */
.s-product-card-sale-price h4 {
    font-size: 115%; /* زيادة الحجم بنسبة 15% */
    font-weight: bold; /* خط عريض */
    color: red; /* لون السعر الجديد */
}


.index>.app-inner {
    overflow-x: hidden;
    background-color: #7a7a7a;
}


.header-btn .sicon-add::before {
    content: "";
    color: white;
}


.s-product-card-promotion-title {
    position: absolute !important;
    left: 8px !important;
    right: auto !important;
    bottom: 8px !important;
    top: auto !important;
    background-color: white !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    direction: rtl !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}

.s-product-card-promotion-title {
    color: #333 !important;
}

/* تنسيق الأرقام باستخدام CSS regex */
.s-product-card-promotion-title {
    background: white;
}

.s-product-card-promotion-title::first-line {
    color: #333;
}

.s-product-card-promotion-title {
    color: rgb(232, 78, 78);
}






.s-product-card-discount {
    position: absolute;
    inset: auto 0 0 auto; /* ينقل البادج لأسفل اليمين */
    margin: 1rem 0.5rem 0.8rem 1rem;
    border-radius: 5px;

}






.s-product-card-discount {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 4px 8px !important; /* يضيف مسافة داخلية للبادج */
    border-radius: 8px !important; /* يجعل الزوايا ناعمة */
    background-color: #f87e7e !important; /* تأكد أن الخلفية تُطبق */
    width: fit-content !important; /* يجعل الخلفية بحجم المحتوى */
}

.s-product-card-discount .off-ratio {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important; /* يضيف مسافة بين "وفر" والنسبة */
    white-space: nowrap !important; /* يمنع انفصال الكلمات */
    font-weight: bold !important;
    color: white !important; /* يجعل النص أبيض ليظهر بوضوح */
}

.s-product-card-discount .off-ratio::before {
    content: "وفر " !important;
}



.wish-share {
    display: none !important; /* إخفاء العنصر تماماً */
}



.promotion-title {
    display: none !important;
}




.s-rating-stars-reviews {
    visibility: hidden;
}


.store-info__logo {
    background-color: #dadada;
}

.ql-align-right city-branches p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}

.city-branches br {
  display: none !important;
}

.city-branches p.city-branches:has(strong) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}