/*
 * Green Dome — Raed theme / Modern white direction v2.0
 * منصة سلة — ثيم رائد
 *
 * الاتجاه:
 * - خلفية بيضاء بالكامل.
 * - هيدر هادئ بتقسيمة الموقع القديم: الشعار يمين، الروابط وسط، الحساب والسلة يسار.
 * - الأخضر الزيتوني يظهر في التفاصيل والأزرار فقط.
 * - بطاقات حديثة بخطوط دقيقة ومساحات مريحة، بلا زخرفة زائدة.
 */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600&display=swap');
/* خط ناعم وأنيق لقائمة الهيدر */
body.theme-raed .main-nav-container custom-main-menu a,
body.theme-raed .main-nav-container .main-menu > li > a {
  font-family: "Tajawal", "PingARLT", Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

/* رفع نصوص القائمة فقط عند تثبيت الهيدر */
 
/* نقل أدوات الهيدر فقط إلى أقصى اليسار */
@media (min-width: 1024px) {

  body.theme-raed
  .main-nav-container
  .container
  > .flex.items-stretch.justify-between.relative {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  body.theme-raed .main-nav-container .gd-header-actions {
    margin-right: auto !important;
    margin-left: 0 !important;
    padding-left: 8px !important;
    flex: 0 0 auto !important;
  }
}
:root {
  --gd-sticky-bg: rgba(255, 255, 255, 0.82);
  --gd-sticky-border: rgba(67, 82, 56, 0.14);
  --gd-sticky-shadow: 0 16px 42px rgba(39, 48, 33, 0.12);
}

@media (min-width: 1024px) {
  /* ثيم رائد يضيف fixed-pinned / fixed-unpinned عند التمرير */
  body.theme-raed .main-nav-container.fixed-pinned,
  body.theme-raed .main-nav-container.fixed-unpinned,
  body.theme-raed .store-header.is-sticky .main-nav-container,
  body.theme-raed .main-nav-container.is-sticky {
    position: fixed !important;
    top: 0 !important;
    right: 16px !important;
    left: 16px !important;
    z-index: 999 !important;
    width: auto !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    overflow: visible !important;
    background: var(--gd-sticky-bg) !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: var(--gd-sticky-shadow) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
    transition:
      min-height 0.28s ease,
      background-color 0.28s ease,
      box-shadow 0.28s ease,
      border-color 0.28s ease !important;
  }

  body.theme-raed .main-nav-container.fixed-pinned .inner,
  body.theme-raed .main-nav-container.fixed-unpinned .inner,
  body.theme-raed .store-header.is-sticky .main-nav-container .inner,
  body.theme-raed .main-nav-container.is-sticky .inner,
  body.theme-raed .main-nav-container.fixed-pinned .inner > div,
  body.theme-raed .main-nav-container.fixed-unpinned .inner > div,
  body.theme-raed .store-header.is-sticky .main-nav-container .inner > div,
  body.theme-raed .main-nav-container.is-sticky .inner > div,
  body.theme-raed .main-nav-container.fixed-pinned .container,
  body.theme-raed .main-nav-container.fixed-unpinned .container,
  body.theme-raed .store-header.is-sticky .main-nav-container .container,
  body.theme-raed .main-nav-container.is-sticky .container {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    border: 0 !important;
    background: transparent !important;
  }

  /* توسيط محتويات الهيدر رأسيًا */
  body.theme-raed .main-nav-container.fixed-pinned .inner > div,
  body.theme-raed .main-nav-container.fixed-unpinned .inner > div,
  body.theme-raed .store-header.is-sticky .main-nav-container .inner > div,
  body.theme-raed .main-nav-container.is-sticky .inner > div,
  body.theme-raed .main-nav-container.fixed-pinned .container,
  body.theme-raed .main-nav-container.fixed-unpinned .container,
  body.theme-raed .store-header.is-sticky .main-nav-container .container,
  body.theme-raed .main-nav-container.is-sticky .container,
  body.theme-raed .main-nav-container.fixed-pinned custom-main-menu,
  body.theme-raed .main-nav-container.fixed-unpinned custom-main-menu,
  body.theme-raed .main-nav-container.is-sticky custom-main-menu {
    display: flex !important;
    align-items: center !important;
  }

  body.theme-raed .main-nav-container.fixed-pinned custom-main-menu > ul,
  body.theme-raed .main-nav-container.fixed-unpinned custom-main-menu > ul,
  body.theme-raed .main-nav-container.fixed-pinned custom-main-menu nav > ul,
  body.theme-raed .main-nav-container.fixed-unpinned custom-main-menu nav > ul,
  body.theme-raed .main-nav-container.is-sticky custom-main-menu > ul,
  body.theme-raed .main-nav-container.is-sticky custom-main-menu nav > ul,
  body.theme-raed .main-nav-container.fixed-pinned .main-menu,
  body.theme-raed .main-nav-container.fixed-unpinned .main-menu,
  body.theme-raed .main-nav-container.is-sticky .main-menu {
    height: 78px !important;
    min-height: 78px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  body.theme-raed .main-nav-container.fixed-pinned custom-main-menu > ul > li > a,
  body.theme-raed .main-nav-container.fixed-unpinned custom-main-menu > ul > li > a,
  body.theme-raed .main-nav-container.fixed-pinned custom-main-menu nav > ul > li > a,
  body.theme-raed .main-nav-container.fixed-unpinned custom-main-menu nav > ul > li > a,
  body.theme-raed .main-nav-container.is-sticky custom-main-menu > ul > li > a,
  body.theme-raed .main-nav-container.is-sticky custom-main-menu nav > ul > li > a,
  body.theme-raed .main-nav-container.fixed-pinned .main-menu > li > a,
  body.theme-raed .main-nav-container.fixed-unpinned .main-menu > li > a,
  body.theme-raed .main-nav-container.is-sticky .main-menu > li > a {
    height: 78px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  /* إزالة أي فاصل يضيفه الثيم أسفل الهيدر */
  body.theme-raed .main-nav-container.fixed-pinned::after,
  body.theme-raed .main-nav-container.fixed-unpinned::after,
  body.theme-raed .main-nav-container.is-sticky::after,
  body.theme-raed .main-nav-container.fixed-pinned .inner::after,
  body.theme-raed .main-nav-container.fixed-unpinned .inner::after,
  body.theme-raed .main-nav-container.is-sticky .inner::after {
    display: none !important;
    content: none !important;
  }

  /* تصغير الشعار عند تثبيت الهيدر */
  body.theme-raed .main-nav-container.fixed-pinned .navbar-brand img,
  body.theme-raed .main-nav-container.fixed-unpinned .navbar-brand img,
  body.theme-raed .store-header.is-sticky .navbar-brand img,
  body.theme-raed .main-nav-container.is-sticky .navbar-brand img {
    height: 54px !important;
    max-height: 54px !important;
    max-width: 126px !important;
    transition: height 0.28s ease, max-width 0.28s ease !important;
  }

  /* إبقاء القوائم المنسدلة واضحة فوق المحتوى */
  body.theme-raed .main-nav-container.fixed-pinned custom-main-menu ul ul,
  body.theme-raed .main-nav-container.fixed-unpinned custom-main-menu ul ul,
  body.theme-raed .main-nav-container.is-sticky custom-main-menu ul ul {
    background: rgba(255, 255, 255, 0.97) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
  }
}

/* بديل للمتصفحات التي لا تدعم تمويه الخلفية */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  @media (min-width: 1024px) {
    body.theme-raed .main-nav-container.fixed-pinned,
    body.theme-raed .main-nav-container.fixed-unpinned,
    body.theme-raed .store-header.is-sticky .main-nav-container,
    body.theme-raed .main-nav-container.is-sticky {
      background: rgba(255, 255, 255, 0.96) !important;
    }
  }
}

/* احترام إعداد تقليل الحركة في الجهاز */
@media (prefers-reduced-motion: reduce) {
  body.theme-raed .main-nav-container,
  body.theme-raed .main-nav-container * {
    transition-duration: 0.01ms !important;
  }
}
/* إخفاء مسار الصفحات والخط من جميع صفحات المتجر */
body.theme-raed .s-breadcrumb-wrapper,
body.theme-raed .breadcrumb,
body.theme-raed .breadcrumbs,
body.theme-raed salla-breadcrumb,
body.theme-raed nav[aria-label="breadcrumb"],
body.theme-raed nav[aria-label="Breadcrumb"] {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
:root {
  --gd-green: #376505;
  --gd-green-dark: #284b0c;
  --gd-olive: #46563a;
  --gd-olive-dark: #273021;
  --gd-sage: #eef3e9;
  --gd-sage-strong: #dfe8d6;
  --gd-earth: #9a806c;
  --gd-ink: #24281f;
  --gd-text: #454b40;
  --gd-muted: #7b8176;
  --gd-line: #e7eae4;
  --gd-soft: #f7f8f5;
  --gd-white: #ffffff;
  --gd-shadow-sm: 0 8px 28px rgba(37, 48, 30, 0.055);
  --gd-shadow-md: 0 18px 55px rgba(37, 48, 30, 0.09);
  --gd-radius-sm: 12px;
  --gd-radius-md: 16px;
  --gd-radius-lg: 20px;
  --gd-speed: 180ms ease;
}

/* 01 — الأساس الأبيض */
html {
  scroll-behavior: smooth;
}

body.theme-raed,
body.theme-raed #main-content,
body.theme-raed .app-inner,
body.theme-raed main {
  color: var(--gd-ink);
  background: var(--gd-white) !important;
}

body.theme-raed {
  font-family: "PingARLT", "IBM Plex Sans Arabic", "Tajawal", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.theme-raed #main-content {
  overflow: hidden;
}

body.theme-raed .container {
  width: min(100% - 40px, 1240px);
}

body.theme-raed a,
body.theme-raed button,
body.theme-raed input {
  transition:
    color var(--gd-speed),
    background-color var(--gd-speed),
    border-color var(--gd-speed),
    box-shadow var(--gd-speed),
    transform var(--gd-speed);
}

body.theme-raed ::selection {
  color: var(--gd-white);
  background: var(--gd-green);
}

/* 02 — الهيدر: نفس منطق dp.sa بشكل أحدث */
body.theme-raed .store-header {
  position: relative;
  z-index: 50;
  background: var(--gd-white) !important;
}

/* الموقع القديم لا يحتوي شريط بحث عريض أعلى الهيدر */
body.theme-raed .store-header .top-navbar {
  display: none !important;
}

body.theme-raed .main-nav-container {
  min-height: 96px;
  background: var(--gd-white) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--gd-line) !important;
  box-shadow: none !important;
}

body.theme-raed .main-nav-container .inner,
body.theme-raed .main-nav-container .inner > div {
  min-height: 96px;
  background: transparent !important;
}

body.theme-raed .main-nav-container .container {
  gap: 24px;
}

/* الشعار في أقصى اليمين */
body.theme-raed .navbar-brand {
  flex: 0 0 150px;
  justify-content: flex-start;
  margin: 0 !important;
}

body.theme-raed .navbar-brand img {
  width: auto !important;
  max-width: 136px !important;
  height: 66px !important;
  max-height: 66px !important;
  object-fit: contain;
}

/* الروابط في المنتصف */
body.theme-raed custom-main-menu {
  flex: 1 1 auto;
}

body.theme-raed custom-main-menu > ul,
body.theme-raed custom-main-menu nav > ul,
body.theme-raed .main-menu {
  justify-content: center !important;
  gap: 4px;
}

body.theme-raed custom-main-menu a,
body.theme-raed .main-menu a {
  position: relative;
  padding: 14px 15px !important;
  color: var(--gd-text) !important;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

body.theme-raed custom-main-menu a::after,
body.theme-raed .main-menu a::after {
  position: absolute;
  right: 15px;
  bottom: 7px;
  left: 15px;
  height: 2px;
  content: "";
  background: var(--gd-green);
  border-radius: 99px;
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity var(--gd-speed), transform var(--gd-speed);
}

body.theme-raed custom-main-menu a:hover,
body.theme-raed custom-main-menu a.active,
body.theme-raed .main-menu a:hover,
body.theme-raed .main-menu a.active {
  color: var(--gd-green) !important;
}

body.theme-raed custom-main-menu a:hover::after,
body.theme-raed custom-main-menu a.active::after,
body.theme-raed .main-menu a:hover::after,
body.theme-raed .main-menu a.active::after {
  opacity: 1;
  transform: scaleX(1);
}

/* قائمة الأقسام المنسدلة */
body.theme-raed custom-main-menu .sub-menu {
  min-width: 230px !important;
  padding: 10px !important;
  background: var(--gd-white) !important;
  border: 1px solid var(--gd-line) !important;
  border-radius: var(--gd-radius-md) !important;
  box-shadow: var(--gd-shadow-md) !important;
}

/* إلغاء الصندوق الداخلي */
body.theme-raed custom-main-menu .sub-menu > ul {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.theme-raed custom-main-menu ul ul a,
body.theme-raed .main-menu ul ul a,
body.theme-raed .sub-menu a {
  padding: 11px 13px !important;
  border-radius: 9px;
}

body.theme-raed custom-main-menu ul ul a::after,
body.theme-raed .main-menu ul ul a::after,
body.theme-raed .sub-menu a::after {
  display: none;
}

body.theme-raed custom-main-menu ul ul a:hover,
body.theme-raed .main-menu ul ul a:hover,
body.theme-raed .sub-menu a:hover {
  background: var(--gd-sage) !important;
}

/* الحساب والسلة في اليسار */
body.theme-raed salla-user-menu,
body.theme-raed salla-cart-summary {
  color: var(--gd-ink) !important;
}

body.theme-raed salla-user-menu button,
body.theme-raed salla-cart-summary button,
body.theme-raed salla-cart-summary a {
  min-width: 42px;
  min-height: 42px;
  border: 1px solid transparent !important;
  border-radius: 50% !important;
}

body.theme-raed salla-user-menu button:hover,
body.theme-raed salla-cart-summary button:hover,
body.theme-raed salla-cart-summary a:hover {
  color: var(--gd-green) !important;
  background: var(--gd-sage) !important;
  border-color: var(--gd-sage-strong) !important;
}

body.theme-raed salla-cart-summary .s-cart-summary-total,
body.theme-raed salla-cart-summary [class*="total"] {
  color: var(--gd-green) !important;
  font-weight: 700;
}

/* 03 — البانر الرئيسي: نظيف وقريب من عرض الموقع القديم */
body.theme-raed .s-block--hero-slider {
  width: min(100%, 1440px);
  margin: 0 auto;
  overflow: hidden;
  background: var(--gd-soft);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

body.theme-raed .s-block--hero-slider .swiper-slide {
  min-height: clamp(430px, 44vw, 610px) !important;
  overflow: hidden;
  background: var(--gd-olive-dark);
}

body.theme-raed .s-block--hero-slider .swiper-slide::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(90deg, rgba(29, 35, 25, 0.10) 0%, rgba(29, 35, 25, 0.44) 70%, rgba(29, 35, 25, 0.60) 100%),
    linear-gradient(180deg, rgba(29, 35, 25, 0.02), rgba(29, 35, 25, 0.20));
}

body.theme-raed .s-block--hero-slider img {
  filter: saturate(0.88) contrast(0.98);
  transform: scale(1.002);
}

body.theme-raed .s-block--hero-slider .slide--one-half,
body.theme-raed .s-block--hero-slider .slide--one-third,
body.theme-raed .s-block--hero-slider .slide--full,
body.theme-raed .s-block--hero-slider .swiper-slide > div:not(.swiper-lazy-preloader) {
  z-index: 2;
}

body.theme-raed .s-block--hero-slider h1,
body.theme-raed .s-block--hero-slider h2 {
  max-width: 700px;
  color: var(--gd-white);
  font-size: clamp(38px, 4vw, 60px);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -0.035em;
  text-wrap: balance;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
}

body.theme-raed .s-block--hero-slider p {
  max-width: 610px;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.9;
}

body.theme-raed .s-block--hero-slider a[class*="btn"],
body.theme-raed .s-block--hero-slider button:not(.swiper-button-next):not(.swiper-button-prev) {
  min-height: 48px;
  padding-inline: 26px;
  color: var(--gd-white) !important;
  background: var(--gd-green) !important;
  border: 1px solid var(--gd-green) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.theme-raed .s-block--hero-slider a[class*="btn"]:hover,
body.theme-raed .s-block--hero-slider button:not(.swiper-button-next):not(.swiper-button-prev):hover {
  background: var(--gd-green-dark) !important;
  border-color: var(--gd-green-dark) !important;
  transform: translateY(-1px);
}

body.theme-raed .s-block--hero-slider .swiper-button-next,
body.theme-raed .s-block--hero-slider .swiper-button-prev {
  width: 44px;
  height: 44px;
  color: var(--gd-ink) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 50% !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
}

body.theme-raed .s-block--hero-slider .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6) !important;
}

body.theme-raed .s-block--hero-slider .swiper-pagination-bullet-active {
  width: 24px;
  background: var(--gd-white) !important;
  border-radius: 99px;
}

/* 04 — عناوين ومسافات الأقسام */
body.theme-raed #main-content > .s-block:not(.s-block--hero-slider) {
  margin-top: clamp(58px, 6vw, 84px);
  margin-bottom: clamp(58px, 6vw, 84px);
  background: var(--gd-white) !important;
}

body.theme-raed .s-block__title,
body.theme-raed .s-slider-block__title {
  margin-bottom: 28px;
}

body.theme-raed .s-block__title h2,
body.theme-raed .s-slider-block__title h2,
body.theme-raed .s-reviews-header {
  color: var(--gd-ink);
  font-size: clamp(24px, 2.5vw, 34px);
  font-weight: 700;
  letter-spacing: -0.025em;
}

body.theme-raed .s-block__title h2::after,
body.theme-raed .s-slider-block__title h2::after,
body.theme-raed .s-reviews-header::after {
  display: block;
  width: 42px;
  height: 3px;
  margin-top: 12px;
  content: "";
  background: var(--gd-green);
  border-radius: 99px;
}

body.theme-raed .s-block__title p,
body.theme-raed .s-slider-block__title p {
  margin-top: 10px;
  color: var(--gd-muted);
  line-height: 1.8;
}

/* 05 — بطاقات المنتجات: بيضاء، أخف، وأكثر احترافية */
body.theme-raed custom-salla-product-card.s-product-card-entry,
body.theme-raed .s-product-card-entry {
  height: 100%;
  overflow: hidden;
  background: var(--gd-white) !important;
  border: 1px solid var(--gd-line) !important;
  border-radius: var(--gd-radius-md) !important;
  box-shadow: none !important;
  isolation: isolate;
}

body.theme-raed custom-salla-product-card.s-product-card-entry:hover,
body.theme-raed .s-product-card-entry:hover {
  border-color: #d8ded3 !important;
  box-shadow: var(--gd-shadow-sm) !important;
  transform: translateY(-4px);
}

body.theme-raed .s-product-card-image {
  overflow: hidden;
  background: var(--gd-soft) !important;
  border-radius: 14px 14px 0 0 !important;
}

body.theme-raed .s-product-card-image img {
  object-fit: cover;
  transition: transform 420ms ease;
}

body.theme-raed .s-product-card-entry:hover .s-product-card-image img {
  transform: scale(1.025);
}

body.theme-raed .s-product-card-content {
  padding: 18px 18px 20px !important;
  background: var(--gd-white) !important;
}

body.theme-raed .s-product-card-content-title,
body.theme-raed .s-product-card-content-title a {
  color: var(--gd-ink) !important;
  font-size: 17px;
  font-weight: 650;
  line-height: 1.65;
}

body.theme-raed .s-product-card-content-sub,
body.theme-raed .s-product-card-content-description {
  color: var(--gd-muted) !important;
}

body.theme-raed .s-product-card-price,
body.theme-raed .s-product-card-sale-price {
  color: var(--gd-green-dark) !important;
  font-weight: 750;
}

body.theme-raed .s-product-card-content-footer {
  padding-top: 14px;
  border-top: 1px solid var(--gd-line);
}

body.theme-raed .s-product-card-content-footer .s-button-element,
body.theme-raed salla-add-product-button .s-button-element {
  min-height: 46px;
  color: var(--gd-white) !important;
  background: var(--gd-olive) !important;
  border: 1px solid var(--gd-olive) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 650;
}

body.theme-raed .s-product-card-content-footer .s-button-element:hover,
body.theme-raed salla-add-product-button .s-button-element:hover {
  background: var(--gd-green-dark) !important;
  border-color: var(--gd-green-dark) !important;
}

body.theme-raed .s-product-card-wishlist-btn {
  color: var(--gd-olive) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--gd-line) !important;
  box-shadow: none !important;
}

body.theme-raed .s-product-card-wishlist-btn:hover {
  color: var(--gd-green) !important;
  background: var(--gd-sage) !important;
}

body.theme-raed .s-product-card-promotion-title,
body.theme-raed .s-product-card-badge {
  color: var(--gd-green-dark) !important;
  background: var(--gd-sage) !important;
  border-radius: 7px !important;
}

/* 06 — المزايا: صف واضح على خلفية بيضاء */
body.theme-raed .s-block--features {
  padding-block: 18px;
  background: var(--gd-white) !important;
  border-top: 1px solid var(--gd-line);
  border-bottom: 1px solid var(--gd-line);
}

body.theme-raed .s-block--features::before,
body.theme-raed .s-block--features::after {
  display: none !important;
}

body.theme-raed .s-block--features .feature-item,
body.theme-raed .s-block--features [class*="feature"] > div {
  background: var(--gd-white) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.theme-raed .s-block--features .feature-icon,
body.theme-raed .s-block--features [class*="icon"] {
  color: var(--gd-green) !important;
}

body.theme-raed .s-block--features i,
body.theme-raed .s-block--features svg {
  color: var(--gd-green) !important;
  stroke: currentColor;
}

body.theme-raed .s-block--features h3,
body.theme-raed .s-block--features h4 {
  color: var(--gd-ink) !important;
  font-weight: 700;
}

body.theme-raed .s-block--features p {
  color: var(--gd-muted) !important;
}

/* 07 — آراء العملاء */
body.theme-raed .s-block--testimonials {
  background: var(--gd-white) !important;
}

body.theme-raed .s-block--testimonials::before,
body.theme-raed .s-block--testimonials::after {
  display: none !important;
}

body.theme-raed .s-block--testimonials .swiper-slide,
body.theme-raed .s-block--testimonials .testimonial-item,
body.theme-raed salla-slider[type="testimonials"] .swiper-slide {
  background: #fbfcfa !important;
  border: 1px solid var(--gd-line) !important;
  border-radius: var(--gd-radius-md) !important;
  box-shadow: none !important;
}

body.theme-raed .s-block--testimonials p {
  color: var(--gd-text) !important;
  line-height: 1.95;
}

body.theme-raed .s-block--testimonials .sicon-star,
body.theme-raed .s-block--testimonials [class*="star"] {
  color: #a78a45 !important;
}

/* 08 — الحقول والأزرار العامة */
body.theme-raed input:not([type="checkbox"]):not([type="radio"]),
body.theme-raed select,
body.theme-raed textarea {
  color: var(--gd-ink);
  background: var(--gd-white) !important;
  border: 1px solid var(--gd-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.theme-raed input:focus,
body.theme-raed select:focus,
body.theme-raed textarea:focus {
  border-color: rgba(55, 101, 5, 0.45) !important;
  box-shadow: 0 0 0 4px rgba(55, 101, 5, 0.07) !important;
}

body.theme-raed .s-button-primary,
body.theme-raed .btn-primary,
body.theme-raed button[type="submit"] {
  color: var(--gd-white) !important;
  background: var(--gd-green) !important;
  border-color: var(--gd-green) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.theme-raed .s-button-primary:hover,
body.theme-raed .btn-primary:hover,
body.theme-raed button[type="submit"]:hover {
  background: var(--gd-green-dark) !important;
  border-color: var(--gd-green-dark) !important;
}

/* 09 — صفحات التصنيفات والمنتج */
body.theme-raed .breadcrumb,
body.theme-raed .s-breadcrumb-wrapper {
  color: var(--gd-muted);
  background: var(--gd-white) !important;
  border-bottom: 1px solid var(--gd-line);
}

body.theme-raed .product-entry,
body.theme-raed .product-single,
body.theme-raed .product-tabs,
body.theme-raed .s-comments-product {
  background: var(--gd-white) !important;
}

body.theme-raed .product-tabs,
body.theme-raed .s-comments-product,
body.theme-raed .s-product-options-wrapper {
  border-color: var(--gd-line) !important;
  border-radius: var(--gd-radius-md) !important;
}

/* 10 — الفوتر: داكن ومقروء، من دون ألوان باهتة */
body.theme-raed .store-footer,
body.theme-raed .store-footer__inner,
body.theme-raed footer.store-footer {
  color: rgba(255, 255, 255, 0.78) !important;
  background: var(--gd-olive-dark) !important;
}

body.theme-raed .store-footer__inner {
  padding-top: 58px;
  padding-bottom: 42px;
}

body.theme-raed .store-footer__inner > *,
body.theme-raed .store-footer .container,
body.theme-raed .store-footer .footer-list,
body.theme-raed .store-footer [class*="footer"] {
  background-color: transparent !important;
}

body.theme-raed .store-footer h3,
body.theme-raed .store-footer h4,
body.theme-raed .store-footer .footer-title {
  color: var(--gd-white) !important;
  font-weight: 700;
}

body.theme-raed .store-footer p,
body.theme-raed .store-footer li,
body.theme-raed .store-footer span {
  color: rgba(255, 255, 255, 0.72) !important;
}

body.theme-raed .store-footer a {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.theme-raed .store-footer a:hover {
  color: var(--gd-white) !important;
}

body.theme-raed .store-footer .social-link,
body.theme-raed .store-footer [class*="social"] a {
  color: var(--gd-white) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 50% !important;
}

body.theme-raed .store-footer .social-link:hover,
body.theme-raed .store-footer [class*="social"] a:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

body.theme-raed .store-footer__copyrights,
body.theme-raed .store-footer [class*="copyright"] {
  color: rgba(255, 255, 255, 0.62) !important;
  background: #1f281b !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 11 — الجوال */
@media (max-width: 1023px) {
  body.theme-raed .container {
    width: min(100% - 28px, 1240px);
  }

  body.theme-raed .main-nav-container,
  body.theme-raed .main-nav-container .inner,
  body.theme-raed .main-nav-container .inner > div {
    min-height: 76px;
  }

  body.theme-raed .navbar-brand {
    flex-basis: auto;
  }

  body.theme-raed .navbar-brand img {
    max-width: 104px !important;
    height: 54px !important;
    max-height: 54px !important;
  }

  body.theme-raed custom-main-menu a,
  body.theme-raed .main-menu a {
    padding: 12px 14px !important;
  }

  body.theme-raed custom-main-menu a::after,
  body.theme-raed .main-menu a::after {
    display: none;
  }

  body.theme-raed .s-block--hero-slider {
    width: 100%;
  }

  body.theme-raed .s-block--hero-slider .swiper-slide {
    min-height: 430px !important;
  }

  body.theme-raed .s-block--hero-slider h1,
  body.theme-raed .s-block--hero-slider h2 {
    font-size: clamp(32px, 8vw, 44px);
  }
}

@media (max-width: 640px) {
  body.theme-raed .container {
    width: min(100% - 24px, 1240px);
  }

  body.theme-raed .s-block--hero-slider .swiper-slide {
    min-height: 390px !important;
  }

  body.theme-raed .s-block--hero-slider .swiper-slide::before {
    background: linear-gradient(180deg, rgba(29, 35, 25, 0.18), rgba(29, 35, 25, 0.64));
  }

  body.theme-raed .s-block--hero-slider h1,
  body.theme-raed .s-block--hero-slider h2 {
    max-width: 92%;
    font-size: 31px;
    line-height: 1.35;
  }

  body.theme-raed .s-block--hero-slider p {
    max-width: 92%;
    font-size: 14px;
  }

  body.theme-raed #main-content > .s-block:not(.s-block--hero-slider) {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  body.theme-raed .s-block__title h2,
  body.theme-raed .s-slider-block__title h2,
  body.theme-raed .s-reviews-header {
    font-size: 25px;
  }

  body.theme-raed .s-product-card-content {
    padding: 15px 14px 16px !important;
  }

  body.theme-raed .store-footer__inner {
    padding-top: 42px;
    padding-bottom: 30px;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  body.theme-raed *,
  body.theme-raed *::before,
  body.theme-raed *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* إزالة الفراغ بين الهيدر وجميع السلايدرات الرئيسية */
body.theme-raed
section[data-testid="store-home-slider"]
.s-slider-block__title {
  margin: 0 !important;
  margin-block: 0 !important;
}

/* تأكيد التصاق السلايدر بالهيدر */
body.theme-raed
#main-content
> section[data-testid="store-home-slider"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}



/* إظهار صورة السلايدر كاملة في الجوال */
@media (max-width: 767px) {

  body.theme-raed
  section[data-testid="store-home-slider"] {
    width: 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: #ffffff !important;
  }

  body.theme-raed
  section[data-testid="store-home-slider"] .swiper,
  body.theme-raed
  section[data-testid="store-home-slider"] .swiper-wrapper {
    height: auto !important;
    min-height: 0 !important;
  }

  body.theme-raed
  section[data-testid="store-home-slider"] .swiper-slide {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 2 !important;
    background: #ffffff !important;
  }

  /* منع قص صورة البنر */
  body.theme-raed
  section[data-testid="store-home-slider"]
  .swiper-slide > [style*="background-image"] {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  body.theme-raed
  section[data-testid="store-home-slider"]
  .home-slider__content {
    height: 100% !important;
    min-height: 0 !important;
  }
}



/* إزالة جميع المسافات حول السلايدر في الجوال فقط */
@media (max-width: 767px) {

  body.theme-raed
  section.s-block--hero-slider[data-testid="store-home-slider"],
  body.theme-raed
  section.s-block--hero-slider[data-testid="store-home-slider"] salla-slider,
  body.theme-raed
  section.s-block--hero-slider[data-testid="store-home-slider"] .swiper,
  body.theme-raed
  section.s-block--hero-slider[data-testid="store-home-slider"] .swiper-wrapper {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.theme-raed
  section.s-block--hero-slider[data-testid="store-home-slider"]
  .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 7 / 3 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  body.theme-raed
  section.s-block--hero-slider[data-testid="store-home-slider"]
  .swiper-slide > [style*="background-image"] {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }}

 /* المسافة الطبيعية بين السلايدر والمنتجات في الجوال */
@media (max-width: 767px) {
  body.theme-raed
  #main-content
  > section[data-testid="store-home-slider"]
  + .s-block {
    margin-top: 48px !important;
    padding-top: 0 !important;
  }
}

/* أسهم السلايدر بيضاء فقط */
body.theme-raed
section[data-testid="store-home-slider"]
.s-slider-nav-arrow,
body.theme-raed
section[data-testid="store-home-slider"]
.s-slider-nav-arrow:hover,
body.theme-raed
section[data-testid="store-home-slider"]
.s-slider-nav-arrow:focus {
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.theme-raed
section[data-testid="store-home-slider"]
.s-slider-nav-arrow svg,
body.theme-raed
section[data-testid="store-home-slider"]
.s-slider-nav-arrow svg path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: none !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.45));
}


  /* ==================================================
   Green Dome — Header search, language and currency
   ================================================== */

/* إخفاء الصف القديم الذي يحتوي مربع البحث الكبير */
body.theme-raed .store-header .top-navbar {
  display: none !important;
}

/* صف أدوات الهيدر */
body.theme-raed .main-nav-container .gd-header-actions-ready {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  direction: rtl !important;
}

/* إزالة المسافات القديمة بين الحساب والسلة */
body.theme-raed
.main-nav-container
.gd-header-actions-ready
> salla-user-menu,

body.theme-raed
.main-nav-container
.gd-header-actions-ready
> salla-cart-summary {
  margin: 0 !important;
}

/* مجموعة اللغة والعملة في أقصى اليسار */
body.theme-raed .gd-locale-tools {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  direction: ltr !important;
}

/* شكل الأزرار */
body.theme-raed .gd-header-tool {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(67, 82, 56, 0.18) !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #435238 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  cursor: pointer !important;
  box-shadow: 0 5px 16px rgba(39, 48, 33, 0.045) !important;
  transition:
    color 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease,
    box-shadow 0.22s ease !important;
}

body.theme-raed .gd-header-tool:hover,
body.theme-raed .gd-header-tool.is-active {
  color: #ffffff !important;
  background: #435238 !important;
  border-color: #435238 !important;
  box-shadow: 0 8px 22px rgba(67, 82, 56, 0.18) !important;
  transform: translateY(-1px) !important;
}

body.theme-raed .gd-header-tool svg {
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.theme-raed .gd-currency-toggle i {
  color: currentColor !important;
  font-size: 20px !important;
}

/* رمز اللغة الصغير */
body.theme-raed .gd-language-code {
  font-family: Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-inline-start: -4px !important;
  margin-top: 16px !important;
}

/* نافذة البحث */
body.theme-raed .gd-header-search-panel {
  position: absolute !important;
  top: calc(100% + 13px) !important;
  left: 0 !important;
  width: min(390px, calc(100vw - 30px)) !important;
  padding: 12px !important;
  border: 1px solid rgba(67, 82, 56, 0.12) !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, 0.97) !important;
  box-shadow: 0 20px 50px rgba(39, 48, 33, 0.14) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  z-index: 1100 !important;

  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-7px) scale(0.985) !important;
  transform-origin: top left !important;

  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease !important;
}

body.theme-raed .gd-header-search-panel.is-open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

body.theme-raed .gd-header-search-panel salla-search,
body.theme-raed .gd-header-search-panel .s-search-container,
body.theme-raed .gd-header-search-panel .s-search-input-wrapper {
  width: 100% !important;
}

body.theme-raed .gd-header-search-panel .s-search-input {
  height: 46px !important;
  padding-inline: 46px 18px !important;
  color: #2f352b !important;
  background: #f7f8f4 !important;
  border: 1px solid rgba(67, 82, 56, 0.14) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}

body.theme-raed .gd-header-search-panel .s-search-input:focus {
  background: #ffffff !important;
  border-color: rgba(67, 82, 56, 0.48) !important;
  box-shadow: 0 0 0 3px rgba(67, 82, 56, 0.08) !important;
}

/* السماح لنافذة البحث بالظهور خارج الهيدر */
body.theme-raed .main-nav-container,
body.theme-raed .main-nav-container .inner,
body.theme-raed .main-nav-container .container {
  overflow: visible !important;
}

/* الجوال */
@media (max-width: 767px) {
  body.theme-raed .main-nav-container .gd-header-actions-ready {
    gap: 4px !important;
  }

  body.theme-raed .gd-header-tool {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  body.theme-raed .gd-header-tool svg {
    width: 19px !important;
    height: 19px !important;
  }

  body.theme-raed .gd-currency-toggle i {
    font-size: 18px !important;
  }

  body.theme-raed .gd-language-code {
    display: none !important;
  }

  body.theme-raed .gd-header-search-panel {
    position: fixed !important;
    top: 78px !important;
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
  }
}



/* Green Dome — Minimal Olive Header Tools */

body.theme-raed .main-nav-container .gd-header-actions-ready {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 15px !important;
  margin: 0 !important;
  color: #435238 !important;
}

/* الأدوات المضافة */
body.theme-raed .main-nav-container .gd-header-tool {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #435238 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition:
    color 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease !important;
}

/* أيقونات البحث واللغة */
body.theme-raed .main-nav-container .gd-header-tool svg {
  display: block !important;
  width: 21px !important;
  height: 21px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* إخفاء كلمة AR والاكتفاء بأيقونة اللغة */
body.theme-raed .main-nav-container .gd-language-code {
  display: none !important;
}

/* اللغة والعملة */
body.theme-raed .main-nav-container .gd-locale-tools {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-raed .main-nav-container .gd-currency-toggle i {
  display: block !important;
  color: #435238 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* الحساب والسلة */
body.theme-raed .main-nav-container
.gd-header-actions-ready > salla-user-menu,
body.theme-raed .main-nav-container
.gd-header-actions-ready > salla-cart-summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 25px !important;
  width: 25px !important;
  min-width: 25px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #435238 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* إزالة دائرة سلة وحساب الثيم الأصلية */
body.theme-raed .main-nav-container
.gd-header-actions-ready salla-user-menu *,
body.theme-raed .main-nav-container
.gd-header-actions-ready salla-cart-summary * {
  color: inherit !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* إعادة شارة عدد السلة */
body.theme-raed .main-nav-container
.gd-header-actions-ready salla-cart-summary
[class*="count"],
body.theme-raed .main-nav-container
.gd-header-actions-ready salla-cart-summary
[class*="badge"] {
  color: #fff !important;
  background: #9b352b !important;
  border-radius: 999px !important;
}

/* إخفاء أداة اللغة الأصلية المكررة */
body.theme-raed .gd-header-actions-ready
salla-localization-modal {
  position: fixed !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* تأثير ناعم جدًا */
body.theme-raed .main-nav-container .gd-header-tool:hover,
body.theme-raed .main-nav-container
.gd-header-actions-ready > salla-user-menu:hover,
body.theme-raed .main-nav-container
.gd-header-actions-ready > salla-cart-summary:hover {
  color: #7a896a !important;
  background: transparent !important;
  transform: translateY(-1px) !important;
  opacity: 0.82 !important;
}

/* الجوال */
@media (max-width: 767px) {
  body.theme-raed .main-nav-container
  .gd-header-actions-ready {
    gap: 11px !important;
  }

  body.theme-raed .main-nav-container
  .gd-header-tool svg {
    width: 19px !important;
    height: 19px !important;
  }

  body.theme-raed .main-nav-container
  .gd-currency-toggle i {
    font-size: 18px !important;
  }
}



/* Green Dome — Soft Olive SVG Icons */

body.theme-raed .main-nav-container .gd-svg-actions {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 15px !important;
  margin: 0 !important;
  color: #435238 !important;
}

/* جميع الأدوات دون دوائر */
body.theme-raed .main-nav-container .gd-svg-tool,
body.theme-raed .main-nav-container
.gd-svg-actions .s-user-menu-login-btn,
body.theme-raed .main-nav-container
.gd-svg-actions .s-cart-summary-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 25px !important;
  min-width: 25px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #435238 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition:
    color 0.2s ease,
    opacity 0.2s ease,
    transform 0.2s ease !important;
}

/* إلغاء مسافة السلة الأصلية */
body.theme-raed .main-nav-container
.gd-svg-actions > salla-cart-summary {
  width: 25px !important;
  min-width: 25px !important;
  height: 40px !important;
  margin: 0 !important;
}

/* الحساب */
body.theme-raed .main-nav-container
.gd-svg-actions > salla-user-menu {
  width: 25px !important;
  min-width: 25px !important;
  height: 40px !important;
  margin: 0 !important;
}

/* شكل SVG الموحد */
body.theme-raed .main-nav-container .gd-soft-icon {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* إخفاء إجمالي السلة والإبقاء على العدد */
body.theme-raed .main-nav-container
.gd-svg-actions .s-cart-summary-total {
  display: none !important;
}

/* ترتيب مشابه للموقع المرجعي */
body.theme-raed .gd-svg-search {
  order: 1 !important;
}

body.theme-raed .gd-svg-actions
> salla-cart-summary {
  order: 2 !important;
}

body.theme-raed .gd-svg-actions
> salla-user-menu {
  order: 3 !important;
}

body.theme-raed .gd-svg-wishlist {
  order: 4 !important;
}

body.theme-raed .gd-svg-language {
  order: 5 !important;
}

/* حركة رقيقة */
body.theme-raed .main-nav-container
.gd-svg-tool:hover,
body.theme-raed .main-nav-container
.gd-svg-actions .s-user-menu-login-btn:hover,
body.theme-raed .main-nav-container
.gd-svg-actions .s-cart-summary-wrapper:hover {
  color: #7b896c !important;
  opacity: 0.82 !important;
  transform: translateY(-2px) !important;
}

/* نافذة البحث */
body.theme-raed .gd-svg-search-panel {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important;
  z-index: 1000 !important;
  width: 380px !important;
  max-width: calc(100vw - 30px) !important;
  padding: 12px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(67, 82, 56, 0.13) !important;
  border-radius: 15px !important;
  box-shadow: 0 18px 45px rgba(39, 48, 33, 0.13) !important;
  transform: translateY(-7px) !important;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease !important;
}

body.theme-raed .gd-svg-search-panel.is-open {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@media (max-width: 767px) {
  body.theme-raed .main-nav-container
  .gd-svg-actions {
    gap: 11px !important;
  }

  body.theme-raed .main-nav-container
  .gd-soft-icon {
    width: 20px !important;
    height: 20px !important;
  }

  body.theme-raed .gd-svg-wishlist,
  body.theme-raed .gd-svg-language {
    display: none !important;
  }

  body.theme-raed .gd-svg-search-panel {
    position: fixed !important;
    top: 78px !important;
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
  }
}



/* ==========================================
   Green Dome — أدوات الهيدر الزيتونية النهائية
   ========================================== */

:root {
  --gd-header-olive: #435238;
  --gd-header-olive-hover: #376505;
}

/* توحيد اللون الزيتوني لجميع أدوات الهيدر */
body.theme-raed .main-nav-container .gd-svg-actions,
body.theme-raed .main-nav-container .gd-svg-tool,
body.theme-raed .main-nav-container .s-user-menu-login-btn,
body.theme-raed .main-nav-container .s-cart-summary-wrapper,
body.theme-raed .main-nav-container #s-cart-icon {
  color: var(--gd-header-olive) !important;
}

/* لون خطوط الأيقونات */
body.theme-raed .main-nav-container .gd-soft-icon,
body.theme-raed .main-nav-container .gd-soft-icon *,
body.theme-raed .main-nav-container .gd-svg-tool svg,
body.theme-raed .main-nav-container .gd-svg-tool svg *,
body.theme-raed .main-nav-container .s-user-menu-login-btn svg,
body.theme-raed .main-nav-container .s-user-menu-login-btn svg *,
body.theme-raed .main-nav-container salla-cart-summary svg,
body.theme-raed .main-nav-container salla-cart-summary svg * {
  color: var(--gd-header-olive) !important;
  stroke: var(--gd-header-olive) !important;
}

/* إزالة الدائرة والخلفية حول السلة */
body.theme-raed .main-nav-container .s-cart-summary-wrapper,
body.theme-raed .main-nav-container #s-cart-icon,
body.theme-raed .main-nav-container .s-cart-summary-icon {
  position: relative !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* إزالة أي دائرة مضافة عبر before أو after */
body.theme-raed .main-nav-container .s-cart-summary-wrapper::before,
body.theme-raed .main-nav-container .s-cart-summary-wrapper::after,
body.theme-raed .main-nav-container #s-cart-icon::before,
body.theme-raed .main-nav-container #s-cart-icon::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* إخفاء إجمالي سعر السلة من الهيدر */
body.theme-raed .main-nav-container .s-cart-summary-total {
  display: none !important;
}

/* إخفاء العدّاد بالكامل عندما تكون السلة فارغة */
body.theme-raed
  .main-nav-container
  salla-cart-summary.gd-cart-empty
  .s-cart-summary-count {
  display: none !important;
}

/* عدّاد السلة عندما تحتوي على منتجات */
body.theme-raed
  .main-nav-container
  salla-cart-summary:not(.gd-cart-empty)
  .s-cart-summary-count {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  position: absolute !important;
  top: -7px !important;
  right: -8px !important;

  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  padding: 0 4px !important;

  color: #ffffff !important;
  background: var(--gd-header-olive) !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 3px 9px rgba(67, 82, 56, 0.22) !important;

  font-family: Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* زر اللغة والعملة كنص ناعم بدون دائرة */
body.theme-raed .main-nav-container .gd-svg-language {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  width: auto !important;
  min-width: max-content !important;
  height: 38px !important;
  padding: 0 2px !important;

  color: var(--gd-header-olive) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-family:
    "PingARLT",
    "IBM Plex Sans Arabic",
    "Tajawal",
    sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

/* تنسيق الكلمات داخل زر اللغة والعملة */
body.theme-raed .main-nav-container .gd-svg-language span {
  color: var(--gd-header-olive) !important;
  font: inherit !important;
}

/* الفاصل بين العملة واللغة */
body.theme-raed
  .main-nav-container
  .gd-svg-language
  .s-localization-modal-trigger-separator {
  margin: 0 2px !important;
  color: var(--gd-header-olive) !important;
  opacity: 0.42 !important;
  font-weight: 300 !important;
}

/* رمز الريال */
body.theme-raed .main-nav-container .gd-svg-language .sicon-sar {
  color: var(--gd-header-olive) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
}

/* تأثير مرور ناعم */
body.theme-raed .main-nav-container .gd-svg-tool:hover,
body.theme-raed .main-nav-container .gd-svg-language:hover,
body.theme-raed .main-nav-container .s-user-menu-login-btn:hover,
body.theme-raed .main-nav-container .s-cart-summary-wrapper:hover {
  color: var(--gd-header-olive-hover) !important;
  background: transparent !important;
  transform: translateY(-1px) !important;
  opacity: 0.82 !important;
}

/* ضبط الجوال */
@media (max-width: 767px) {
  body.theme-raed .main-nav-container .gd-svg-language {
    font-size: 12px !important;
    gap: 5px !important;
  }

  body.theme-raed
    .main-nav-container
    salla-cart-summary:not(.gd-cart-empty)
    .s-cart-summary-count {
    top: -6px !important;
    right: -7px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    font-size: 9px !important;
  }
}


/* Green Dome — أيقونة السلة الفعلية */

body.theme-raed
.main-nav-container
salla-cart-summary
i[slot="icon"].gd-live-cart-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;

  padding: 0 !important;
  margin: 0 !important;

  color: #435238 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 0 !important;
}

/* إلغاء رمز الحقيبة القديم نهائيًا */
body.theme-raed
.main-nav-container
salla-cart-summary
i[slot="icon"].gd-live-cart-icon::before,
body.theme-raed
.main-nav-container
salla-cart-summary
i[slot="icon"].gd-live-cart-icon::after {
  content: none !important;
  display: none !important;
}

/* تنسيق رمز السلة الجديد */
body.theme-raed
.main-nav-container
salla-cart-summary
.gd-live-cart-svg {
  display: block !important;
  width: 24px !important;
  height: 24px !important;

  fill: none !important;
  stroke: #435238 !important;
  stroke-width: 1.65 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* ضمان إزالة الدائرة من جميع أغلفة السلة */
body.theme-raed
.main-nav-container
salla-cart-summary,
body.theme-raed
.main-nav-container
salla-cart-summary .s-cart-summary-wrapper,
body.theme-raed
.main-nav-container
salla-cart-summary #s-cart-icon {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* لون العداد عند وجود منتجات */
body.theme-raed
.main-nav-container
salla-cart-summary:not(.gd-cart-empty)
.s-cart-summary-count {
  color: #ffffff !important;
  background-color: #435238 !important;
  border-color: #ffffff !important;
}

/* ======================================
   Green Dome — الميزة الرابعة
   ====================================== */

/* أربعة عناصر متساوية في الكمبيوتر */
body.theme-raed .gd-features-grid {
  grid-template-columns:
    repeat(4, minmax(0, 1fr)) !important;
}

/* تنسيق الميزة الجديدة */
body.theme-raed
.gd-features-grid
.gd-original-feature {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* خلفية ناعمة للإيموجي */
body.theme-raed
.gd-original-feature
.gd-original-feature-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 14px !important;

  color: #435238 !important;
  background: #f2f5ed !important;
  border: 1px solid rgba(67, 82, 56, 0.1) !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 20px rgba(67, 82, 56, 0.08) !important;
}

/* حجم الإيموجي */
body.theme-raed
.gd-original-feature
.gd-feature-emoji {
  display: block !important;
  font-size: 27px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

/* عنوان الميزة */
body.theme-raed
.gd-original-feature
h2 {
  margin: 0 0 7px !important;
  color: #2b3128 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

/* وصف الميزة */
body.theme-raed
.gd-original-feature
p {
  margin: 0 !important;
  color: #7a8175 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

/* الجوال: ميزتان في كل صف */
@media (max-width: 767px) {
  body.theme-raed .gd-features-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 12px !important;
  }

  body.theme-raed
  .gd-original-feature
  .gd-original-feature-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 15px !important;
  }

  body.theme-raed
  .gd-original-feature
  .gd-feature-emoji {
    font-size: 24px !important;
  }

  body.theme-raed
  .gd-original-feature
  h2 {
    font-size: 15px !important;
  }

  body.theme-raed
  .gd-original-feature
  p {
    font-size: 12px !important;
  }
}

/* مطابقة الميزة الرابعة ببقية مميزات المتجر */

/* صندوق الأيقونة */
body.theme-raed
.gd-features-grid
.gd-original-feature
.gd-original-feature-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: #376505 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* أيقونة النجمة */
body.theme-raed
.gd-features-grid
.gd-original-feature
.gd-original-feature-icon
i {
  display: block !important;
  color: #376505 !important;

  font-family: "sallaicons" !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 36px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* عنوان الميزة مطابق تمامًا */
body.theme-raed
.gd-features-grid
.gd-original-feature
h2 {
  margin: 0 !important;
  color: #1f2937 !important;

  font-family:
    "PingARLT",
    "IBM Plex Sans Arabic",
    "Tajawal",
    Arial,
    sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

/* وصف الميزة مطابق تمامًا */
body.theme-raed
.gd-features-grid
.gd-original-feature
p {
  margin: 0 !important;
  color: #7b8176 !important;

  font-family:
    "PingARLT",
    "IBM Plex Sans Arabic",
    "Tajawal",
    Arial,
    sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

/* إلغاء تنسيق الإيموجي القديم إن بقي */
body.theme-raed .gd-feature-emoji {
  display: none !important;
}

/* توحيد أيقونة منتجات أصلية مع أيقونات مميزات سلة */
body.theme-raed .gd-original-feature .gd-original-feature-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: #376505 !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

body.theme-raed .gd-original-feature
.gd-original-feature-icon .sicon-leaf-angle {
  display: block !important;
  width: auto !important;
  height: 36px !important;
  margin: 0 !important;

  color: #376505 !important;
  font-family: "sallaicons" !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 36px !important;

  
}

/* إخفاء الورقة القديمة إن بقيت بسبب التخزين المؤقت */
body.theme-raed .gd-original-feature .gd-quality-leaf {
  display: none !important;
}

/* حركة الورقة الفعلية — خروج لليمين ودخول من اليسار */
@keyframes gdLeafRightFromLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  42% {
    opacity: 0;
    transform: translateX(13px);
  }

  43% {
    opacity: 0;
    transform: translateX(-13px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* منع الحركة القديمة من العمل على حاوية الأيقونة */
body.theme-raed
.gd-original-feature:hover
.gd-original-feature-icon
> i.sicon-leaf-angle {
  animation: none !important;
}

/* تجهيز شكل الورقة الحقيقي للحركة */
body.theme-raed
.gd-original-feature
.gd-original-feature-icon
> i.sicon-leaf-angle::before {
  display: inline-block !important;
  color: #376505 !important;
  transform: translateX(0);
  transform-origin: center !important;
  will-change: transform, opacity;
}

/* تشغيل الحركة على الورقة نفسها */
body.theme-raed
.gd-original-feature:hover
.gd-original-feature-icon
> i.sicon-leaf-angle::before {
  animation: gdLeafRightFromLeft 0.3s ease-in-out both !important;
}

/* إعداد طبيعي يسمح للحركة بالعمل */
body.theme-raed
.gd-original-feature
.gd-original-feature-icon
.sicon-leaf-angle {
  color: #376505 !important;
  font-family: "sallaicons" !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  will-change: transform, opacity;
}
/* =========================================
   Green Dome — Footer Brand
   الشعار يمين والنص بجانبه
========================================= */

.store-footer .gd-footer-brand-column {
  position: relative;
  min-height: 150px;

  /* مساحة للشعار في الجهة اليمنى */
  padding-right: 135px !important;

  box-sizing: border-box;
}

/* حاوية الشعار */
.store-footer .gd-footer-side-logo {
  position: absolute;

  top: 0;
  right: 0;

  width: 105px;
  height: 145px;

  display: flex;
  align-items: flex-start;
  justify-content: center;

  margin: 0;
  padding: 0;

  pointer-events: none;
}

/* صورة الشعار */
.store-footer .gd-footer-side-logo img {
  display: block;

  width: 92px;
  height: auto;
  max-height: 140px;

  object-fit: contain;

  margin: 0;
  padding: 0;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ضبط اسم المتجر والوصف */
.store-footer .gd-footer-brand-column > a {
  margin-top: 0 !important;
}

.store-footer .gd-footer-brand-column > a h3 {
  margin-top: 0 !important;
}

/* =========================================
   Tablet
========================================= */

@media (max-width: 1023px) and (min-width: 768px) {
  .store-footer .gd-footer-brand-column {
    padding-right: 115px !important;
  }

  .store-footer .gd-footer-side-logo {
    width: 90px;
  }

  .store-footer .gd-footer-side-logo img {
    width: 80px;
  }
}

/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {
  .store-footer .gd-footer-brand-column {
    padding-right: 0 !important;
    padding-top: 0 !important;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
  }

  .store-footer .gd-footer-side-logo {
    position: relative;

    top: auto;
    right: auto;

    width: 100%;
    height: auto;

    margin: 0 auto 18px;

    justify-content: center;
  }

  .store-footer .gd-footer-side-logo img {
    width: 75px;
    max-height: 110px;
  }
}



/* ===== قسم علاماتنا التجارية ===== */

.gd-brands-section {
  width: 100%;
  min-height: 650px;
  padding: 75px 0 85px !important;
  overflow: hidden;
  border: 0 !important;
  background: #fff !important;
}

.gd-brands__container {
  max-width: 1050px;
  margin: 0 auto;
}

.gd-brands__title {
  margin: 0 0 70px !important;
  color: #111 !important;
  font-size: clamp(30px, 3.4vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.4;
  text-align: center;
}

/* إلغاء الخط الموجود تحت العنوان في التنسيق السابق */
.gd-brands__title::after {
  display: none !important;
  content: none !important;
}

.gd-brands__grid {
  direction: ltr;
  display: grid !important;
  grid-template-columns:
    minmax(220px, 1fr)
    minmax(150px, 0.7fr)
    minmax(220px, 1fr) !important;
  grid-template-rows: repeat(2, 190px) !important;
  gap: 15px 65px !important;
  max-width: 970px;
  margin: 0 auto;
  align-items: center;
}

/* ورودنا: أعلى اليسار */
.gd-brands__item:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

/* جرين دوم: في المنتصف */
.gd-brands__item:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
}

/* الجزيرة الخضراء: أعلى اليمين */
.gd-brands__item:nth-child(3) {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

/* أوفير: أسفل اليسار */
.gd-brands__item:nth-child(4) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

/* صفوة رحيق: أسفل اليمين */
.gd-brands__item:nth-child(5) {
  grid-column: 3 !important;
  grid-row: 2 !important;
}

.gd-brands__item,
.gd-brands__item:hover {
  display: flex !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 10px !important;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.gd-brands__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* حجم شعار ورودنا */
.gd-brands__item:nth-child(1) .gd-brands__logo {
  max-width: 260px;
  max-height: 170px;
}

/* حجم شعار جرين دوم */
.gd-brands__item:nth-child(2) .gd-brands__logo {
  max-width: 145px;
  max-height: 235px;
}

/* حجم شعار الجزيرة الخضراء */
.gd-brands__item:nth-child(3) .gd-brands__logo {
  max-width: 280px;
  max-height: 165px;
}

/* حجم شعار أوفير */
.gd-brands__item:nth-child(4) .gd-brands__logo {
  max-width: 260px;
  max-height: 175px;
}

/* حجم شعار صفوة رحيق */
.gd-brands__item:nth-child(5) .gd-brands__logo {
  max-width: 290px;
  max-height: 165px;
}

.gd-brands__fallback {
  color: #3f6520;
  font-size: 22px;
  font-weight: 800;
  text-align: center;
}

/* ===== الجوال ===== */

@media (max-width: 767px) {
  .gd-brands-section {
    min-height: 0;
    padding: 50px 0 55px !important;
  }

  .gd-brands__title {
    margin-bottom: 40px !important;
    font-size: 30px !important;
  }

  .gd-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    gap: 22px 15px !important;
    padding: 0 10px;
  }

  .gd-brands__item,
  .gd-brands__item:nth-child(n) {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    min-height: 115px !important;
    padding: 10px !important;
  }

  .gd-brands__item:last-child {
    grid-column: 1 / -1 !important;
    width: 50% !important;
    margin: 0 auto;
  }

  .gd-brands__item .gd-brands__logo,
  .gd-brands__item:nth-child(n) .gd-brands__logo {
    max-width: 100%;
    max-height: 105px;
  }

  .gd-brands__item:nth-child(2) .gd-brands__logo {
    max-width: 85px;
    max-height: 135px;
  }
}
/* =========================================
   Green Dome — Business Details
   السجل التجاري + الرقم الضريبي
========================================= */

.store-footer .gd-footer-business-details {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 20px 0 0 !important;
  padding: 18px 0 0 !important;

  border-top: 1px solid rgba(255, 255, 255, 0.14);

  direction: rtl;
  box-sizing: border-box;
}

/* منع المسافات الكبيرة */
.store-footer .gd-footer-business-details > * {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

/* الرقم الضريبي */
.store-footer
.gd-footer-business-details
> .flex {
  display: flex !important;
  align-items: center !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* النصوص والأرقام */
.store-footer
.gd-footer-business-details
p,
.store-footer
.gd-footer-business-details
b {
  margin: 0 !important;
  white-space: nowrap !important;
  line-height: 1.5 !important;
}

/* ترتيب النص داخل الرقم الضريبي */
.store-footer
.gd-footer-business-details
> .flex
> div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* صورة شهادة الضريبة */
.store-footer
.gd-footer-business-details
img {
  flex-shrink: 0;
}

/* =========================================
   Mobile
========================================= */

@media (max-width: 767px) {
  .store-footer .gd-footer-business-details {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: center !important;

    gap: 12px !important;

    width: 100% !important;

    margin-top: 18px !important;
    padding-top: 16px !important;
  }

  .store-footer .gd-footer-business-details > * {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  .store-footer
  .gd-footer-business-details
  p,
  .store-footer
  .gd-footer-business-details
  b {
    font-size: 12px !important;
  }