/* Add custom CSS styles below */ 
  .top-navbar {
    display: none !important;
  }
.relative:has(> img.w-full.h-full.aspect-square.object-center.object-cover.rounded-t-generalElements){
  display: none !important;
}
@media (max-width: 768px) {
  .universal-slider__content-inner {
display: none;  }
    a[aria-label="تسوق الآن"] {
    transform: scale(0.40)!important;
  }
.universal-slider__content-inner h2 {
  font-size: 22px;   /* كبر الرقم حسب رغبتك */
  line-height: 0.5 !important /* كل ما قل الرقم يصير أقرب */
}

.product_image_container {
  display: none !important;
}
a[aria-label="إكتشف الآن"]{
  width: 75px !important;
  height: 22px !important;
  font-size: 11px !important;
  padding: 3px 5px !important;
}
}
/* القسم الأبوي يحصر المحتوى */
.ql-align-right.ql-direction-rtl {
    width: 100%;        /* بدل 100vw */
    max-width: 100%;    
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

/* الصورة تكبر داخل القسم بدون تحريك الشاشة */
.ql-align-right.ql-direction-rtl img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}


.ql-align-right.ql-direction-rtl {
    overflow: hidden; /* يمنع تحرك الشاشة يمين/يسار */
}

.ql-align-right.ql-direction-rtl img {
    width: 100%;
    max-width: 1000px; /* حجم كبير */
    height: auto;
    display: block;
    margin: 0 auto; /* يركّز الصورة بالمنتصف */
}
/* حصر الحاوية ومنع التمرير الأفقي */
.ql-align-right.ql-direction-rtl {
    width: 100%;          /* عرض كامل القسم */
    max-width: 100%;      /* يمنع تجاوز العرض */
    overflow: hidden;     /* يخفي أي جزء زائد */
    position: relative;   /* لتثبيت الصورة داخل القسم */
}

/* تكبير الصورة بشكل مناسب داخل الحاوية */
.ql-align-right.ql-direction-rtl img {
    width: 100%;          /* عرض الحاوية */
    height: auto;         /* يحافظ على النسبة */
    display: block;
    margin: 0 auto;       /* يركّز الصورة بالمنتصف */
    object-fit: contain;  /* يمنع التشويه */
}



/* خلفية FAQ فاتحة */
.S_faq_item {
    background-color: rgba(200, 200, 200, 0.15) !important; /* أبيض رمادي فاتح شفاف شوي */
}

/* زر الأسهم والخطوط */
.S_faq_item .arrows,
.S_faq_item .border {
    border-color: rgba(255, 255, 255, 0.5) !important; /* نص أبيض خفيف للحدود */
    color: #ffffff !important; /* السهم أبيض */
}

/* تعديل لون الخلفية عند hover (اختياري) */
.S_faq_item:hover {
    background-color: rgba(200, 200, 200, 0.15) !important; /* فاتح شوي أكثر عند المرور */
}

.flex.items-center.justify-around {
    justify-content: flex-start;}
/* فقط للشاشات الصغيرة (الجوال) */
@media (max-width: 768px) {
  .sticky-product-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    border-radius: 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    background-color: rgba(255,255,255,0.95);

    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  }

  /* حتى ما يختفي المحتوى تحت الشريط */
  body {
    padding-bottom: 120px;
  }

  .sticky-product-bar__quantity {
    display: none !important;
  }

  .sticky-product-bar__btn {
    margin-top: 0 !important;
  }
}

.s-social-share-wrapper,
.btn--wishlist {
    display: none !important;
}

/* على الجوال فقط */
@media (max-width: 768px) {
    .ql-align-center img {
        width: 100% !important;       /* تمتد على العنصر الأب */
        height: auto !important;
        display: block !important;
        margin: 0 !important;
        max-width: 100% !important;
    }

    /* نلغي أي padding من الحاوية */
    .product__description,
    .ql-align-center {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* نوسع الحاوية لتملأ الشاشة */
    .product__description {
        width: 100vw !important;
        box-sizing: border-box;
    }
  .product__description {
    text-align: center;
}


}
.article--main {
    margin-top: 30px; /* عدل الرقم حسب الحاجة */
}
/* للموبايل والكمبيوتر */
.s-products-slider-card {
    margin-right: 16px; /* المسافة بين البطاقات من اليمين */
    margin-left: 16px;  /* إذا حاب من اليسار كمان */
}

/* لو حاب تتحكم بس بالموبايل */
@media (max-width: 768px) {
    .s-products-slider-card {
        margin-right: 12px;
        margin-left: 12px;
    }
}

html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  scrollbar-gutter: stable; /* يمنع اهتزاز بسبب ظهور/اختفاء شريط التمرير */
}

.highlight-card__title,
.highlight-card__desc {
  text-shadow: none !important;
}


section.flex.backdrop-contrast-\[105\%\] {
    background: #f7f7f7 !important;
    box-shadow: none !important;

}
.center-between.w-full .price-wrapper {
  transform: scale(1.4); /* 1.2 يعني 20% أكبر */
  margin-right: 16px;}
.p-4 {
    padding: 0.3rem;
}

.mb-2 {
    margin-bottom: .8rem;
}
.total-price {
    color: red;
}
h1.text-xl.md\:text-2xl.leading-10.font-bold.text-\[var\(--general-primary-text-color\)\].mb-2 {
  margin-bottom: 0 !important;
}

a[href="https://ghalia-brand.com/"][role="button"] {
    display: none !important;
}

#S_faq-3 .aspect-square {
    display: none !important;
}