/* Add custom CSS styles below */ 

html, body {
  overflow-x: hidden;
  overflow-x: clip;
}

/*اخفاء الواتس اب   */
.whatsChat ,span.bg-red-500.text-white.px-2.py-1.rounded.text-sm.font-bold,.ggallery .gallery .gallery-item .mask::after{

  display: none
}
/* ========================== */
/* عمل AFTER BEFOR FOR TITTL */
.section-title .underTitle,.product-images-wrapper .absolute.top-6.left-6.z-20.bg-gradient-to-r.from-red-500.to-red-600.text-white.px-4.py-2.rounded-full.font-bold.shadow-xl.animate-pulse{
  display: none
}

/* ===== 1) عنوان القسم + الخطوط الجانبية ===== */
.section-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;                       /* العنوان يظل سطر واحد */
}

.section-title:before,
.section-title:after {
  content: "";
  height: 2px;
  flex: 0 1 clamp(50px, 10vw, 100px);        /* خط أطول على الشاشات الكبيرة، يصغر تلقائياً على الجوال */
  min-width: 24px;
}

.section-title:before {
  background: linear-gradient(to left,
    rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
}

.section-title:after {
  background: linear-gradient(to right,
    rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
}

/* اتجاه التلاشي الصحيح في RTL (صلب قرب النص → شفاف للخارج) */
[dir="rtl"] .section-title:before {
  background: linear-gradient(to right,
    rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
}
[dir="rtl"] .section-title:after {
  background: linear-gradient(to left,
    rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
}

.section-title.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px !important;
}

.s-slider-block__title {
  margin-bottom: 0 !important;
}

@media (max-width: 480px) {
  .section-title { gap: 10px; }
  .section-title:before,
  .section-title:after { flex-basis: 40px; }
}
/* ================================================= */

/* ===== 0) إصلاح السكرول الأفقي ===== */
html, body {
  overflow-x: hidden !important;
  overflow-x: clip !important;
}


/* ===== 1) مسافات موحّدة + البنرات صفر (يشتغل حي ومعاينة) ===== */
:root { --sec-gap: 40px; }
@media (max-width: 992px) { :root { --sec-gap: 28px; } }
@media (max-width: 480px) { :root { --sec-gap: 20px; } }

section.s-block:not(.custom-announcement-bar) {
  margin-top: 0 !important;
  margin-bottom: var(--sec-gap) !important;
}

/* البنرات: صفر مسافة + صفر padding (بدون الاعتماد على live-editor) */
section.s-block.s-block--fixed-banner,
section.s-block.s-block--photos-slider {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}


/* ===== 2) صور كروت المنتجات (جوال) ===== */
@media (max-width: 480px) {
  [section-id="product-list-4"] .s-product-card-entry .s-product-card-image-new {
    height: 200px !important;
  }
}


/* ===== 3) إخفاء نسبة الخصم ===== */

span.bg-gradient-to-r.from-red-500.to-red-600.text-white.px-3.py-1.rounded-full.text-sm.font-bold.shadow-lg.animate-pulse {
  display: none;
}

/* ===== 4) Photos Slider ===== */
salla-slider.photos-slider .swiper {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

@media (min-width: 768px) {
  salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
  }
}

@media (min-width: 1024px) {
  salla-slider.photos-slider .swiper-slide {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0 !important;
  }
}


/* ===== 5) شريط الإعلان ===== */
@media (max-width: 480px) {
  section.s-block.custom-announcement-bar {
    padding: 10px 0 !important;
  }
}


/* ===== 6) Gallery / Slider ===== */
.gallery-section.ggallery,
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
  margin-bottom: var(--sec-gap);
}


/* ===== 7) Navbar Logo ===== */
.navbar-brand img {
  max-width: 70px !important;
}


/* ===== 8) Custom Features (جوال) ===== */
@media (max-width: 480px) {
  .s-block--custom-features .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .s-block--custom-features .s-block--features__item.s-block--features-bg {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .s-block--custom-features .s-block--features__item.s-block--features-bg p {
    display: none;
  }
  nav.breadcrumbs{
margin-bottom: 0px !important
  }
}


/* ===== 9) Partners Slider ===== */
.partners-slider .slick-next,
.partners-slider .slick-prev {
  display: none;
}


/* ===== 10) Store Section ===== */
.store-section h1:after {
  display: none;
}


/* ===== 11) Breadcrumbs ===== */
nav.breadcrumbs {
  height: auto !important;
  min-height: auto !important;
  padding: clamp(24px, 6vw, 50px) 0 !important;
  display: block !important;
}
@media (max-width: 768px) {
  #karzoun-widget-send-button {
    bottom: 130px !important;   /* يرفعه فوق شريط إضافة للسلة */
  }
}

a.viewBag.button {
      height: 70px;
    line-height: 70px;
}

.ggallery .gallery .gallery-item:hover .mask img{

filter: blur(0px);
  
}
section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none{
  display: none
}
.sidebar-coupon__btn {
    background: #2a65fd; !important
 }