/* Add custom CSS styles below */ 
@media (min-width: 769px) {

  .header-menu,
  .main-menu,
  .navbar-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .header-menu > li,
  .main-menu > li,
  .navbar-nav > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .header-menu > li > a,
  .main-menu > li > a,
  .navbar-nav > li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 7px 15px !important;
    border-radius: 999px !important;
    background: #969BA5 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    transition: all .35s ease !important;
  }

  .header-menu > li > a::before,
  .main-menu > li > a::before,
  .navbar-nav > li > a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -130% !important;
    width: 80% !important;
    height: 100% !important;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.25),
      transparent
    ) !important;
    transition: left .7s ease !important;
  }

  .header-menu > li > a::after,
  .main-menu > li > a::after,
  .navbar-nav > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 3px !important;
    width: 0 !important;
    height: 2px !important;
    transform: translateX(-50%) !important;
    background: #0A6CFF !important;
    border-radius: 20px !important;
    transition: width .35s ease !important;
  }

  .header-menu > li > a:hover,
  .main-menu > li > a:hover,
  .navbar-nav > li > a:hover {
    background: #858B96 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(10,108,255,.18) !important;
  }

  .header-menu > li > a:hover::before,
  .main-menu > li > a:hover::before,
  .navbar-nav > li > a:hover::before {
    left: 130% !important;
  }

  .header-menu > li > a:hover::after,
  .main-menu > li > a:hover::after,
  .navbar-nav > li > a:hover::after {
    width: 65% !important;
  }

  .header-menu > li:nth-last-child(-n+2),
  .main-menu > li:nth-last-child(-n+2),
  .navbar-nav > li:nth-last-child(-n+2) {
    display: none !important;
  }
}

@media (min-width: 769px) {

  .header-menu,
  .main-menu,
  .navbar-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .header-menu > li,
  .main-menu > li,
  .navbar-nav > li {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  .header-menu > li > a,
  .main-menu > li > a,
  .navbar-nav > li > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 7px 15px !important;
    border-radius: 999px !important;
    background: #969BA5 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    transition: all .35s ease !important;
  }

  .header-menu > li > a::before,
  .main-menu > li > a::before,
  .navbar-nav > li > a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -130% !important;
    width: 80% !important;
    height: 100% !important;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.25),
      transparent
    ) !important;
    transition: left .7s ease !important;
  }

  .header-menu > li > a::after,
  .main-menu > li > a::after,
  .navbar-nav > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 3px !important;
    width: 0 !important;
    height: 2px !important;
    transform: translateX(-50%) !important;
    background: #0A6CFF !important;
    border-radius: 20px !important;
    transition: width .35s ease !important;
  }

  .header-menu > li > a:hover,
  .main-menu > li > a:hover,
  .navbar-nav > li > a:hover {
    background: #858B96 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(10,108,255,.18) !important;
  }

  .header-menu > li > a:hover::before,
  .main-menu > li > a:hover::before,
  .navbar-nav > li > a:hover::before {
    left: 130% !important;
  }

  .header-menu > li > a:hover::after,
  .main-menu > li > a:hover::after,
  .navbar-nav > li > a:hover::after {
    width: 65% !important;
  }

  .header-menu > li:nth-last-child(-n+2),
  .main-menu > li:nth-last-child(-n+2),
  .navbar-nav > li:nth-last-child(-n+2) {
    display: none !important;
  }
}


/* =====================================================================
   FutureNet أ— ط§ظ„ظٹظˆظ… ط§ظ„ظˆط·ظ†ظٹ ط§ظ„ط³ط¹ظˆط¯ظٹ 96 — آ«ط¹ط²ظ‘ظ†ط§ ط¨ط·ط¨ط¹ظ†ط§آ»
   ط·ط¨ظ‚ط© ظ‡ظˆظٹط© ط¨طµط±ظٹط© ظپظ‚ط·: ظ„ط§ طھظ…ط³ ط§ظ„ط³ظ„ط©/ط§ظ„ط¨ط­ط«/ط§ظ„ط¯ظپط¹/ط§ظ„ط£ط³ط¹ط§ط±.
   Selectors ظ…ط£ط®ظˆط°ط© ظ…ظ† ط§ظ„ظ€DOM ط§ظ„ط­ظ‚ظٹظ‚ظٹ ظ„ط«ظٹظ… Selia (ط³ظ„ط©) — 13/09/2026
   ===================================================================== */

/* ---------- 1) Tokens ---------- */
:root {
  --nd-green: #1f6b3a;
  --nd-green-2: #12542d;
  --nd-green-deep: #0b3a20;
  --nd-green-ink: #08301b;
  --nd-green-soft: #e6f1e9;
  --nd-green-tint: #f2f8f4;
  --nd-gold: #c9a961;
  --nd-gold-light: #e9d8a6;
  --nd-gold-deep: #a9873f;
  --nd-ivory: #fbfcfa;
  --nd-text: #143d25;
  --nd-muted: #5f7a69;
  --nd-radius: 16px;
  --nd-shadow: 0 6px 18px rgba(11,58,32,.07);
  --nd-shadow-hover: 0 16px 32px rgba(11,58,32,.16);
  --nd-ann-h: 38px;
  --nd-font: var(--font-main, 'Tajawal'), 'Tajawal', -apple-system, system-ui, sans-serif;
  --nd-pattern-faint: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%231f6b3a' stroke-width='1.2' stroke-opacity='.075'%3E%3Cpath d='M32 3L61 32 32 61 3 32Z'/%3E%3Cpath d='M32 17L47 32 32 47 17 32Z'/%3E%3Cpath d='M0 3L3 0M61 0L64 3M64 61L61 64M3 64L0 61'/%3E%3C/g%3E%3Cg fill='%231f6b3a' fill-opacity='.07'%3E%3Cpath d='M32 26L38 32 32 38 26 32Z'/%3E%3Cpath d='M0 0L4 4 0 8Z'/%3E%3Cpath d='M64 0L60 4 64 8Z'/%3E%3Cpath d='M0 64L4 60 0 56Z'/%3E%3Cpath d='M64 64L60 60 64 56Z'/%3E%3C/g%3E%3C/svg%3E");
  --nd-pattern-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M32 3L61 32 32 61 3 32Z'/%3E%3Cpath d='M32 17L47 32 32 47 17 32Z'/%3E%3C/g%3E%3Cg fill='%23e9d8a6' fill-opacity='.12'%3E%3Cpath d='M32 26L38 32 32 38 26 32Z'/%3E%3Cpath d='M0 0L4 4 0 8Z'/%3E%3Cpath d='M64 0L60 4 64 8Z'/%3E%3Cpath d='M0 64L4 60 0 56Z'/%3E%3Cpath d='M64 64L60 60 64 56Z'/%3E%3C/g%3E%3C/svg%3E");
  --nd-zig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 5L4 1 8 5 12 1 16 5' fill='none' stroke='%23c9a961' stroke-width='1.2' stroke-opacity='.9'/%3E%3C/svg%3E");
  --nd-sky: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='120' viewBox='0 0 800 120' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff' fill-opacity='.10'%3E%3Crect x='0' y='90' width='800' height='30'/%3E%3Crect x='20' y='60' width='28' height='40'/%3E%3Crect x='56' y='44' width='18' height='56'/%3E%3Crect x='84' y='70' width='40' height='30'/%3E%3Cpath d='M140 100V40l14-26 14 26v60z'/%3E%3Crect x='176' y='56' width='22' height='44'/%3E%3Crect x='206' y='30' width='26' height='70'/%3E%3Crect x='240' y='64' width='34' height='36'/%3E%3Cpath d='M290 100V52c0-16 12-28 26-28s26 12 26 28v48z'/%3E%3Crect x='352' y='36' width='18' height='64'/%3E%3Crect x='378' y='50' width='30' height='50'/%3E%3Cpath d='M420 100V14l10-10 10 10v86z'/%3E%3Crect x='448' y='58' width='24' height='42'/%3E%3Crect x='480' y='24' width='30' height='76'/%3E%3Crect x='518' y='66' width='36' height='34'/%3E%3Cpath d='M566 100V46l16-14 16 14v54z'/%3E%3Crect x='606' y='54' width='20' height='46'/%3E%3Crect x='634' y='34' width='26' height='66'/%3E%3Cpath d='M670 100V60c0-12 9-22 20-22s20 10 20 22v40z'/%3E%3Crect x='720' y='48' width='22' height='52'/%3E%3Crect x='750' y='68' width='34' height='32'/%3E%3C/g%3E%3Cg fill='%23e9d8a6' fill-opacity='.35'%3E%3Crect x='426' y='30' width='2' height='2'/%3E%3Crect x='432' y='40' width='2' height='2'/%3E%3Crect x='214' y='40' width='2' height='2'/%3E%3Crect x='488' y='34' width='2' height='2'/%3E%3Crect x='494' y='46' width='2' height='2'/%3E%3Crect x='640' y='44' width='2' height='2'/%3E%3C/g%3E%3C/svg%3E");
  --nd-flag-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16'%3E%3Crect x='1' y='1' width='2' height='14' rx='1' fill='%23c9a961'/%3E%3Cpath d='M4 1h16l-3 5 3 5H4z' fill='%232b8a4b'/%3E%3Cpath d='M4 1h16l-3 5 3 5H4z' fill='none' stroke='%23e9d8a6' stroke-width='.8'/%3E%3C/svg%3E");
}

/* ط±ط¨ط· ط£ظ„ظˆط§ظ† ط§ظ„ط«ظٹظ… ط¨ط§ظ„ظ‡ظˆظٹط© (ظ…طھط؛ظٹط±ط§طھ Selia ط§ظ„ط­ظ‚ظٹظ‚ظٹط©) */
body.salla-632105401 {
  --footer-bg: #eef5f0;
  --bottom-footer-bg: #0b3a20;
  --footer-text-color: #143d25;
  --countdown-bg: #0b3a20;
  --countdown-color: #f6ecc9;
  --countdown-border-color: #c9a961;
  --product-border-color: rgba(31,107,58,.18);
  --product-enhanced-btn-bg: #12542d;
  --product-enhanced-btn-color: #ffffff;
}

/* ---------- 2) ط§ظ„ط®ظ„ظپظٹط© ط§ظ„ط¹ط§ظ…ط© ---------- */
body.salla-632105401 {
  background-color: var(--nd-ivory) !important;
  background-image: var(--nd-pattern-faint),
                    linear-gradient(180deg, #e9f3ec 0, #f6faf7 380px, var(--nd-ivory) 800px) !important;
  background-repeat: repeat, no-repeat !important;
  background-size: 64px 64px, 100% 100% !important;
  background-attachment: scroll, scroll !important;
  color: var(--nd-text);
}
body.salla-632105401 .app-inner {
  background: transparent !important;
}

/* ---------- 3) ط´ط±ظٹط· ط§ظ„ط­ظ…ظ„ط© (ظٹظڈط¨ظ†ظ‰ ظ…ظ† JS: #fn-nd-ribbon) ---------- */
#fn-nd-ribbon {
  position: relative;
  z-index: 1;
  min-height: var(--nd-ann-h);
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image: linear-gradient(90deg, var(--nd-green-ink), var(--nd-green-deep) 50%, var(--nd-green-ink));
  color: #fff;
  font-family: var(--nd-font);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  border-bottom: 1px solid rgba(201,169,97,.55);
  direction: rtl;
}
#fn-nd-ribbon::before,
#fn-nd-ribbon::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: 6px;
  background-image: var(--nd-zig);
  background-repeat: repeat-x;
  background-size: 16px 6px;
  opacity: .55;
  pointer-events: none;
}
#fn-nd-ribbon::before { top: 0; }
#fn-nd-ribbon::after  { bottom: 0; transform: scaleY(-1); }
#fn-nd-ribbon .fn-rb__track {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 6px 12px;
  will-change: transform;
}
#fn-nd-ribbon .fn-rb__set {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  white-space: nowrap;
  flex: 0 0 100%;
}
#fn-nd-ribbon .fn-rb__set + .fn-rb__set { display: none; }
.fn-rb__flag {
  display: inline-block;
  width: 22px; height: 16px;
  background-image: var(--nd-flag-icon);
  background-size: 22px 16px;
  background-repeat: no-repeat;
  flex: 0 0 auto;
  vertical-align: middle;
}
#fn-nd-ribbon .fn-rb__slogan {
  color: var(--nd-gold-light);
  font-weight: 800;
  letter-spacing: .2px;
}
#fn-nd-ribbon .fn-rb__sep { color: var(--nd-gold); font-size: 9px; opacity: .95; }
#fn-nd-ribbon .fn-rb__code {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f6ecc9, #e2c98a);
  color: var(--nd-green-ink);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .5px;
  border: 1px solid rgba(255,255,255,.6);
}
/* ط¹ظ„ظ‰ ط§ظ„ط¬ظˆط§ظ„: ط§ظ„ط´ط±ظٹط· ظٹطھط­ط±ظƒ ظƒظ€ ticker ط¨ظ€ transform ظپظ‚ط· */
@media (max-width: 767.98px) {
  #fn-nd-ribbon { font-size: 13px; }
  #fn-nd-ribbon .fn-rb__track { padding: 6px 0; animation: fnTicker 22s linear infinite; }
  #fn-nd-ribbon .fn-rb__set { flex: 0 0 auto; justify-content: flex-start; padding: 0 1.25rem; }
  #fn-nd-ribbon .fn-rb__set + .fn-rb__set { display: flex; }
  #fn-nd-ribbon.is-paused .fn-rb__track { animation-play-state: paused; }
}
@keyframes fnTicker {
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(50%,0,0); }
}

/* ---------- 4) ط§ظ„ظ‡ظٹط¯ط± ---------- */
/* ط§ظ„ظ‡ظٹط¯ط± ط§ظ„ط´ظپط§ظپ absolute ط¯ط§ط®ظ„ flex → ظٹط¨ط¯ط£ ظ…ظ† ط§ظ„ط£ط¹ظ„ظ‰ط› ظ†ط²ظٹط­ظ‡ طھط­طھ ط´ط±ظٹط· ط§ظ„ط­ظ…ظ„ط© */
body.salla-632105401.fn-has-ribbon.trans_header header.store-header { top: var(--nd-ann-h); }
body.salla-632105401 #mainnav.main-nav-container {
  background-color: transparent;
}
body.salla-632105401 #mainnav .inner {
  background-color: rgba(251,252,250,.94) !important;
  background-image: var(--nd-pattern-faint);
  background-size: 64px 64px;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 0 rgba(201,169,97,.85), 0 2px 0 0 rgba(31,107,58,.35), 0 8px 24px rgba(11,58,32,.06) !important;
}
/* ط§ظ„ط´ط¹ط§ط±: ط­ط¬ظ… ظˆط§ط¶ط­ ط¨ط¯ظˆظ† طھط´ظˆظٹظ‡ */
body.salla-632105401 .header__main-container.hidden .navbar-brand img.logo-normal {
  height: 64px !important;
  width: auto !important;
  max-height: none !important;
  object-fit: contain;
  transition: transform .35s ease;
}
body.salla-632105401 .header__main-container.hidden .navbar-brand:hover img.logo-normal { transform: scale(1.04); }
body.salla-632105401 .header__main-container.block .navbar-brand img.logo-normal {
  height: 56px !important;
  width: auto !important;
  max-height: none !important;
  object-fit: contain;
}

/* ط§ظ„ظ‚ط§ط¦ظ…ط© ط§ظ„ط¹ظ„ظˆظٹط©: ط­ط¨ظˆط¨ ط®ط¶ط±ط§ط، ظ…ط¹ ط®ط· ط°ظ‡ط¨ظٹ (طھط¬ط§ظˆط² ظ„طھظ†ط³ظٹظ‚ ط§ظ„ط­ط¨ظˆط¨ ط§ظ„ط±ظ…ط§ط¯ظٹط© ط§ظ„ط³ط§ط¨ظ‚) */
@media (min-width: 769px) {
  body.salla-632105401 .header-menu > li > a,
  body.salla-632105401 .main-menu > li > a,
  body.salla-632105401 .navbar-nav > li > a {
    background: rgba(31,107,58,.08) !important;
    border: 1px solid rgba(31,107,58,.18) !important;
    color: var(--nd-green-deep) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
  }
  body.salla-632105401 .header-menu > li > a::after,
  body.salla-632105401 .main-menu > li > a::after,
  body.salla-632105401 .navbar-nav > li > a::after {
    background: var(--nd-gold) !important;
  }
  body.salla-632105401 .header-menu > li > a:hover,
  body.salla-632105401 .main-menu > li > a:hover,
  body.salla-632105401 .navbar-nav > li > a:hover,
  body.salla-632105401 .main-menu > li.active > a,
  body.salla-632105401 .main-menu > li > a.active {
    background: linear-gradient(135deg, var(--nd-green), var(--nd-green-deep)) !important;
    border-color: rgba(201,169,97,.55) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(11,58,32,.22) !important;
  }
}

/* ط£ظٹظ‚ظˆظ†ط§طھ ط§ظ„ظ‡ظٹط¯ط± */
body.salla-632105401 .store-header .header-btn__icon,
body.salla-632105401 .store-header .sicon-search,
body.salla-632105401 .store-header .sicon-menu,
body.salla-632105401 .store-header .sicon-user,
body.salla-632105401 .store-header .sicon-cart { color: var(--nd-green-deep) !important; }

/* ---------- 5) ط§ظ„ظ‡ظٹط¯ط± ط§ظ„ط«ط§ط¨طھ ط¹ظ„ظ‰ ط§ظ„ط¬ظˆط§ظ„ — ظٹط¨ظ‚ظ‰ ط¸ط§ظ‡ط±ظ‹ط§ طµط¹ظˆط¯ظ‹ط§ ظˆظ†ط²ظˆظ„ظ‹ط§ ---------- */
@media (max-width: 1023.98px) {
  body.salla-632105401 #mainnav.main-nav-container.fixed-pinned .inner {
    transform: none !important;
    top: 0 !important;
  }
  body.salla-632105401 .mburger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    border-radius: 12px;
    background: rgba(31,107,58,.08);
    border: 1px solid rgba(31,107,58,.16);
    margin-top: auto; margin-bottom: auto;
  }
  body.salla-632105401 .mburger .sicon-menu { font-size: 22px !important; }
  body.salla-632105401 .mburger .menu-label { display: none !important; }
}

/* ---------- 6) ط¹ط¯ط§ط¯ ط§ظ„ط³ظ„ط© — ط°ظ‡ط¨ظٹ ط¹ط§ظ„ظٹ ط§ظ„طھط¨ط§ظٹظ† + ظ†ط¨ط¶ط© ---------- */
body.salla-632105401 salla-cart-summary .s-cart-summary-wrapper { position: relative; }
body.salla-632105401 salla-cart-summary .s-cart-summary-count {
  background-image: linear-gradient(180deg, #f6ecc9, #e2c98a) !important;
  background-color: #e9d8a6 !important;
  color: var(--nd-green-ink) !important;
  border: 2px solid #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.30) !important;
  font-weight: 900 !important;
  min-width: 22px !important;
  height: 22px !important;
  line-height: 18px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  text-align: center;
  z-index: 3;
}
@keyframes fnBadgePop { 0% { transform: scale(.6); } 55% { transform: scale(1.35); } 100% { transform: scale(1); } }
body.salla-632105401 salla-cart-summary .s-cart-summary-count.fn-pop {
  animation: fnBadgePop .55s cubic-bezier(.2,.8,.2,1) both;
}
body.salla-632105401 salla-cart-summary .s-cart-summary-total { color: var(--nd-green-deep) !important; font-weight: 800; }

/* ---------- 7) ط¹ظ†ط§ظˆظٹظ† ط§ظ„ط£ظ‚ط³ط§ظ… ---------- */
body.salla-632105401 .home-block-title h2 {
  color: var(--nd-green-deep) !important;
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
}
body.salla-632105401 .home-block-title .enhanced-title-border {
  background: linear-gradient(90deg, var(--nd-gold-light), var(--nd-gold) 40%, var(--nd-green) 100%) !important;
  height: 4px !important;
  border-radius: 999px;
}
body.salla-632105401 .home-block-title p { color: var(--nd-muted) !important; }

/* ---------- 8) ط¨ط·ط§ظ‚ط§طھ ط§ظ„ظ…ظ†طھط¬ط§طھ ---------- */
body.salla-632105401 custom-salla-product-card.product-card {
  border-radius: var(--nd-radius) !important;
  border: 1px solid rgba(31,107,58,.16) !important;
  background: #fff !important;
  box-shadow: var(--nd-shadow) !important;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease !important;
}
body.salla-632105401 custom-salla-product-card.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--nd-shadow-hover) !important;
  border-color: rgba(201,169,97,.6) !important;
}
body.salla-632105401 custom-salla-product-card .product-card__image {
  border-top-left-radius: var(--nd-radius);
  border-top-right-radius: var(--nd-radius);
  overflow: hidden;
}
body.salla-632105401 custom-salla-product-card .product-card__title a { color: var(--nd-text) !important; font-weight: 700; }
body.salla-632105401 custom-salla-product-card .product-card__title a:hover { color: var(--nd-green) !important; }
/* ط§ظ„ط³ط¹ط±: ط£ط®ط¶ط± ط؛ط§ظ…ظ‚ ط¨ط¯ظ„ ط§ظ„ط£ط­ظ…ط±طŒ ظˆط§ظ„ط³ط¹ط± ط§ظ„ط³ط§ط¨ظ‚ ط±ظ…ط§ط¯ظٹ ظ…ط§ط¦ظ„ ظ„ظ„ط£ط®ط¶ط± */
body.salla-632105401 custom-salla-product-card .product-card__price .total-price {
  color: var(--nd-green-2) !important;
}
body.salla-632105401 custom-salla-product-card .product-card__price .before-price {
  color: var(--nd-muted) !important;
  text-decoration-color: var(--nd-gold-deep);
}
/* ط²ط± ط£ط¶ظپ ط¥ظ„ظ‰ ط§ظ„ط³ظ„ط© */
body.salla-632105401 custom-salla-product-card salla-add-product-button.product-card__addToCart__btn,
body.salla-632105401 custom-salla-product-card salla-add-product-button.product-card__enhnaced-mini-cart__btn {
  background: linear-gradient(135deg, var(--nd-green) 0%, var(--nd-green-deep) 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(201,169,97,.45) !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 14px rgba(11,58,32,.18) !important;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
}
body.salla-632105401 custom-salla-product-card salla-add-product-button.product-card__addToCart__btn:hover,
body.salla-632105401 custom-salla-product-card salla-add-product-button.product-card__enhnaced-mini-cart__btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(11,58,32,.26), 0 0 0 3px rgba(201,169,97,.25) !important;
}
/* ط§ظ„ط¹ط¯ظ‘ط§ط¯ ط¯ط§ط®ظ„ ط§ظ„ط¨ط·ط§ظ‚ط© */
body.salla-632105401 salla-count-down.product-card-countdown {
  --countdown-bg: #0b3a20;
  --countdown-color: #f6ecc9;
  --countdown-border-color: #c9a961;
}
/* ط§ظ„ظ…ظپط¶ظ„ط© / ط§ظ„ظ…ط¹ط§ظٹظ†ط© ط§ظ„ط³ط±ظٹط¹ط© */
body.salla-632105401 custom-salla-product-card .product-card__actions salla-button,
body.salla-632105401 custom-salla-product-card .product-card__buttons salla-button { --btn-bg: #fff; }

/* ط¸ظ‡ظˆط± ظ†ط§ط¹ظ… ظ„ظ„ط£ظ‚ط³ط§ظ… (ظٹظڈظپط¹ظژظ‘ظ„ ظپظ‚ط· ط¹ظ†ط¯ظ…ط§ ظٹط¹ظ…ظ„ JS: html.fn-nd-js) */
html.fn-nd-js main > section.s-block { opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
html.fn-nd-js main > section.s-block.fn-in { opacity: 1; transform: none; }

/* ---------- 9) ط§ظ„ظپظˆطھط± — ط§ظ„ظ…ط´ظ‡ط¯ ط§ظ„ط®طھط§ظ…ظٹ (#fn-nd-scene ظ…ظ† JS) ---------- */
#fn-nd-scene {
  position: relative;
  overflow: hidden;
  direction: rtl;
  font-family: var(--nd-font);
  color: #fff;
  background-color: var(--nd-green-deep);
  background-image: var(--nd-pattern-dark),
                    radial-gradient(ellipse at 50% 120%, rgba(201,169,97,.35), transparent 60%),
                    linear-gradient(180deg, #12542d 0%, #0b3a20 55%, #08301b 100%);
  background-size: 64px 64px, 100% 100%, 100% 100%;
  border-top: 3px solid var(--nd-gold);
  margin-top: 40px;
}
#fn-nd-scene::before {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 120px;
  background-image: var(--nd-sky);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 800px 120px;
  pointer-events: none;
}
#fn-nd-scene .fn-sc__inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 44px 24px 120px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
#fn-nd-scene .fn-sc__text { flex: 1 1 auto; min-width: 0; }
#fn-nd-scene .fn-sc__num {
  font-size: 92px;
  line-height: .9;
  font-weight: 900;
  letter-spacing: -2px;
  background: linear-gradient(180deg, #f6ecc9 0%, #c9a961 60%, #a9873f 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  display: inline-block;
  text-shadow: none;
}
#fn-nd-scene .fn-sc__slogan {
  font-size: 34px;
  font-weight: 800;
  margin: 6px 0 4px;
  color: #fff;
}
#fn-nd-scene .fn-sc__sub {
  font-size: 16px;
  color: rgba(255,255,255,.82);
  margin: 0;
}
#fn-nd-scene .fn-sc__sub b { color: var(--nd-gold-light); }
#fn-nd-scene .fn-sc__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(201,169,97,.55);
  background: rgba(255,255,255,.06);
  font-size: 14px;
  font-weight: 700;
}
#fn-nd-scene .fn-sc__flagwrap { flex: 0 0 auto; }

/* reveal once */
#fn-nd-scene .fn-sc__num, #fn-nd-scene .fn-sc__slogan, #fn-nd-scene .fn-sc__sub, #fn-nd-scene .fn-sc__badge, #fn-nd-scene .fn-flag {
  opacity: 0;
}
#fn-nd-scene.fn-in .fn-sc__num    { animation: fnNdLogoIn .8s cubic-bezier(.2,.8,.2,1) both; }
#fn-nd-scene.fn-in .fn-sc__slogan { animation: fnNdSlideIn .7s .25s cubic-bezier(.2,.8,.2,1) both; }
#fn-nd-scene.fn-in .fn-sc__sub    { animation: fnNdFadeUp .6s .45s ease both; }
#fn-nd-scene.fn-in .fn-sc__badge  { animation: fnNdFadeUp .6s .6s ease both; }
#fn-nd-scene.fn-in .fn-flag       { animation: fnNdFadeUp .8s .3s ease both; }

@media (max-width: 767.98px) {
  #fn-nd-scene .fn-sc__inner { flex-direction: column; text-align: center; padding: 32px 16px 104px; gap: 20px; }
  #fn-nd-scene .fn-sc__num { font-size: 68px; }
  #fn-nd-scene .fn-sc__slogan { font-size: 26px; }
  #fn-nd-scene .fn-sc__sub { font-size: 14px; }
  #fn-nd-scene .fn-flag { width: 180px; height: 118px; }
}

/* ط§ظ„ظپظˆطھط± ط§ظ„ط£طµظ„ظٹ — طھط¯ط±ظ‘ط¬ ط£ط®ط¶ط± ظپط§طھط­ ظˆط®ظٹط· ط°ظ‡ط¨ظٹ (ظ„ط§ ظٹظڈط­ط°ظپ ط£ظٹ ظ…ط­طھظˆظ‰) */
body.salla-632105401 footer.store-footer {
  background: linear-gradient(180deg, #f2f8f4 0%, #e6f1e9 100%) !important;
}
body.salla-632105401 footer.store-footer .footer-bottom {
  background: var(--nd-green-deep) !important;
  color: #e6f1e9 !important;
  border-top: 1px solid rgba(201,169,97,.5);
}
body.salla-632105401 footer.store-footer .footer-bottom a,
body.salla-632105401 footer.store-footer .footer-bottom p,
body.salla-632105401 footer.store-footer .footer-bottom span { color: #e6f1e9 !important; }
body.salla-632105401 footer.store-footer .store-footer__inner h3,
body.salla-632105401 footer.store-footer .store-footer__inner h4,
body.salla-632105401 footer.store-footer .store-footer__inner .footer-title { color: var(--nd-green-deep) !important; }

/* ---------- 10) ط±ط§ظٹط© ط§ظ„ط­ظ…ظ„ط© ط§ظ„ظ…ط±ظپط±ظپط© (.fn-flag ظ…ظ† JS) ---------- */
.fn-flag {
  position: relative;
  width: 240px;
  height: 156px;
  direction: rtl;
  font-family: var(--nd-font);
}
.fn-flag__pole {
  position: absolute;
  top: -10px; bottom: -14px; right: -6px;
  width: 6px;
  border-radius: 3px;
  background: linear-gradient(180deg, #f6ecc9, #c9a961 40%, #a9873f);
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
  z-index: 2;
}
.fn-flag__pole::before {
  content: "";
  position: absolute;
  top: -8px; left: 50%;
  width: 14px; height: 14px;
  margin-left: -7px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #f6ecc9, #a9873f);
}
.fn-flag__strip {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.fn-flag__face {
  position: absolute;
  inset: 0;
  border-radius: 6px 0 0 6px;
  background-image: var(--nd-pattern-dark), linear-gradient(135deg, #2b8a4b 0%, #1f6b3a 45%, #12542d 100%);
  background-size: 64px 64px, 100% 100%;
  box-shadow: inset 0 0 0 2px rgba(233,216,166,.8), 0 10px 24px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  gap: 2px;
}
.fn-flag__face .fn-flag__num {
  font-size: 58px;
  font-weight: 900;
  line-height: 1;
  color: #f6ecc9;
  text-shadow: 0 2px 0 rgba(0,0,0,.15);
}
.fn-flag__face .fn-flag__txt {
  font-size: 17px;
  font-weight: 800;
  color: #fff;
  letter-spacing: .2px;
}
/* 8 ط´ط±ط§ط¦ط­ ظ…طھط³ط§ظˆظٹط© ط¨ظ€ clip-path */
.fn-flag__strip.fn-s1 { clip-path: inset(0 0 0 87.5%); }
.fn-flag__strip.fn-s2 { clip-path: inset(0 12.5% 0 75%); }
.fn-flag__strip.fn-s3 { clip-path: inset(0 25% 0 62.5%); }
.fn-flag__strip.fn-s4 { clip-path: inset(0 37.5% 0 50%); }
.fn-flag__strip.fn-s5 { clip-path: inset(0 50% 0 37.5%); }
.fn-flag__strip.fn-s6 { clip-path: inset(0 62.5% 0 25%); }
.fn-flag__strip.fn-s7 { clip-path: inset(0 75% 0 12.5%); }
.fn-flag__strip.fn-s8 { clip-path: inset(0 87.5% 0 0); }
@keyframes fnWave {
  0%, 100% { transform: translate3d(0,0,0); }
  50%      { transform: translate3d(0,7px,0); }
}
.fn-flag.is-waving .fn-flag__strip { animation: fnWave 2.4s ease-in-out infinite; }
.fn-flag.is-waving .fn-flag__strip.fn-s1 { animation-delay: -1.26s; }
.fn-flag.is-waving .fn-flag__strip.fn-s2 { animation-delay: -1.08s; }
.fn-flag.is-waving .fn-flag__strip.fn-s3 { animation-delay: -.90s; }
.fn-flag.is-waving .fn-flag__strip.fn-s4 { animation-delay: -.72s; }
.fn-flag.is-waving .fn-flag__strip.fn-s5 { animation-delay: -.54s; }
.fn-flag.is-waving .fn-flag__strip.fn-s6 { animation-delay: -.36s; }
.fn-flag.is-waving .fn-flag__strip.fn-s7 { animation-delay: -.18s; }
.fn-flag.is-waving .fn-flag__strip.fn-s8 { animation-delay: 0s; }

/* ---------- 11) ط§ظ„ط´ط§ط´ط© ط§ظ„ط§ظپطھطھط§ط­ظٹط© (#fn-nd-splash ظ…ظ† JSطŒ ظ…ط±ط© ظ„ظƒظ„ ط¬ظ„ط³ط©طŒ ظ„ط§ طھط­ط¬ط¨ ط§ظ„ظ„ظ…ط³) ---------- */
#fn-nd-splash {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: rtl;
  font-family: var(--nd-font);
  background-color: var(--nd-ivory);
  background-image: var(--nd-pattern-faint),
                    radial-gradient(ellipse at 50% 40%, rgba(31,107,58,.14), transparent 60%);
  background-size: 64px 64px, 100% 100%;
  animation: fnSplashOut .5s ease 1.7s both;
}
#fn-nd-splash .fn-sp__row {
  display: flex;
  align-items: center;
  gap: 22px;
}
#fn-nd-splash .fn-sp__logo {
  width: 96px; height: 96px;
  object-fit: contain;
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--nd-shadow-hover);
  padding: 8px;
  animation: fnNdLogoIn .7s cubic-bezier(.2,.8,.2,1) both;
}
#fn-nd-splash .fn-sp__x {
  font-size: 26px;
  color: var(--nd-gold-deep);
  font-weight: 800;
  animation: fnNdFadeUp .5s .25s ease both;
}
#fn-nd-splash .fn-sp__emblem {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fnNdSlideIn .7s .2s cubic-bezier(.2,.8,.2,1) both;
}
#fn-nd-splash .fn-sp__num {
  font-size: 64px;
  line-height: .95;
  font-weight: 900;
  background: linear-gradient(180deg, #2b8a4b, #0b3a20);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
#fn-nd-splash .fn-sp__slogan {
  font-size: 22px;
  font-weight: 800;
  color: var(--nd-green-deep);
  margin-top: 2px;
}
#fn-nd-splash .fn-sp__line {
  position: absolute;
  bottom: 18%;
  width: 160px; height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--nd-gold), transparent);
  animation: fnNdFadeUp .6s .5s ease both;
}
@keyframes fnSplashOut { from { opacity: 1; } to { opacity: 0; visibility: hidden; } }
@media (max-width: 767.98px) {
  #fn-nd-splash .fn-sp__logo { width: 76px; height: 76px; }
  #fn-nd-splash .fn-sp__num { font-size: 52px; }
  #fn-nd-splash .fn-sp__slogan { font-size: 19px; }
}

/* ---------- 12) Keyframes ظ…ط´طھط±ظƒط© ---------- */
@keyframes fnNdLogoIn  { from { opacity: 0; transform: scale(.72); } to { opacity: 1; transform: scale(1); } }
@keyframes fnNdSlideIn { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fnNdFadeUp  { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ---------- 13) ط£ط²ط±ط§ط± ط¹ط§ظ…ط© ظˆط±ظˆط§ط¨ط· ---------- */
body.salla-632105401 .btn--primary,
body.salla-632105401 .s-button-primary,
body.salla-632105401 salla-button.btn--primary,
body.salla-632105401 .s-add-product-button-btn:not(.s-add-product-button-btn-outline) {
  background: linear-gradient(135deg, var(--nd-green) 0%, var(--nd-green-deep) 100%) !important;
  border-color: rgba(201,169,97,.45) !important;
  color: #fff !important;
}
body.salla-632105401 .scroll-to-top { background: var(--nd-green-deep) !important; color: #fff !important; }

/* ---------- 14) ط§ط­طھط±ط§ظ… طھظ‚ظ„ظٹظ„ ط§ظ„ط­ط±ظƒط© ---------- */
@media (prefers-reduced-motion: reduce) {
  #fn-nd-ribbon .fn-rb__track,
  .fn-flag.is-waving .fn-flag__strip,
  #fn-nd-scene.fn-in *,
  #fn-nd-splash, #fn-nd-splash *,
  body.salla-632105401 salla-cart-summary .s-cart-summary-count.fn-pop {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  #fn-nd-splash { display: none !important; }
  html.fn-nd-js main > section.s-block { opacity: 1; transform: none; transition: none; }
}