@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

:root {
  --color-primary: #75C2B3 !important;
  --color-primary-dark: #00AD9C !important;
  --eidaa-teal: #75C2B3;
  --eidaa-teal-dark: #00AD9C;
  --eidaa-pink: #F191B3;
  --eidaa-orange: #F37662;
  --eidaa-yellow: #FCBB29;
  --eidaa-blue: #4F67AF;
  --eidaa-ink: #22203A;
  --eidaa-sub: #5A5570;
  --eidaa-sand: #F5EDE1;
  --eidaa-bg: #FBF8F3;
}

body, body * {
  font-family: 'IBM Plex Sans Arabic', sans-serif !important;
}
body {
  background-color: var(--eidaa-bg) !important;
}

#eidaa-announce {
  background: var(--eidaa-teal);
  color: #fff;
  text-align: center;
  font-size: 13px;
  padding: 9px 20px;
  font-weight: 500;
}
#eidaa-announce a {
  color: var(--eidaa-ink);
  font-weight: 700;
  margin-inline-start: 8px;
}


#eidaa-hero-wrap { max-width: 1120px; margin: 40px auto 0; padding: 0 24px; }
.eidaa-hero-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; }

.eidaa-badge { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid rgba(43,42,68,.08); padding: 8px 16px; border-radius: 999px; font-weight: 600; font-size: 13.5px; color: var(--eidaa-teal); box-shadow: 0 4px 14px rgba(43,42,68,.05); }
.eidaa-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--eidaa-teal); display: inline-block; }

.eidaa-hero-text h1 { font-size: 42px; font-weight: 700; line-height: 1.18; letter-spacing: -.5px; margin: 22px 0 0; color: var(--eidaa-ink); }
.eidaa-hl { display: inline-block; background: var(--eidaa-teal); color: #fff; padding: 2px 16px; border-radius: 10px 22px 12px 24px; transform: rotate(-1.5deg); }
.eidaa-hero-text p { font-size: 18px; color: var(--eidaa-sub); margin: 24px 0 0; max-width: 460px; }

.eidaa-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.eidaa-btn { padding: 15px 30px; border-radius: 999px; font-weight: 600; font-size: 16px; text-decoration: none; display: inline-block; }
.eidaa-btn-blue { background-color: var(--eidaa-teal); color: #fff; box-shadow: 0 12px 26px rgba(117,194,179,.35); }
.eidaa-btn-white { background: #fff; color: var(--eidaa-ink); border: 1.5px solid rgba(43,42,68,.12); }
.eidaa-btn-whats { background: #25D366; color: #fff; }

.eidaa-trust-row { display: flex; align-items: center; gap: 14px; margin-top: 30px; }
.eidaa-avatars { display: flex; }
.eidaa-avatar { width: 38px; height: 38px; border-radius: 50%; border: 3px solid var(--eidaa-bg); margin-inline-start: -14px; }
.eidaa-avatar:first-child { margin-inline-start: 0; }
.eidaa-trust-text { font-size: 14px; color: var(--eidaa-sub); }
.eidaa-trust-text b { color: var(--eidaa-ink); }

.eidaa-hero-media { position: relative; }
.eidaa-hero-blob { position: absolute; inset: -20px -14px -14px -20px; background: #EAF0EC; border-radius: 50% 50% 46% 54% / 54% 46% 54% 46%; z-index: 0; }
.eidaa-hero-photo { position: relative; z-index: 1; height: 520px; border-radius: 30px; overflow: hidden; box-shadow: 0 26px 52px rgba(43,42,68,.15); }
.eidaa-photo-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 18px; color: rgba(255,255,255,.85); font-weight: 600; font-size: 13.5px; line-height: 1.5; }

.eidaa-float-badge { position: absolute; background: #fff; border-radius: 18px; padding: 12px 18px; box-shadow: 0 16px 34px rgba(43,42,68,.16); display: flex; align-items: center; gap: 12px; z-index: 2; }
.eidaa-float-badge.f1 { bottom: 18px; left: -18px; }
.eidaa-float-badge.f2 { top: 14px; right: -14px; }
.eidaa-float-icon { width: 40px; height: 40px; border-radius: 12px; background: #FDECEF; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.eidaa-float-icon span { width: 14px; height: 14px; border-radius: 50%; background: var(--eidaa-pink); display: block; }
.eidaa-float-num { font-weight: 700; font-size: 18px; color: var(--eidaa-ink); }
.eidaa-float-num.small { font-size: 15px; color: var(--eidaa-teal); }
.eidaa-float-label { font-size: 12px; color: #8a8498; }

.eidaa-stats { position: relative; overflow: hidden; background-color: var(--eidaa-teal); border-radius: 34px; margin: 20px 0 20px; padding: 46px 40px; display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
.eidaa-stats::before { content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.06); top: -90px; right: -40px; z-index: 0; }
.eidaa-stats::after { content: ""; position: absolute; width: 160px; height: 160px; border-radius: 50%; background: rgba(252,187,41,.14); bottom: -70px; left: 120px; z-index: 0; }
.eidaa-stat { position: relative; z-index: 1; color: #fff; text-align: center; }
.eidaa-num { font-size: 48px; font-weight: 700; letter-spacing: -1px; line-height: 1; }
.eidaa-label { font-size: 15px; color: #c9d1ee; margin-top: 10px; font-weight: 500; }

.eidaa-section { max-width: 1100px; margin: 0 auto; padding: 70px 24px; text-align: center; }
.eidaa-sand { background: var(--eidaa-sand); max-width: 100%; }
.eidaa-eyebrow { font-weight: 700; font-size: 14px; margin-bottom: 8px; letter-spacing: .3px; }
.eidaa-section h2 { font-size: 34px; font-weight: 700; margin: 0 0 16px; color: var(--eidaa-ink); }
.eidaa-sub { color: var(--eidaa-sub); max-width: 520px; margin: 0 auto; font-size: 17px; }

.eidaa-grid-4, .eidaa-grid-3 { display: grid; gap: 18px; margin-top: 32px; }
.eidaa-grid-4 { grid-template-columns: repeat(4,1fr); }
.eidaa-grid-3 { grid-template-columns: repeat(3,1fr); }

.eidaa-card { background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 14px 34px rgba(43,42,68,.07); border: 1px solid rgba(43,42,68,.05); display: flex; flex-direction: column; text-align: right; }
.eidaa-card-photo { height: 200px; position: relative; }
.eidaa-card-body { padding: 20px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.eidaa-tag { position: absolute; top: 14px; right: 14px; display: inline-block; color: #fff; font-size: 13px; font-weight: 700; padding: 6px 14px; border-radius: 999px; }
.eidaa-card-title { font-weight: 700; font-size: 14px; margin-bottom: 6px; }
.eidaa-card-body p { font-size: 14.5px; color: var(--eidaa-sub); margin: 0 0 16px; flex: 1; }
.eidaa-card-link { font-weight: 700; font-size: 14.5px; color: var(--eidaa-ink); text-decoration: none; }

[data-testid="store-home-products-slider"] {
  background: var(--eidaa-sand) !important;
  border-radius: 34px !important;
  padding: 56px 20px !important;
  margin: 20px auto !important;
}
[data-testid="store-home-products-slider"] .s-slider-block__title h2 {
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--eidaa-ink) !important;
}
.eidaa-programs-eyebrow { display: block; font-weight: 700; font-size: 14px; color: var(--eidaa-orange); margin-bottom: 6px; letter-spacing: .3px; text-align: right; }

.eidaa-why-header { text-align: center; margin-bottom: 40px; }
.eidaa-why-header h2 { font-size: 32px; font-weight: 700; margin: 10px 0 14px; color: var(--eidaa-ink); line-height: 1.25; }
.eidaa-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; text-align: right; }
.eidaa-why-photo { min-height: 420px; border-radius: 26px; overflow: hidden; box-shadow: 0 18px 40px rgba(43,42,68,.1); }
.eidaa-why-features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.eidaa-feat { background: #fff; border-radius: 22px; padding: 22px; box-shadow: 0 12px 28px rgba(43,42,68,.06); border: 1px solid rgba(43,42,68,.04); text-align: right; }
.eidaa-feat h3 { font-size: 17px; margin: 0 0 6px; color: var(--eidaa-ink); }
.eidaa-feat p { font-size: 14px; color: var(--eidaa-sub); margin: 0; }
.eidaa-feat--wide { grid-column: span 2; background: var(--eidaa-teal); color: #fff; display: flex; align-items: center; gap: 16px; }
.eidaa-feat--wide h3 { color: #fff; }
.eidaa-feat--wide p { color: #dff5f2; }

.eidaa-gallery-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 300px; gap: 14px; margin-top: 32px; }
.eidaa-gallery-item { border-radius: 22px; position: relative; overflow: hidden; box-shadow: 0 12px 28px rgba(43,42,68,.08); background: #EAF0EC; }
.eidaa-gallery-item--video video,
.eidaa-gallery-item--video iframe { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; }
.eidaa-gallery-item.big { grid-column: span 2; grid-row: span 2; }
.eidaa-gallery-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.eidaa-gallery-play span { width: 60px; height: 60px; border-radius: 50%; background: rgba(255,255,255,.92); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0,0,0,.2); font-size: 20px; color: var(--eidaa-blue); }

.eidaa-reviews-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; text-align: right; max-width: 1100px; margin: 0 auto 30px; }
.eidaa-reviews-head h2 { text-align: right; margin: 10px 0 0; }
.eidaa-rating-badge { display: flex; align-items: center; gap: 14px; background: #fff; padding: 14px 22px; border-radius: 18px; box-shadow: 0 10px 26px rgba(43,42,68,.08); }
.eidaa-rating-num { font-size: 32px; font-weight: 800; color: var(--eidaa-ink); }
.eidaa-rating-meta { font-size: 12.5px; color: #8a8498; margin-top: 2px; }
.eidaa-stars { color: var(--eidaa-yellow); font-size: 16px; letter-spacing: 2px; margin-bottom: 14px; }
.eidaa-review { background: #fff; border-radius: 24px; padding: 26px; text-align: right; box-shadow: 0 14px 34px rgba(43,42,68,.07); display: flex; flex-direction: column; }
.eidaa-review p { font-size: 15.5px; color: #3a3752; line-height: 1.75; margin: 0 0 18px; flex: 1; }
.eidaa-reviewer-row { display: flex; align-items: center; gap: 12px; }
.eidaa-reviewer-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.eidaa-reviewer { font-weight: 700; font-size: 14px; color: var(--eidaa-ink); }
.eidaa-reviewer-sub { font-size: 12.5px; color: #8a8498; }
.eidaa-review-head-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.eidaa-google-tag { font-size: 12px; font-weight: 700; color: var(--eidaa-blue); background: #EEF1FA; padding: 5px 12px; border-radius: 999px; }
.eidaa-wa-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.eidaa-wa-head-icon { width: 32px; height: 32px; border-radius: 50%; background: #25D366; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; flex-shrink: 0; }
.eidaa-wa-bubble1 { background: #DCF8C6; border-radius: 14px 14px 14px 4px; padding: 12px 14px; font-size: 14px; color: #1f3d2a; margin-bottom: 8px; align-self: flex-start; max-width: 92%; }
.eidaa-wa-bubble2 { background: #DCF8C6; border-radius: 14px; padding: 10px 14px; font-size: 14px; color: #1f3d2a; align-self: flex-start; max-width: 80%; }
.eidaa-wa-footer { margin-top: auto; padding-top: 14px; font-size: 12.5px; color: #8a8498; }

#eidaa-faq { max-width: 860px; }
.eidaa-faq-list { text-align: right; max-width: 860px; margin: 32px auto 0; display: flex; flex-direction: column; align-items: stretch; gap: 12px; width: 100%; }
#eidaa-faq .eidaa-faq-item {
  background: #fff !important;
  border-radius: 20px !important;
  border: 1px solid rgba(43,42,68,.06) !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(43,42,68,.04) !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  flex: 0 0 100% !important;
}
#eidaa-faq .eidaa-faq-q {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  font-family: inherit !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 20px 24px !important;
  text-align: right !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--eidaa-ink) !important;
}
.eidaa-faq-sign { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: #EEF1FA; color: var(--eidaa-blue); font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; transition: background .15s, color .15s; }
.eidaa-faq-a { padding: 0 24px 22px; font-size: 15px; color: var(--eidaa-sub); margin: 0; line-height: 1.75; display: none; }
.eidaa-faq-item.is-open .eidaa-faq-a { display: block; }
.eidaa-faq-item.is-open .eidaa-faq-sign { background: var(--eidaa-blue); color: #fff; }

.eidaa-final-cta { position: relative; overflow: hidden; background-color: var(--eidaa-teal); color: #fff; text-align: center; border-radius: 40px; max-width: 1240px; margin: 20px auto 40px; padding: 70px 48px; }.eidaa-final-cta::before { content: ""; position: absolute; width: 200px; height: 200px; border-radius: 50%; background: rgba(252,187,41,.16); top: -70px; left: -40px; }
.eidaa-final-cta::after { content: ""; position: absolute; width: 160px; height: 160px; border-radius: 50%; background: rgba(241,145,179,.18); bottom: -60px; right: 60px; }
.eidaa-final-cta > * { position: relative; }
.eidaa-final-cta h2 { color: #fff; font-size: 34px; margin: 0; }
.eidaa-final-cta p { color: #d3daf2; font-size: 17px; margin: 14px auto 26px; max-width: 480px; }

footer[data-testid="store-footer"] {
  margin-top: 60px;
}
footer[data-testid="store-footer"],
footer[data-testid="store-footer"] * {
  background-color: var(--eidaa-teal-dark) !important;
  background-image: none !important;
  color: rgba(255,255,255,.9) !important;
}
footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"] .s-contacts-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}
footer[data-testid="store-footer"] a:hover { color: #ffffff !important; }
footer[data-testid="store-footer"] svg { fill: currentColor !important; }
footer[data-testid="store-footer"] .s-payments-list-item,
footer[data-testid="store-footer"] .s-payments-list-item img,
footer[data-testid="store-footer"] .s-trust-badges-image {
  background-color: #fff !important;
  border-radius: 8px !important;
  padding: 4px !important;
}
footer[data-testid="store-footer"] hr,
footer[data-testid="store-footer"] .border-t {
  border-color: rgba(255,255,255,.15) !important;
}

.s-block--categories .slide--cat-entry i { color: var(--eidaa-teal) !important; }
.s-block--categories .slide--cat-entry h2 { color: var(--eidaa-ink) !important; font-weight: 600 !important; }
.s-product-card-entry { border-radius: 24px !important; box-shadow: 0 14px 34px rgba(43,42,68,.08) !important; border: none !important; }
.s-product-card-price { color: var(--eidaa-teal) !important; font-weight: 700 !important; }
.s-product-card-content-footer .s-button-element { border-radius: 999px !important; background: var(--eidaa-teal) !important; border-color: var(--eidaa-teal) !important; color: #fff !important; }

@media (max-width: 900px) {
  .eidaa-hero-grid { grid-template-columns: 1fr; }
  .eidaa-hero-media { order: -1; }
  .eidaa-float-badge { position: static; margin: 10px auto 0; width: fit-content; }
  .eidaa-why-grid { grid-template-columns: 1fr; }
  .eidaa-grid-4 { grid-template-columns: repeat(2,1fr); }
  .eidaa-grid-3 { grid-template-columns: 1fr; }
  .eidaa-gallery-grid { grid-template-columns: repeat(2,1fr); }
  .eidaa-reviews-head { flex-direction: column; align-items: flex-start; }
  .eidaa-stats { grid-template-columns: repeat(2,1fr); padding: 34px 24px; }
}
@media (max-width: 700px) {
  .eidaa-why-features { grid-template-columns: 1fr; }
  .eidaa-feat--wide { grid-column: span 1; }
}
@media (max-width: 600px) {
  .eidaa-hero-text h1 { font-size: 28px; }
  .eidaa-grid-4 { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  #eidaa-header-extra { display: none; }
}

/* Fix Hero Background Blob on Mobile */
@media (max-width: 900px) {

  .eidaa-hero-media {
    position: relative;
  }

  .eidaa-hero-photo {
    height: min(520px, calc((100vw - 48px) * 1.36));
  }

  .eidaa-hero-blob {
    inset: auto !important;

    top: -14px !important;
    left: 50% !important;

    width: calc(100% + 20px) !important;
    height: calc(min(520px, calc((100vw - 48px) * 1.36)) + 28px) !important;

    transform: translateX(-50%) !important;

    border-radius: 48% 52% 46% 54% / 52% 46% 54% 48% !important;

    z-index: 0;
  }

  .eidaa-hero-photo {
    position: relative;
    z-index: 1;
  }
}


/* Language visibility */
html:not([lang^="en"]) .eidaa-en {
  display: none !important;
}

html[lang^="en"] .eidaa-ar {
  display: none !important;
}

/* Let the page language control direction */
#eidaa-hero-wrap,
.eidaa-stats,
.eidaa-section,
.eidaa-final-cta,
#eidaa-header-extra,
#eidaa-announce {
  direction: inherit;
}

/* English alignment overrides for rules that were hard-coded to right */
html[lang^="en"] .eidaa-hero-text,
html[lang^="en"] .eidaa-card,
html[lang^="en"] .eidaa-why-grid,
html[lang^="en"] .eidaa-feat,
html[lang^="en"] .eidaa-review,
html[lang^="en"] .eidaa-reviews-head,
html[lang^="en"] .eidaa-reviews-head h2,
html[lang^="en"] .eidaa-faq-list,
html[lang^="en"] #eidaa-faq .eidaa-faq-q,
html[lang^="en"] .eidaa-programs-eyebrow {
  text-align: left !important;
}

/* Arabic explicit alignment */
html[lang^="ar"] .eidaa-hero-text,
html[lang^="ar"] .eidaa-card,
html[lang^="ar"] .eidaa-why-grid,
html[lang^="ar"] .eidaa-feat,
html[lang^="ar"] .eidaa-review,
html[lang^="ar"] .eidaa-reviews-head,
html[lang^="ar"] .eidaa-reviews-head h2,
html[lang^="ar"] .eidaa-faq-list,
html[lang^="ar"] #eidaa-faq .eidaa-faq-q,
html[lang^="ar"] .eidaa-programs-eyebrow {
  text-align: right !important;
}

/* Age tag mirrors automatically for English */
html[lang^="en"] .eidaa-tag {
  right: auto !important;
  left: 14px !important;
}

html[lang^="ar"] .eidaa-tag {
  left: auto !important;
  right: 14px !important;
}

/* Mirror hero floating badges on desktop */
html[lang^="en"] .eidaa-float-badge.f1 {
  left: auto;
  right: -18px;
}

html[lang^="en"] .eidaa-float-badge.f2 {
  right: auto;
  left: -14px;
}

/* Mirror decorative shapes in the final CTA */
html[lang^="en"] .eidaa-final-cta::before {
  left: auto;
  right: -40px;
}

html[lang^="en"] .eidaa-final-cta::after {
  right: auto;
  left: 60px;
}


/* Slight English typography adjustment for long labels */
html[lang^="en"] .eidaa-header-cta {
  font-size: 13px !important;
}

html[lang^="en"] .eidaa-card-title {
  font-size: 14.5px;
}

html[lang^="en"] .eidaa-float-num.small {
  font-size: 14px;
}

/* On smaller screens, floating badges are static, so remove desktop mirroring */
@media (max-width: 900px) {
  html[lang^="en"] .eidaa-float-badge.f1,
  html[lang^="en"] .eidaa-float-badge.f2 {
    left: auto;
    right: auto;
  }
}


/* =========================================================
   EIDAA — CONSOLIDATED HEADER V4.1
   مهم:
   لا نعيد تنسيق العناصر الداخلية لـ custom-main-menu.
   نترك قائمة سلة الأصلية تدير المسافات والـ dropdown بنفسها.
   ========================================================= */

.store-header .top-navbar {
  display: none !important;
}

[data-testid="store-header-search"] {
  display: none !important;
}

#mainnav {
  background-color: var(--eidaa-bg) !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(43,42,68,.08) !important;
  padding: 14px 20px !important;
  height: auto !important;
  overflow: visible !important;
}

#mainnav .inner,
#mainnav .container {
  overflow: visible !important;
}

#mainnav .container {
  width: 100% !important;
  max-width: 1680px !important;
  margin-inline: auto !important;
  padding-inline: 12px !important;
}

/* الصف الرئيسي */
#mainnav .container > .flex.items-stretch.justify-between.relative {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  overflow: visible !important;
}

/* مجموعة الشعار والقوائم */
#mainnav .container > .flex.items-stretch.justify-between.relative > .flex.items-center:first-child {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
}

/* مجموعة اللغة + الحساب + السلة */
#mainnav .container > .flex.items-stretch.justify-between.relative > .flex.items-center.justify-end {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 5px !important;
  margin-inline-start: 12px !important;
  position: relative !important;
  z-index: 40 !important;
  background: var(--eidaa-bg) !important;
}

/* الشعار */
#mainnav [data-testid="store-header-logo"] {
  flex: 0 0 auto !important;
  margin: 0 !important;
  margin-inline-end: 22px !important;
  position: relative !important;
  z-index: 20 !important;
}

#mainnav [data-testid="store-header-logo"] img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 96px !important;
  max-height: 42px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply;
}

/*
 * قائمة سلة الأصلية:
 * لا نستخدم أي selectors على ul/li/a بداخلها.
 * هذا متعمد حتى لا نخرب spacing والـ dropdown الخاص بسلة.
 */
#mainnav custom-main-menu {
  display: block !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  margin: 0 !important;
  margin-inline-end: 20px !important;
  overflow: visible !important;
}

/* قائمتنا المخصصة */
#eidaa-header-extra {
  display: flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 15 !important;
}

#eidaa-header-extra > a:not(.eidaa-header-cta) {
  display: inline-flex !important;
  align-items: center !important;
  padding: 8px 0 !important;
  color: #3f3b56 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

#eidaa-header-extra > a:hover {
  color: var(--eidaa-teal) !important;
}

#eidaa-header-extra .eidaa-header-contact {
  color: var(--eidaa-teal) !important;
  font-weight: 600 !important;
}

#eidaa-header-extra .eidaa-header-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 38px !important;
  padding: 9px 15px !important;
  border-radius: 999px !important;
  background: var(--eidaa-teal) !important;
  color: #fff !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 16px rgba(117,194,179,.25) !important;
}

/* زر اللغة الأصلي */
#mainnav [data-testid="store-header-localization"],
#mainnav .eidaa-localization-control {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 45 !important;
  margin: 0 5px !important;
}

#mainnav [data-testid="store-header-localization"] button,
#mainnav [data-testid="store-header-localization"] a,
#mainnav [data-testid="store-header-localization"] [slot="trigger"] {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#mainnav [data-testid="store-header-user-menu"],
#mainnav [data-testid="store-header-cart"] {
  flex: 0 0 auto !important;
}

.s-cart-summary-count {
  background-color: var(--eidaa-teal) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/* Anchor ثابت لقسم البرامج */
#eidaa-programs.eidaa-anchor-target {
  display: block !important;
  width: 100%;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  scroll-margin-top: 110px;
}

#eidaa-age,
#eidaa-why,
#eidaa-reviews,
#eidaa-faq,
#eidaa-contact {
  scroll-margin-top: 110px;
}

/* English */
html[lang^="en"] #mainnav custom-main-menu {
  margin-inline-end: 22px !important;
}

html[lang^="en"] #eidaa-header-extra {
  gap: 16px !important;
}

html[lang^="en"] #eidaa-header-extra > a:not(.eidaa-header-cta) {
  font-size: 12.5px !important;
}

html[lang^="en"] #eidaa-header-extra .eidaa-header-cta {
  font-size: 12px !important;
  padding-inline: 13px !important;
}

/* شاشات اللابتوب: نخفي من قائمتنا فقط، ولا نلمس قائمة سلة */
@media (max-width: 1650px) {
  #eidaa-header-extra [data-eidaa-priority="low"] {
    display: none !important;
  }
}

@media (max-width: 1450px) {
  #eidaa-header-extra [data-eidaa-priority="medium"] {
    display: none !important;
  }

  #mainnav {
    padding-inline: 14px !important;
  }

  #mainnav .container {
    padding-inline: 8px !important;
  }

  #mainnav [data-testid="store-header-logo"] {
    margin-inline-end: 14px !important;
  }

  #mainnav [data-testid="store-header-logo"] img {
    max-width: 84px !important;
    max-height: 38px !important;
  }

  #mainnav custom-main-menu {
    margin-inline-end: 14px !important;
  }

  #eidaa-header-extra {
    gap: 11px !important;
  }

  #eidaa-header-extra > a:not(.eidaa-header-cta) {
    font-size: 12px !important;
  }

  #eidaa-header-extra .eidaa-header-cta {
    padding: 8px 11px !important;
    font-size: 11.5px !important;
  }
}

/* الجوال/التابلت */
@media (max-width: 1100px) {
  #eidaa-header-extra {
    display: none !important;
  }

  #mainnav {
    padding: 9px 10px !important;
  }

  #mainnav .container {
    padding-inline: 4px !important;
  }

  #mainnav [data-testid="store-header-logo"] {
    margin-inline-end: 8px !important;
  }

  #mainnav [data-testid="store-header-logo"] img {
    max-width: 76px !important;
    max-height: 34px !important;
  }

  #mainnav custom-main-menu {
    margin-inline-end: 0 !important;
    min-width: 0 !important;
  }

  #mainnav [data-testid="store-header-localization"],
  #mainnav .eidaa-localization-control {
    display: inline-flex !important;
    margin-inline: 3px !important;
    transform: scale(.92);
    transform-origin: center;
  }
}