/* Add custom CSS styles below */ 
.cat__img{
  border-color: #0066b1 !important; 
}
.sicon-add-to-cart:before{
color:white ;  
}
.btnfix {
  border-left: 3px solid #adc937 !important;
  border-bottom: 3px solid #adc937 !important;
}

.s-product-card-entry 
.s-product-card-content
.s-product-card-content-footer
.s-product-card-wishlist-btn{
  color: black !important;
}

.ish-docs{
  --ish-primary: var(--color-primary, #2b66aa);
  --ish-green-1: #e6eecb;          /* خلفية القوس — أعلى */
  --ish-green-2: #cfdda4;          /* خلفية القوس — أسفل */
  --ish-ink:     #1f2937;          /* لون الاسم */
  --ish-muted:   #6b7280;          /* لون التخصص */
  --ish-arch:    999px;            /* استدارة أعلى القوس */
  font-family: var(--font-main, "DINNextLTArabic-Regular"), system-ui, sans-serif;
  max-width: 1280px;
  margin-inline: auto;
  padding: 56px 16px;
  direction: rtl;
}

/* العنوان */
.ish-docs__head{ text-align:center; margin-bottom:34px; }
.ish-docs__title{
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  color: var(--ish-ink);
  margin: 0 0 10px;
}
.ish-docs__sub{ margin:0; color:var(--ish-muted); font-size:15px; line-height:1.7; }

/* المسار */
.ish-docs__wrap{ position:relative; }
.ish-docs__track{
  display:flex;
  gap:24px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding: 6px 2px 4px;
}
.ish-docs__track::-webkit-scrollbar{ display:none; }

/* الكارت */
.ish-doc{
  flex:0 0 calc((100% - 72px) / 4);   /* 4 كروت في الديسكتوب */
  scroll-snap-align:start;
  text-align:center;
}

/* القوس */
.ish-doc__frame{
  position:relative;
  aspect-ratio: 1 / 1.28;          /* كل ما يزيد الرقم يطول الكارت */
  border-radius: var(--ish-arch) var(--ish-arch) 16px 16px;
  overflow:hidden;
  background: linear-gradient(180deg, var(--ish-green-1) 0%, var(--ish-green-2) 100%);
  box-shadow: 0 6px 18px rgba(16,24,40,.08);
}
.ish-doc__frame::before{            /* خط الحافة الرفيع */
  content:""; position:absolute; inset:0; z-index:2; pointer-events:none;
  border-radius:inherit;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.65);
}

.ish-doc__img{
  width:100%; height:100%; display:block;
  object-fit:cover; object-position: center top;
}

/* الاسم والتخصص — تحت الصورة */
.ish-doc__info{ padding: 18px 8px 0; }
.ish-doc__name{
  margin:0 0 6px;
  color:var(--ish-ink); font-weight:700;
  font-size: clamp(15px, 1.2vw, 18px); line-height:1.4;
}
.ish-doc__spec{
  display:block; color:var(--ish-muted);
  font-size: clamp(12px, .95vw, 14px); font-weight:400; line-height:1.6;
}

/* الأسهم */
.ish-docs__nav{
  position:absolute; top:42%; transform:translateY(-50%); z-index:5;
  width:44px; height:44px; border:0; border-radius:50%;
  background:#fff; color:var(--ish-ink);
  box-shadow:0 4px 16px rgba(16,24,40,.16);
  display:grid; place-items:center; cursor:pointer;
  transition: background .25s ease, color .25s ease, opacity .25s ease;
}
.ish-docs__nav svg{ width:20px; height:20px; }
.ish-docs__nav:hover{ background:var(--ish-primary); color:#fff; }
.ish-docs__nav--prev{ right:-18px; }
.ish-docs__nav--next{ left:-18px; }
.ish-docs__nav[disabled]{ opacity:.3; cursor:default; }

/* النقاط */
.ish-docs__dots{ display:flex; justify-content:center; gap:8px; margin-top:26px; }
.ish-docs__dot{
  width:8px; height:8px; border-radius:99px; border:0; padding:0; cursor:pointer;
  background:#cbd5e1; transition: all .3s ease;
}
.ish-docs__dot[aria-selected="true"]{ width:24px; background:var(--ish-primary); }

@media (max-width: 1024px){
  .ish-doc{ flex-basis: calc((100% - 48px) / 3); }
}
@media (max-width: 768px){
  .ish-docs__track{ gap:16px; }
  .ish-doc{ flex-basis: calc((100% - 16px) / 2); }
  .ish-docs__nav{ display:none; }
}
@media (max-width: 520px){
  .ish-docs{ padding:36px 12px; }
  .ish-doc{ flex-basis: 62%; }   /* كارت ونص في الموبايل */
}
@media (prefers-reduced-motion: reduce){
  .ish-docs__track{ scroll-behavior:auto; }
}

/* blogs */



.blogs_sec {
  --cmbl-brand: #0066b1; /* الأزرق الأساسي — نفس قيمة الإنلاين */
  --cmbl-accent: #adc937; /* الأخضر — تعبئة الزرّ */
  --cmbl-accent-ink: #1b3300; /* حبر الزرّ فوق الأخضر — 8.8:1 */
  --cmbl-on-brand: #ffffff; /* العنوان */
  --cmbl-on-brand-soft: #dbeaf7; /* الوصف — 4.8:1 */
  --cmbl-on-brand-dim: #eaf3fa; /* التاريخ — 5.6:1 */

  /* 👈 عرض البطاقة — المقبض الأساسي للشكل.
     Swiper يحسب العرض من ‎slidesPerView‎ في الـ HTML (2.2 ثم 3) فيطلع
     ~٦٥٠px وهو عريض جدًّا. السقف هنا يقصّه بصريًّا بلا لمس إعدادات
     السلايدر. كبّره فوق ٤٦٠px لو تبغى التاريخ يرجع بجانب العنوان. */
  --cmbl-maxw: clamp(300px, 26vw, 400px);

  /* المنحنى الكبير في الزاوية العليا — كبّره أو صغّره من هنا */
  --cmbl-curve: clamp(64px, 18vw, 130px);
  --cmbl-corner: 0px; /* بقيّة الزوايا — حادّة كما في الرسم */

  /* نسبة الصورة (عرض/ارتفاع). الأصل 1000×530 ≈ 16/8.5، والقيمة أدناه
     مطابقة له فلا يُقصّ شيء — مهمّ لأن صور مقالاتكم فيها نصّ محروق
     داخلها يمتدّ بعرض الصورة. أي رقم أصغر من 8.5 يطوّل الصورة لكن
     يقصّ من جنبيها فيأكل أطراف النصّ. */
  --cmbl-ratio: 16 / 9; /* الجوال */
  --cmbl-ratio-lg: 16 / 8.5; /* من 768px — النسبة الأصليّة */
}

/* ═══ ١· فتح الارتفاع المحجوز (h-[300px]) ═══════════════════════════════ */
.blogs_sec .s-slider-wrapper,
.blogs_sec .s-slider-container,
.blogs_sec .s-slider-swiper-wrapper {
  height: auto !important;
}
/* الشريط: بطاقات متساوية الارتفاع.
   ‎.s-slider-v-centered‎ يوسّط البطاقات عموديًّا بقاعدة من صنفين، فرفعت
   التخصيص إلى ثلاثة (‎.s-slider-container‎ في الوسط) حتى تتخطّاها بلا
   ‎!important‎ مهما كان ترتيب تحميل الملفّات. */
.blogs_sec .s-slider-container .s-slider-swiper-wrapper {
  align-items: stretch;
}

/* ═══ ٢· البطاقة: عمود — صورة فوق، نصّ تحت ═════════════════════════════ */
.blogs_sec .list-block.post-entry {
  display: flex;
  flex-direction: column;
  align-items: stretch; /* يتخطّى items-center */
  justify-content: flex-start; /* يتخطّى justify-around */
  height: auto;
  min-width: 0;
  background: var(--cmbl-brand); /* يظهر خلف المنحنى */
  overflow: hidden; /* يقصّ الصورة على المنحنى */
  box-shadow: 0 2px 10px rgba(0, 58, 102, 0.08);
  transition: box-shadow 0.35s ease, transform 0.35s ease;

  /* الزوايا: منحنى واحد كبير في العليا-البداية (يمين RTL · يسار LTR).
     ‎border-start-start-radius‎ منطقيّة فتنعكس مع اتّجاه الصفحة. */
  border-radius: var(--cmbl-corner);
  border-start-start-radius: var(--cmbl-curve);

  /* الإنلاين ‎width:821.667px‎ لا يتقلّص؛ السقف يجعله مرنًا للأسفل
     بدون إلغائه، فحسابات Swiper تبقى سليمة. */
  max-width: 100% !important;

  /* البطاقة نفسها حاوية استعلام: صفّ النصّ يتبع عرضها لا عرض الشاشة.
     ضروري هنا — البطاقة ٤٠٠px على شاشة ١٩٠٠px، فـ ‎@media‎ كان يفتح
     عمودين ويخلّي للعنوان ~٢١٥px فقط. المتصفّحات القديمة تتجاهل
     ‎@container‎ فترجع لعمود واحد، وهو التخطيط الأنسب لبطاقة ضيّقة. */
  container-type: inline-size;
}
.blogs_sec .list-block.post-entry:hover {
  box-shadow: 0 12px 30px rgba(0, 58, 102, 0.18);
  transform: translateY(-3px);
}

/* ── الصورة: عرض كامل فوق ────────────────────────────────────────────── */
.blogs_sec .post-entry > .post-entry__image {
  flex: 0 0 auto;
  width: 100%; /* يتخطّى w-[30%] */
  height: auto; /* يتخطّى h-full */
  aspect-ratio: var(--cmbl-ratio);
  overflow: hidden;
  background: #e8eef3; /* أرضية قبل تحميل الصورة */
}
.blogs_sec .post-entry > .post-entry__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0; /* المنحنى انتقل إلى الحاوية */
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.blogs_sec .post-entry:hover > .post-entry__image img {
  transform: scale(1.06);
}

/* ── صندوق النصّ: شبكة عمودين ────────────────────────────────────────── */
.blogs_sec .post-entry > .post-entry__image + div {
  flex: 1 1 auto;
  min-width: 0; /* يمنع min-width:auto من تمديد البطاقة بنصّ طويل */
  height: auto; /* يتخطّى h-[95%] ويقفل الفراغ السفلي */
  display: grid;
  grid-template-columns: minmax(0, 1fr); /* عمود واحد — الجوال */
  gap: 8px;
  padding: clamp(14px, 1.8vw, 22px) clamp(16px, 2vw, 26px)
    clamp(16px, 2vw, 24px);
  border-radius: 0; /* المنحنى انتقل إلى الحاوية */
  text-align: right;
}

/* البطاقة ≥ 460px: النصّ في العمود الأوّل (جهة البداية) والتاريخ في
   المقابل — تخطيط الرسم. أضيق من كذا: التاريخ سطر فوق العنوان، لأن
   عمودين على بطاقة ٤٠٠px يتركان للعنوان ~٢١٥px ويكسّرونه. */
@container (min-width: 460px) {
  .blogs_sec .post-entry > .post-entry__image + div {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: clamp(12px, 2vw, 24px);
    row-gap: 6px;
  }
  /* التاريخ — العمود الثاني، ممتدّ على السطرين، ملتصق بالأعلى */
  .blogs_sec .post-entry > .post-entry__image + div > div:first-child {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: start;
  }
  .blogs_sec .post-entry .post-entry__title {
    grid-column: 1;
    grid-row: 1;
  }
  .blogs_sec .post-entry > .post-entry__image + div > p {
    grid-column: 1;
    grid-row: 2;
  }
}

/* ── التاريخ: نصّ خفيف + أيقونة تقويم ────────────────────────────────── */
.blogs_sec .post-entry > .post-entry__image + div > div:first-child {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  background: transparent;
  border-radius: 0;
  font-size: 13px;
  line-height: 1.7; /* يحاذي السطر الأوّل من العنوان */
  white-space: nowrap;
}
/* أيقونة بلا وسم جديد */
.blogs_sec .post-entry > .post-entry__image + div > div:first-child::before {
  content: "";
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  opacity: 0.85;
  background: no-repeat center / 14px 14px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23eaf3fa' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18'/%3E%3C/svg%3E");
}
.blogs_sec .post-entry > .post-entry__image + div span {
  color: var(--cmbl-on-brand-dim) !important; /* يتخطّى إنلاين #ffffff */
}

/* ── العنوان ─────────────────────────────────────────────────────────── */
.blogs_sec .post-entry .post-entry__title {
  margin: 0;
  font-size: clamp(16px, 1.3vw, 20px);
  font-weight: 700;
  line-height: 1.55;
}
.blogs_sec .post-entry .post-entry__title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--cmbl-on-brand);
  text-decoration: none;
  transition: color 0.25s ease;
}
.blogs_sec .post-entry .post-entry__title a:hover {
  color: var(--cmbl-accent);
}

/* ── الوصف ───────────────────────────────────────────────────────────── */
.blogs_sec .post-entry > .post-entry__image + div > p {
  margin: 0;
  color: var(--cmbl-on-brand-soft) !important; /* يتخطّى إنلاين #ffffff */
  font-size: 14px;
  line-height: 1.8;
}

/* ── زرّ «عرض المزيد» ────────────────────────────────────────────────── */
/* يبقى داخل الـ ‎<p>‎ كما في الـ HTML، فيُنسَّق كحبّة سطريّة */
.blogs_sec .post-entry .read-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
  margin: 4px 8px 0 0; /* ‎ml-2‎ يفتح الفسحة في الجهة الخطأ داخل RTL */
  padding: 7px 15px !important; /* يتخطّى إنلاين padding-left:25px */
  border-radius: 999px;
  background: var(--cmbl-accent);
  color: var(--cmbl-accent-ink) !important; /* يتخطّى إنلاين #adc937 */
  font-size: 13.5px !important; /* يتخطّى text-[16px] */
  font-weight: 700 !important; /* يتخطّى إنلاين 500 */
  text-decoration: none;
  white-space: nowrap;
  transition: filter 0.25s ease, box-shadow 0.25s ease;
}
.blogs_sec .post-entry .read-more-btn::after {
  content: "";
  width: 14px;
  height: 14px;
  background: no-repeat center / 14px 14px
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b3300' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 6l-6 6 6 6'/%3E%3C/svg%3E");
  transition: transform 0.25s ease;
}
.blogs_sec .post-entry .read-more-btn:hover {
  filter: brightness(1.07);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}
.blogs_sec .post-entry .read-more-btn:hover::after {
  transform: translateX(-3px); /* السهم يشير لليسار في RTL */
}
.blogs_sec .post-entry .read-more-btn:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

/* ── تحت 768px: البطاقة بعرض الكادر كامل ─────────────────────────────── */
/* الإنلاين ‎width:821.667px + margin-left:20px‎ يفيض عن شاشة الجوال،
   وعلى هذا المقاس ‎slidesPerView: 1‎ فإلغاؤهما آمن. */
@media (max-width: 767px) {
  .blogs_sec .list-block.post-entry {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ── من 768px: تضييق البطاقة وإطالتها ─────────────────────────────────── */
@media (min-width: 768px) {
  /* السقف من ‎--cmbl-maxw‎ — على الجوال يبقى ‎100%‎ (القاعدة أعلاه) */
  .blogs_sec .list-block.post-entry {
    max-width: var(--cmbl-maxw) !important;
  }
  .blogs_sec .post-entry > .post-entry__image {
    aspect-ratio: var(--cmbl-ratio-lg);
  }
  .blogs_sec .post-entry > .post-entry__image + div {
    row-gap: 8px;
    padding-bottom: clamp(18px, 2vw, 26px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .blogs_sec .list-block.post-entry,
  .blogs_sec .post-entry > .post-entry__image img,
  .blogs_sec .post-entry .read-more-btn::after {
    transition: none;
  }
  .blogs_sec .list-block.post-entry:hover,
  .blogs_sec .post-entry:hover > .post-entry__image img,
  .blogs_sec .post-entry .read-more-btn:hover::after {
    transform: none;
  }
}

.right__image img{
  object-position: right;
}

/* ===== Mobile: إظهار صورة البانر من تحت الهيدر ===== */
@media (max-width: 1023px) {
  .main__banner .right__image img {
    object-position: right top;
  }
}
.cat__card .cat__name{
  padding-bottom: 20px;
}
.bs_aboutus-sec img{
  border-radius: 10px;
}
.ml-0{
  display: none;
}
.s-block{
  margin-top: 0px;
}
.s-social-link a svg{
  fill: white;
}
.main-menu > li > a{
  color: 0062ab !important;
}


/* cards */

/* =========================================
   عروض الليزر – 4 كروت، الصورة فوق بطولها كامل
   ========================================= */

/* ---- عدد الكروت في الصف ---- */
@media (min-width: 1024px) {
  salla-products-slider .swiper-slide,
  .s-products-slider-wrapper .swiper-slide {
    width: calc(25% - 12px) !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  salla-products-slider .swiper-slide,
  .s-products-slider-wrapper .swiper-slide {
    width: calc(40% - 10px) !important;
  }
}

/* ---- الكارت ---- */
.s-product-card-horizontal {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px;
  padding: 12px !important;
  height: 100%;
  overflow: hidden;
}

/* ---- الصورة (فوق) بطولها كامل ---- */
.s-product-card-horizontal .s-product-card-image {
  order: -1 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}

/* أي عنصر جوه الصورة (اللينك / الـ wrapper) */
.s-product-card-horizontal .s-product-card-image > *,
.s-product-card-horizontal .s-product-card-image a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

.s-product-card-horizontal .s-product-card-image img {
  position: static !important;
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

/* الشارة "اليوم الوطني 96" تفضل فوق الصورة */
.s-product-card-horizontal .s-product-card-image .s-product-card-promotion-title,
.s-product-card-horizontal .s-product-card-image [class*="promotion"] {
  position: absolute !important;
  z-index: 2;
}

/* ---- المحتوى (تحت) ---- */
.s-product-card-horizontal .s-product-card-content {
  order: 2 !important;
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 !important;
}

/* العنوان: سطرين بحد أقصى */
.s-product-card-horizontal .s-product-card-content-title,
.s-product-card-horizontal .s-product-card-content-title a {
  font-size: 16px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: auto !important;
  margin-bottom: 0 !important;
}
.s-product-card-horizontal .s-product-card-content-title {
  padding-bottom: 8px;
}

/* السعر */
.s-product-card-horizontal .s-product-card-price {
  margin: 4px 0 !important;
}

/* الأزرار في آخر الكارت */
.s-product-card-horizontal .s-product-card-content-footer {
  margin-top: auto;
  display: flex;
  gap: 8px;
}
.s-product-card-horizontal .s-product-card-content-footer salla-add-product-button,
.s-product-card-horizontal .s-product-card-content-footer salla-add-product-button button {
  flex: 1;
  width: 100%;
}
.s-product-card-horizontal .s-product-card-content-footer salla-button button,
.s-product-card-horizontal .s-product-card-content-footer .s-button-element {
  height: 38px !important;
  min-width: 38px !important;
}
.s-product-card-horizontal .s-product-card-image .s-product-card-wishlist-btn,
.s-product-card-horizontal .s-product-card-image salla-button {
  display: none !important;
}
/* ---- عدد الكروت + المسافة بينهم ---- */
salla-products-slider .swiper-slide,
.s-products-slider-wrapper .swiper-slide {
  box-sizing: border-box !important;
  padding-inline: 8px !important;   /* المسافة = 16px بين كل كارتين */
  height: auto !important;
}

@media (min-width: 1024px) {
  salla-products-slider .swiper-slide,
  .s-products-slider-wrapper .swiper-slide {
    width: 25% !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  salla-products-slider .swiper-slide,
  .s-products-slider-wrapper .swiper-slide {
    width: 40% !important;
  }
}

/* الكارت ياخد مساحة الـ slide كلها بعد الـ padding */
.s-product-card-horizontal {
  width: 100% !important;
  margin: 0 !important;
}

.mj-offer-band,.s-block--best-offers{
  margin-bottom: 20px;
}
.cartloc {margin-bottom: }

/* إصلاح كارت "زورينا في أقرب فرع" على الجوال - إظهار كل المواعيد */
@media (max-width: 767px) {
  section.bs-fixbanner .allcontent { height: auto !important; }
  section.bs-fixbanner .locmap { height: auto !important; }
  section.bs-fixbanner .cartloc {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 92% !important;
    margin: -60px auto 0 !important;
  }
}



/* ===== خلفيات الصفحة — زي الريفرنس ===== */
:root{
  --pg-lime:  #dfe8c1;   /* أخضر — أغمق */
  --pg-cream: #e7efcc;   /* كريمي مخضر */
  --pg-blue:  23, 103, 177;
  --pg-sky:   59, 130, 246;
}

/* الصفحة كلها: جريدينت أخضر + بقع زرقا ثابتة مع السكرول */
body{
  background-color: var(--pg-cream) !important;
  background-image:
    radial-gradient(60% 55% at 12% 8%,  rgba(var(--pg-blue), .18) 0%, transparent 60%),
    radial-gradient(50% 50% at 88% 4%,  rgba(var(--pg-sky), .32) 0%, transparent 62%),
    radial-gradient(70% 60% at 50% 100%, rgba(var(--pg-blue), .16) 0%, transparent 65%),
    linear-gradient(180deg, var(--pg-lime) 0%, var(--pg-cream) 55%, #dbe8f2 100%) !important;
  background-attachment: fixed !important;
}
.top-navbar{ background-color: var(--pg-lime) !important; }

/* الهيرو: أخضر أغمق + أزرق */
section.main__banner{
  background-color: var(--pg-lime) !important;
  background-image:
    radial-gradient(60% 55% at 12% 8%,  rgba(var(--pg-blue), .18) 0%, transparent 60%),
    radial-gradient(50% 50% at 88% 4%,  rgba(var(--pg-sky), .30) 0%, transparent 62%),
    radial-gradient(70% 60% at 50% 100%, rgba(var(--pg-blue), .12) 0%, transparent 65%),
    linear-gradient(180deg, #cfdf9c 0%, var(--pg-lime) 100%) !important;
}

/* أقسام كانت خلفيتها أبيض */
.categories-6,
.blogs_sec,
.bs-fixbanner{ background-color: transparent !important; }

/* قسم "لماذا يثق بنا" — جريدينت أخضر لأزرق */
.PS-advantages .absolute.inset-0{
  background-color: var(--pg-lime) !important;
  background-image:
    radial-gradient(55% 70% at 100% 0%, rgba(var(--pg-sky), .20) 0%, transparent 65%),
    linear-gradient(135deg, #dce8b2 0%, #e6efd0 55%, rgba(var(--pg-blue), .14) 100%) !important;
}