/* ═══════════════════════════════════════════════════════════════════
   البطل هيرو سلايدر v2.0 - Elementor Widget Styles
   ═══════════════════════════════════════════════════════════════════ */

/* ═══ FIX: إصلاح مسافات إلمنتور الإضافية ═══ */
.elementor-widget-elbatl_hero_slider > .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  display: block;
}
.elementor-widget-elbatl_hero_slider {
  overflow: visible;
}

/* ═══ CSS VARIABLES ═══ */
:root {
  --ehs-olive:    #9f9663;
  --ehs-olive-l:  #b5ab7d;
  --ehs-olive-ll: #ccc49e;
  --ehs-olive-d:  #7d7549;
  --ehs-olive-dd: #5c5634;
  --ehs-bg:       #1c1c1a;
  --ehs-bg2:      #111110;
}

/* ═══════════════════════════════════════════════════════════════════
   HERO WRAPPER
   ═══════════════════════════════════════════════════════════════════ */
.ehs {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 620px;
  overflow: hidden;
  direction: rtl;
  font-family: 'Tajawal', sans-serif;
  background: var(--ehs-bg2);
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

/* ═══════════════════════════════════════════════════════════════════
   BG SLIDES
   ═══════════════════════════════════════════════════════════════════ */
.ehs-bg { position: absolute; inset: 0; z-index: 1; }

.ehs-sl {
  position: absolute; inset: 0; z-index: 1;
  visibility: hidden; opacity: 0;
}
.ehs-sl.on  { z-index: 3; visibility: visible; opacity: 1; }
.ehs-sl.out { z-index: 2; visibility: visible; opacity: 1; }

.ehs-img {
  position: absolute; inset: -25px;
  background-size: cover; background-position: center;
  will-change: transform;
  transform: scale(1) translate(0, 0);
}

/* Ken Burns */
.ehs-sl.on .ehs-img.kb-zoom-in    { animation: ehs-kbZoomIn  14s cubic-bezier(.25,.46,.45,.94) forwards; }
.ehs-sl.on .ehs-img.kb-zoom-out   { animation: ehs-kbZoomOut 14s cubic-bezier(.25,.46,.45,.94) forwards; }
.ehs-sl.on .ehs-img.kb-pan-right  { animation: ehs-kbPanR    14s cubic-bezier(.25,.46,.45,.94) forwards; }
.ehs-sl.on .ehs-img.kb-pan-left   { animation: ehs-kbPanL    14s cubic-bezier(.25,.46,.45,.94) forwards; }
.ehs-sl.on .ehs-img.kb-pan-up     { animation: ehs-kbPanU    14s cubic-bezier(.25,.46,.45,.94) forwards; }
.ehs-sl.on .ehs-img.kb-pan-down   { animation: ehs-kbPanD    14s cubic-bezier(.25,.46,.45,.94) forwards; }
.ehs-sl.on .ehs-img.kb-zoom-pan   { animation: ehs-kbZoomPan 14s cubic-bezier(.25,.46,.45,.94) forwards; }

/* Overlay */
.ehs-ov { position: absolute; inset: 0; }

/* ═══════════════════════════════════════════════════════════════════
   TRANSITION LAYERS
   ═══════════════════════════════════════════════════════════════════ */
.ehs-tr { position: absolute; inset: 0; z-index: 50; pointer-events: none; overflow: hidden; }

.ehs-tr__a, .ehs-tr__b {
  position: absolute; inset: 0;
  transform: translateX(110%) skewX(-8deg);
  opacity: 0; will-change: transform, opacity;
}
.ehs-tr__a { background: var(--ehs-olive); }
.ehs-tr__b { background: var(--ehs-bg2); }

.ehs-tr__lines { position: absolute; inset: 0; overflow: hidden; }
.ehs-tr__lines span {
  position: absolute; left: -10%; width: 120%; height: 1px;
  background: linear-gradient(90deg, transparent, var(--ehs-olive-l), transparent);
  opacity: 0; transform: scaleX(0); transform-origin: right;
}
.ehs-tr__lines span:nth-child(1) { top: 20%; }
.ehs-tr__lines span:nth-child(2) { top: 45%; }
.ehs-tr__lines span:nth-child(3) { top: 70%; }
.ehs-tr__lines span:nth-child(4) { top: 90%; }

.ehs-tr__burst {
  position: absolute; top: 50%; right: 35%;
  width: 0; height: 0; border-radius: 15px 0 15px 0;
  background: rgba(159, 150, 99, 0.15);
  transform: translate(50%, -50%); opacity: 0;
}

.ehs-tr__grid {
  position: absolute; inset: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr);
  pointer-events: none;
}
.ehs-tr__cell {
  background: var(--ehs-olive);
  opacity: 0; transform: scale(0); border-radius: 2px;
}

.ehs-tr__circle {
  position: absolute; top: 50%; left: 50%;
  width: 0; height: 0; border-radius: 50%;
  background: var(--ehs-bg2);
  transform: translate(-50%, -50%); opacity: 0;
}

.ehs-tr__door {
  position: absolute; top: 0; width: 50%; height: 100%; opacity: 0;
}
.ehs-tr__door--r { right: 0; background: var(--ehs-olive);   transform: translateX(100%); }
.ehs-tr__door--l { left: 0;  background: var(--ehs-bg2); transform: translateX(-100%); }

.ehs-tr__curtain {
  position: absolute; top: 0; right: 0; width: 0; height: 100%;
  background: linear-gradient(to left, var(--ehs-olive), var(--ehs-bg2));
  opacity: 0;
}

/* ═══════════════════════════════════════════════════════════════════
   DECORATIVE LAYERS
   ═══════════════════════════════════════════════════════════════════ */
.ehs-tex {
  position: absolute; inset: 0; z-index: 4; pointer-events: none; opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 100px;
}

.ehs-geo { position: absolute; inset: 0; z-index: 5; pointer-events: none; overflow: hidden; }
.ehs-geo::before {
  content: ''; position: absolute; top: -120px; right: -120px;
  width: 400px; height: 400px;
  border: 1px solid rgba(159,150,99,.07);
  border-radius: 0 0 50% 50%; transform: rotate(45deg);
  animation: ehs-spin 50s linear infinite;
}
.ehs-geo::after {
  content: ''; position: absolute; bottom: -80px; left: -80px;
  width: 300px; height: 300px;
  border: 1px solid rgba(159,150,99,.05);
  border-radius: 15px 0 15px 0;
  animation: ehs-spin 35s linear infinite reverse;
}

.ehs-fl-w { position: absolute; inset: 0; z-index: 5; pointer-events: none; overflow: hidden; }
.ehs-fl {
  position: absolute; background: var(--ehs-olive);
  border-radius: 15px 0 15px 0; opacity: 0;
}
.ehs-fl:nth-child(1) { top: 14%; right: 12%; width: 8px;  height: 8px;  animation: ehs-drift 5s   ease-in-out infinite 0s; }
.ehs-fl:nth-child(2) { top: 38%; right: 82%; width: 5px;  height: 5px;  animation: ehs-drift 7s   ease-in-out infinite 1.3s; }
.ehs-fl:nth-child(3) { top: 68%; right: 22%; width: 6px;  height: 6px;  animation: ehs-drift 6s   ease-in-out infinite 2.1s; }
.ehs-fl:nth-child(4) { top: 25%; right: 58%; width: 4px;  height: 4px;  animation: ehs-drift 8s   ease-in-out infinite .8s; }
.ehs-fl:nth-child(5) { top: 75%; right: 68%; width: 5px;  height: 5px;  animation: ehs-drift 5.5s ease-in-out infinite 3.2s; }
.ehs-fl:nth-child(6) { top: 50%; right: 40%; width: 3px;  height: 3px;  animation: ehs-drift 7s   ease-in-out infinite 1.8s; }

/* ═══════════════════════════════════════════════════════════════════
   MAIN CONTENT
   ═══════════════════════════════════════════════════════════════════ */
.ehs-wrap {
  position: absolute; inset: 0; z-index: 10;
  display: flex; align-items: center; padding: 0 7%;
  justify-content: flex-start;
}
.ehs-main { max-width: 760px; perspective: 800px; text-align: right; }
.ehs-wrap[style*="justify-content: center"] .ehs-main,
.ehs-wrap[style*="justify-content:center"] .ehs-main { text-align: center; }
.ehs-wrap[style*="justify-content: flex-end"] .ehs-main,
.ehs-wrap[style*="justify-content:flex-end"] .ehs-main { text-align: left; }
.ehs-wrap[style*="justify-content: center"] .ehs-cta,
.ehs-wrap[style*="justify-content:center"] .ehs-cta { justify-content: center; }
.ehs-wrap[style*="justify-content: flex-end"] .ehs-cta,
.ehs-wrap[style*="justify-content:flex-end"] .ehs-cta { justify-content: flex-end; }
.ehs-wrap[style*="justify-content: center"] .ehs-ac,
.ehs-wrap[style*="justify-content:center"] .ehs-ac { margin-left: auto; margin-right: auto; }
.ehs-wrap[style*="justify-content: flex-end"] .ehs-ac,
.ehs-wrap[style*="justify-content:flex-end"] .ehs-ac { margin-left: auto; margin-right: 0; }

/* Accent line */
.ehs-ac {
  width: 0; height: 3px;
  background: var(--ehs-olive); margin-bottom: 24px; border-radius: 2px;
}
.ehs-ac.v { animation: ehs-lnW .7s cubic-bezier(.16,1,.3,1) forwards; }

/* Badge */
.ehs-tag {
  display: inline-flex; align-items: center; gap: 10px;
  background: rgba(159,150,99,.12);
  border: 1px solid rgba(159,150,99,.22);
  border-radius: 15px 0 15px 0;
  padding: 8px 20px 8px 16px; margin-bottom: 22px;
  opacity: 0; transform: translateY(18px);
}
.ehs-tag.v { animation: ehs-up .65s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-tag__i { width: 18px; height: 18px; flex-shrink: 0; display: flex; align-items: center; }
.ehs-tag__i svg  { width: 100%; height: 100%; fill: var(--ehs-olive); color: var(--ehs-olive); }
.ehs-tag__i i    { font-size: 16px; color: var(--ehs-olive); }
.ehs-tag__t      { font-size: 13px; font-weight: 600; color: var(--ehs-olive-ll); letter-spacing: .3px; }

/* Heading */
.ehs-h {
  font-family: 'Noto Kufi Arabic', 'Tajawal', sans-serif;
  font-size: clamp(28px, 4.2vw, 54px); font-weight: 900;
  line-height: 1.45; color: #fff; margin-bottom: 16px;
}
.ehs-h__r { display: block; overflow: hidden; }
.ehs-h__w { display: block; opacity: 0; transform: translateY(115%); will-change: transform, opacity; }
.ehs-h__w.v { animation: ehs-rev .85s cubic-bezier(.16,1,.3,1) forwards; }

/* Highlight word */
.ehs-em {
  color: var(--ehs-olive-l); position: relative; display: inline-block;
}
.ehs-em::after {
  content: ''; position: absolute; bottom: 0; right: 0;
  width: 100%; height: 3px; background: var(--ehs-olive);
  border-radius: 2px; transform: scaleX(0); transform-origin: right;
}
.ehs-em.v::after { animation: ehs-scX .5s ease-out forwards; }

/* Content animation variants */
.ehs-h__w.anim-stagger-right  { transform: translateX(60px); }
.ehs-h__w.anim-stagger-left   { transform: translateX(-60px); }
.ehs-h__w.anim-stagger-scale  { transform: translateY(40px) scale(0.85); }
.ehs-h__w.anim-stagger-down   { transform: translateY(-40px); }
.ehs-h__w.anim-flip-in        { transform: rotateX(90deg); transform-origin: center bottom; }
.ehs-h__w.anim-blur-in        { transform: translateY(15px); filter: blur(8px); }
.ehs-h__w.anim-zoom-in        { transform: scale(0.7); }
.ehs-h__w.anim-glide-in       { transform: translateX(30px); clip-path: inset(0 100% 0 0); }

.ehs-h__w.anim-stagger-right.v { animation: ehs-revRight  .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-stagger-left.v  { animation: ehs-revLeft   .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-stagger-scale.v { animation: ehs-revScale  .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-stagger-down.v  { animation: ehs-revDown   .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-flip-in.v       { animation: ehs-flipIn    .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-blur-in.v       { animation: ehs-blurIn    .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-zoom-in.v       { animation: ehs-zoomIn    .85s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-h__w.anim-glide-in.v      { animation: ehs-glideIn   .85s cubic-bezier(.16,1,.3,1) forwards; }

/* Description */
.ehs-desc {
  font-size: clamp(14px, 1.5vw, 17px); font-weight: 300;
  color: rgba(255,255,255,0.6); line-height: 1.95;
  margin-bottom: 36px; max-width: 560px;
  opacity: 0; transform: translateY(18px);
}
.ehs-desc.v { animation: ehs-up .65s cubic-bezier(.16,1,.3,1) forwards; }

/* CTA group */
.ehs-cta { display: flex; gap: 14px; flex-wrap: wrap; opacity: 0; transform: translateY(18px); }
.ehs-cta.v { animation: ehs-up .65s cubic-bezier(.16,1,.3,1) forwards; }

/* ═══════════════════════════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════════════════════════ */
.ehs-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 28px;
  font-family: 'Tajawal', sans-serif; font-size: 15px; font-weight: 700;
  text-decoration: none; cursor: pointer; border: none;
  position: relative; overflow: hidden;
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;
}
.ehs-btn__l { position: relative; z-index: 2; white-space: nowrap; }
.ehs-btn__i {
  position: relative; z-index: 2; width: 16px; height: 16px;
  display: flex; align-items: center; justify-content: center;
  transition: transform .35s cubic-bezier(.34,1.56,.64,1);
  flex-shrink: 0;
}
.ehs-btn__i svg { width: 100%; height: 100%; }
.ehs-btn__i i   { font-size: 14px; }

/* ─── Radius Presets */
.ehs[data-btn-r="signature"] .ehs-btn,
.ehs[data-btn-r="signature"] .ehs-tag  { border-radius: 15px 0 15px 0; }
.ehs[data-btn-r="rounded"]  .ehs-btn   { border-radius: 25px; }
.ehs[data-btn-r="square"]   .ehs-btn   { border-radius: 0; }
.ehs[data-btn-r="soft"]     .ehs-btn   { border-radius: 8px; }
.ehs[data-btn-r="pill"]     .ehs-btn   { border-radius: 50px; }
.ehs[data-btn-r="reverse"]  .ehs-btn   { border-radius: 0 15px 0 15px; }

/* ─── Button Styles */
.ehs-btn--dark { background: var(--ehs-bg); color: #fff; }
.ehs-btn--dark::before {
  content: ''; position: absolute; inset: 0;
  background: var(--ehs-btn-dark-hover, var(--ehs-olive-dd)); border-radius: inherit;
  transform: translateX(100%);
  transition: transform .5s cubic-bezier(.16,1,.3,1); z-index: 1;
}
.ehs-btn--dark:hover::before { transform: translateX(0); }
.ehs-btn--dark:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,.35); color: var(--ehs-btn-dark-hover-color, #fff); }
.ehs-btn--dark:hover .ehs-btn__i { transform: translateX(-4px); }

.ehs-btn--olive { background: var(--ehs-olive); color: var(--ehs-bg2); }
.ehs-btn--olive::before {
  content: ''; position: absolute; inset: 0;
  background: var(--ehs-btn-olive-hover, var(--ehs-olive-l)); border-radius: inherit;
  opacity: 0; transition: opacity .4s ease; z-index: 1;
}
.ehs-btn--olive:hover::before { opacity: 1; }
.ehs-btn--olive:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(159,150,99,.35); color: var(--ehs-btn-olive-hover-color, var(--ehs-bg2)); }
.ehs-btn--olive:hover .ehs-btn__i { transform: translateX(-4px); }

.ehs-btn--light { background: #fff; color: #1c1c1a; }
.ehs-btn--light::before {
  content: ''; position: absolute; inset: 0;
  background: var(--ehs-btn-light-hover, rgba(0,0,0,.07)); border-radius: inherit;
  opacity: 0; transition: opacity .3s ease; z-index: 1;
}
.ehs-btn--light:hover::before { opacity: 1; }
.ehs-btn--light:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(255,255,255,.15); color: var(--ehs-btn-light-hover-color, #1c1c1a); }

.ehs-btn--outline {
  background: transparent; color: #fff;
  border: 1.5px solid rgba(255,255,255,.25);
}
.ehs-btn--outline:hover { border-color: var(--ehs-btn-outline-hover-border, var(--ehs-olive)); color: var(--ehs-btn-outline-hover-color, var(--ehs-olive-l)); transform: translateY(-3px); }
.ehs-btn--outline:hover .ehs-btn__i { transform: translateX(-4px); }

.ehs-btn--ghost {
  background: rgba(255,255,255,.05); color: rgba(255,255,255,.7);
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(8px);
}
.ehs-btn--ghost:hover { background: var(--ehs-btn-ghost-hover-bg, rgba(255,255,255,.12)); color: var(--ehs-btn-ghost-hover-color, #fff); transform: translateY(-3px); }

/* ═══════════════════════════════════════════════════════════════════
   ██████╗ ███████╗███████╗ █████╗ ████████╗███████╗
   ███████╗ ██╔════╝╚══███╔╝██╔══██╗╚══██╔══╝╚════██║
   ╚════██║ ███████╗  ███╔╝ ███████║   ██║       ██╔╝
       ██╔╝ ╚════██║ ███╔╝  ██╔══██║   ██║      ██╔╝
   █████╔╝  ███████║███████╗██║  ██║   ██║      ██║
   ╚════╝   ╚══════╝╚══════╝╚═╝  ╚═╝   ╚═╝      ╚═╝
   STATISTICS TEMPLATES
   ═══════════════════════════════════════════════════════════════════ */

/* ─── SHARED BASE ─── */
.ehs-stats { z-index: 10; }
.ehs-si { opacity: 0; }
.ehs-si.v { animation: ehs-sdIn .65s cubic-bezier(.16,1,.3,1) forwards; }

.ehs-si__ico {
  display: flex; align-items: center; justify-content: center;
}
.ehs-si__ico svg  { fill: var(--ehs-olive); color: var(--ehs-olive); }
.ehs-si__body     { display: flex; flex-direction: column; }

/* ────────────────────────────────────────────────────────
   TEMPLATE 1: glass-side
   بطاقات زجاجية شفافة على الجانب (محسّنة من النسخة السابقة)
   ──────────────────────────────────────────────────────── */
.ehs-stats--glass-side {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.ehs-stats--glass-side[data-pos="left"]  { left: 0; }
.ehs-stats--glass-side[data-pos="right"] { right: 0; }

.ehs-stats--glass-side .ehs-si {
  background: rgba(255,255,255,.035);
  backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(159,150,99,.18);
  padding: 20px 22px; text-align: center; min-width: 100px;
  transform: translateX(-30px);
  position: relative; overflow: hidden;
  transition: background .35s, border-color .35s;
}
.ehs-stats--glass-side[data-pos="right"] .ehs-si { transform: translateX(30px); }

.ehs-stats--glass-side .ehs-si::before {
  content: ''; position: absolute;
  bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--ehs-olive), transparent);
  opacity: 0; transition: opacity .35s;
}
.ehs-stats--glass-side .ehs-si:hover { background: rgba(159,150,99,.08); border-color: rgba(159,150,99,.35); }
.ehs-stats--glass-side .ehs-si:hover::before { opacity: 1; }

/* Border radius on first / last */
.ehs-stats--glass-side[data-pos="left"]  .ehs-si:first-of-type { border-radius: 0 12px 0 0; }
.ehs-stats--glass-side[data-pos="left"]  .ehs-si:last-of-type  { border-radius: 0 0 12px 0; }
.ehs-stats--glass-side[data-pos="right"] .ehs-si:first-of-type { border-radius: 12px 0 0 0; }
.ehs-stats--glass-side[data-pos="right"] .ehs-si:last-of-type  { border-radius: 0 0 0 12px; }

.ehs-stats--glass-side .ehs-si__ico  { width: 28px; height: 28px; margin: 0 auto 8px; opacity: .75; }
.ehs-stats--glass-side .ehs-si__ico svg { width: 20px; height: 20px; }
.ehs-stats--glass-side .ehs-si__body { align-items: center; }
.ehs-stats--glass-side .ehs-si__n {
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-size: 28px; font-weight: 900; color: var(--ehs-olive);
  direction: ltr; line-height: 1;
}
.ehs-stats--glass-side .ehs-si__l {
  font-size: 10px; font-weight: 500;
  color: rgba(255,255,255,.45); margin-top: 5px; letter-spacing: .3px;
}
.ehs-stats--glass-side .ehs-si__sep {
  width: 100%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(159,150,99,.22), transparent);
}
.ehs-stats--glass-side .ehs-si.v { animation: ehs-sdIn .65s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-stats--glass-side[data-pos="right"] .ehs-si.v { animation: ehs-sdInR .65s cubic-bezier(.16,1,.3,1) forwards; }

/* ────────────────────────────────────────────────────────
   TEMPLATE 2: floating-numbers
   أرقام عائمة ضخمة بدون خلفية - نمط minimalist
   ──────────────────────────────────────────────────────── */
.ehs-stats--floating-numbers {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column; gap: 32px;
  padding: 0 20px;
}
.ehs-stats--floating-numbers[data-pos="left"]  { left: 8px; }
.ehs-stats--floating-numbers[data-pos="right"] { right: 8px; }

.ehs-stats--floating-numbers .ehs-si {
  transform: translateX(-30px);
  text-align: center;
}
.ehs-stats--floating-numbers[data-pos="right"] .ehs-si { transform: translateX(30px); }

.ehs-stats--floating-numbers .ehs-si__ico {
  width: 22px; height: 22px; margin: 0 auto 4px; opacity: .5;
}
.ehs-stats--floating-numbers .ehs-si__ico svg { width: 18px; height: 18px; }
.ehs-stats--floating-numbers .ehs-si__body { align-items: center; }
.ehs-stats--floating-numbers .ehs-si__n {
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-size: 40px; font-weight: 900; color: var(--ehs-olive);
  direction: ltr; line-height: 1;
  text-shadow: 0 0 40px rgba(159,150,99,.25);
}
.ehs-stats--floating-numbers .ehs-si__l {
  font-size: 9px; font-weight: 500;
  color: rgba(255,255,255,.3); margin-top: 3px;
  letter-spacing: 1.5px; text-transform: uppercase;
}
.ehs-stats--floating-numbers .ehs-si::after {
  content: '';
  display: block; width: 24px; height: 2px;
  background: var(--ehs-olive); opacity: .35;
  margin: 8px auto 0; border-radius: 1px;
}
.ehs-stats--floating-numbers .ehs-si__sep { display: none; }
.ehs-stats--floating-numbers .ehs-si.v   { animation: ehs-sdIn  .65s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-stats--floating-numbers[data-pos="right"] .ehs-si.v { animation: ehs-sdInR .65s cubic-bezier(.16,1,.3,1) forwards; }

/* ────────────────────────────────────────────────────────
   TEMPLATE 3: bottom-strip
   شريط أفقي أسفل السلايدر - جديد ومختلف
   ──────────────────────────────────────────────────────── */
.ehs-stats--bottom-strip {
  position: absolute;
  bottom: 85px; left: 0; right: 0;
  display: flex; align-items: stretch;
  background: rgba(12,12,10,.72);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border-top: 1px solid rgba(159,150,99,.15);
  border-bottom: 1px solid rgba(0,0,0,.3);
  padding: 0;
}
.ehs-stats--bottom-strip .ehs-si {
  flex: 1;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 0 14px;
  padding: 16px 28px;
  transform: translateY(20px);
  border-right: 1px solid rgba(159,150,99,.1);
  transition: background .3s;
}
.ehs-stats--bottom-strip .ehs-si:last-of-type { border-right: none; }
.ehs-stats--bottom-strip .ehs-si:hover { background: rgba(159,150,99,.05); }

.ehs-stats--bottom-strip .ehs-si__ico {
  grid-row: 1 / span 2; grid-column: 1;
  width: 40px; height: 40px;
  background: rgba(159,150,99,.1);
  border: 1px solid rgba(159,150,99,.2);
  border-radius: 10px 0 10px 0;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.ehs-stats--bottom-strip .ehs-si__ico svg { width: 18px; height: 18px; }
.ehs-stats--bottom-strip .ehs-si__body { grid-column: 2; display: contents; }
.ehs-stats--bottom-strip .ehs-si__n {
  grid-row: 1; grid-column: 2; align-self: end;
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-size: 26px; font-weight: 900; color: var(--ehs-olive);
  direction: ltr; line-height: 1.1;
}
.ehs-stats--bottom-strip .ehs-si__l {
  grid-row: 2; grid-column: 2; align-self: start;
  font-size: 11px; color: rgba(255,255,255,.4); margin-top: 2px;
}
.ehs-stats--bottom-strip .ehs-si__sep { display: none; }
.ehs-stats--bottom-strip .ehs-si.v { animation: ehs-up .65s cubic-bezier(.16,1,.3,1) forwards; }

/* ────────────────────────────────────────────────────────
   TEMPLATE 4: accent-pills
   بيلات ملونة على الجانب - أسلوب بادجات
   ──────────────────────────────────────────────────────── */
.ehs-stats--accent-pills {
  position: absolute;
  bottom: 100px;
  display: flex; flex-direction: column; gap: 10px;
}
.ehs-stats--accent-pills[data-pos="left"]  { left: 24px; }
.ehs-stats--accent-pills[data-pos="right"] { right: 24px; }

.ehs-stats--accent-pills .ehs-si {
  display: flex; align-items: center; gap: 12px;
  background: rgba(159,150,99,.08);
  border: 1px solid rgba(159,150,99,.22);
  border-radius: 100px;
  padding: 10px 20px 10px 10px;
  transform: translateX(-25px);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  transition: background .3s, border-color .3s, transform .3s cubic-bezier(.34,1.56,.64,1);
}
.ehs-stats--accent-pills[data-pos="right"] .ehs-si { transform: translateX(25px); }
.ehs-stats--accent-pills .ehs-si:hover {
  background: rgba(159,150,99,.16); border-color: rgba(159,150,99,.4);
  transform: translateX(-4px) !important;
}
.ehs-stats--accent-pills[data-pos="right"] .ehs-si:hover { transform: translateX(4px) !important; }

.ehs-stats--accent-pills .ehs-si__ico {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--ehs-olive);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.ehs-stats--accent-pills .ehs-si__ico svg { width: 15px; height: 15px; fill: var(--ehs-bg2); color: var(--ehs-bg2); }

.ehs-stats--accent-pills .ehs-si__body {
  display: flex; flex-direction: row; align-items: center; gap: 6px;
}
.ehs-stats--accent-pills .ehs-si__n {
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-size: 20px; font-weight: 900; color: #fff;
  direction: ltr; line-height: 1; white-space: nowrap;
}
.ehs-stats--accent-pills .ehs-si__l {
  font-size: 12px; color: rgba(255,255,255,.55); white-space: nowrap;
}
.ehs-stats--accent-pills .ehs-si__sep { display: none; }
.ehs-stats--accent-pills .ehs-si.v   { animation: ehs-sdIn  .65s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-stats--accent-pills[data-pos="right"] .ehs-si.v { animation: ehs-sdInR .65s cubic-bezier(.16,1,.3,1) forwards; }

/* ────────────────────────────────────────────────────────
   TEMPLATE 5: counter-blocks
   بلوكات عداد ملصقة بحافة الشاشة
   ──────────────────────────────────────────────────────── */
.ehs-stats--counter-blocks {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  display: flex; flex-direction: column;
  gap: 6px;
}
.ehs-stats--counter-blocks[data-pos="left"]  { left: 0; }
.ehs-stats--counter-blocks[data-pos="right"] { right: 0; }

.ehs-stats--counter-blocks .ehs-si {
  background: var(--ehs-olive);
  padding: 18px 22px; min-width: 105px; text-align: center;
  transform: translateX(-35px);
  position: relative; overflow: hidden;
}
.ehs-stats--counter-blocks[data-pos="right"] .ehs-si { transform: translateX(35px); }

.ehs-stats--counter-blocks[data-pos="left"]  .ehs-si { border-radius: 0 14px 14px 0; }
.ehs-stats--counter-blocks[data-pos="right"] .ehs-si { border-radius: 14px 0 0 14px; }

.ehs-stats--counter-blocks .ehs-si::after {
  content: ''; position: absolute;
  top: 0; right: 0; bottom: 0; width: 3px;
  background: rgba(0,0,0,.15);
}
.ehs-stats--counter-blocks[data-pos="right"] .ehs-si::after { right: auto; left: 0; }

.ehs-stats--counter-blocks .ehs-si__ico {
  width: 24px; height: 24px; margin: 0 auto 6px; opacity: .65;
}
.ehs-stats--counter-blocks .ehs-si__ico svg { width: 20px; height: 20px; fill: var(--ehs-bg2); color: var(--ehs-bg2); }
.ehs-stats--counter-blocks .ehs-si__body { align-items: center; }
.ehs-stats--counter-blocks .ehs-si__n {
  font-family: 'Noto Kufi Arabic', sans-serif;
  font-size: 30px; font-weight: 900; color: var(--ehs-bg2);
  direction: ltr; line-height: 1;
}
.ehs-stats--counter-blocks .ehs-si__l {
  font-size: 10px; color: rgba(28,28,26,.65); margin-top: 4px;
}
.ehs-stats--counter-blocks .ehs-si__sep { display: none; }
.ehs-stats--counter-blocks .ehs-si.v   { animation: ehs-sdIn  .65s cubic-bezier(.16,1,.3,1) forwards; }
.ehs-stats--counter-blocks[data-pos="right"] .ehs-si.v { animation: ehs-sdInR .65s cubic-bezier(.16,1,.3,1) forwards; }

/* ═══════════════════════════════════════════════════════════════════
   NAVIGATION
   ═══════════════════════════════════════════════════════════════════ */
.ehs-bot {
  position: absolute; bottom: 0; left: 0; right: 0;
  z-index: 15; display: flex; align-items: center;
  justify-content: space-between; padding: 22px 7%;
}
.ehs-nav { display: flex; align-items: center; gap: 18px; }

.ehs-arr {
  width: 44px; height: 44px;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.04);
  color: #fff; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all .4s cubic-bezier(.34,1.56,.64,1);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.ehs-arr svg {
  width: 16px; height: 16px; stroke: currentColor; fill: none;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
  transition: transform .3s ease;
}
.ehs-arr:hover { border-color: var(--ehs-arr-hover-border, var(--ehs-olive)); background: var(--ehs-arr-hover-bg, rgba(159,150,99,.15)); color: var(--ehs-arr-hover-color, var(--ehs-olive-l)); transform: scale(1.08); }
.ehs-arr:active { transform: scale(.94); }

/* Nav radius */
.ehs[data-nav-r="signature"] .ehs-arr { border-radius: 15px 0 15px 0; }
.ehs[data-nav-r="circle"]    .ehs-arr { border-radius: 50%; }
.ehs[data-nav-r="square"]    .ehs-arr { border-radius: 0; }
.ehs[data-nav-r="soft"]      .ehs-arr { border-radius: 8px; }

/* Counter */
.ehs-cnt { display: flex; align-items: baseline; gap: 3px; font-family: 'Noto Kufi Arabic', sans-serif; direction: ltr; }
.ehs-cnt__c {
  font-size: 24px; font-weight: 900; color: var(--ehs-olive);
  min-width: 24px; text-align: center; display: inline-block;
  overflow: hidden; height: 30px; line-height: 30px;
}
.ehs-cnt__ci { display: block; transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .25s ease; }
.ehs-cnt__s  { font-size: 12px; color: rgba(255,255,255,.2); margin: 0 3px; }
.ehs-cnt__t  { font-size: 12px; color: rgba(255,255,255,.3); }

/* Dots */
.ehs-dots { display: flex; gap: 8px; align-items: center; }
.ehs-dot {
  width: 10px; height: 10px; border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,.2);
  background: transparent; cursor: pointer;
  transition: all .5s cubic-bezier(.34,1.56,.64,1); padding: 0;
}

/* Dots active shapes */
.ehs[data-dots="signature-wide"] .ehs-dot.on { border-color: var(--ehs-olive); background: var(--ehs-olive); width: 30px; border-radius: 15px 0 15px 0; box-shadow: 0 0 14px rgba(159,150,99,.35); }
.ehs[data-dots="circle-large"]   .ehs-dot.on { border-color: var(--ehs-olive); background: var(--ehs-olive); transform: scale(1.55); box-shadow: 0 0 14px rgba(159,150,99,.35); }
.ehs[data-dots="diamond"]        .ehs-dot.on { border-color: var(--ehs-olive); background: var(--ehs-olive); transform: rotate(45deg) scale(1.25); box-shadow: 0 0 14px rgba(159,150,99,.35); }
.ehs[data-dots="line"]           .ehs-dot.on { border-color: var(--ehs-olive); background: var(--ehs-olive); width: 38px; height: 4px; border-radius: 2px; }
.ehs[data-dots="square"]         .ehs-dot.on { border-color: var(--ehs-olive); background: var(--ehs-olive); border-radius: 2px; transform: scale(1.3); box-shadow: 0 0 10px rgba(159,150,99,.35); }

/* Scroll indicator */
.ehs-scroll { display: flex; flex-direction: column; align-items: center; gap: 8px; opacity: 0; animation: ehs-fi 1s ease-out 2.5s forwards; }
.ehs-scroll__bar { width: 1px; height: 45px; position: relative; overflow: hidden; }
.ehs-scroll__bar::before {
  content: ''; position: absolute; top: -100%; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(to bottom, transparent, var(--ehs-olive));
  animation: ehs-scDr 2.2s ease-in-out infinite;
}
.ehs-scroll__t { font-size: 9px; color: rgba(255,255,255,.25); letter-spacing: 2px; white-space: nowrap; }

/* Progress bar */
.ehs-prog { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,.05); z-index: 20; }
.ehs-prog__fill {
  height: 100%; width: 0;
  background: linear-gradient(90deg, var(--ehs-olive-d), var(--ehs-olive), var(--ehs-olive-l));
  border-radius: 0 2px 2px 0;
}
.ehs-prog__fill.go { animation: ehs-pgF var(--ehs-autoplay-speed, 7s) linear forwards; }

/* Vertical brand text */
.ehs-vb {
  position: absolute; right: 20px; bottom: 100px; z-index: 10;
  writing-mode: vertical-rl; font-size: 10px; font-weight: 500;
  color: rgba(159,150,99,.15); letter-spacing: 4px; text-transform: uppercase;
}

/* Cursor glow */
.ehs-glow {
  position: fixed; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(159,150,99,.05) 0%, transparent 70%);
  pointer-events: none; z-index: 6;
  transform: translate(-50%, -50%); will-change: left, top; display: none;
}

/* ═══════════════════════════════════════════════════════════════════
   KEYFRAME ANIMATIONS
   ═══════════════════════════════════════════════════════════════════ */

/* Ken Burns */
@keyframes ehs-kbZoomIn  { 0%{transform:scale(1)} 100%{transform:scale(1.08)} }
@keyframes ehs-kbZoomOut { 0%{transform:scale(1.1)} 100%{transform:scale(1)} }
@keyframes ehs-kbPanR    { 0%{transform:scale(1.05) translateX(0)} 100%{transform:scale(1.05) translateX(2%)} }
@keyframes ehs-kbPanL    { 0%{transform:scale(1.05) translateX(0)} 100%{transform:scale(1.05) translateX(-2%)} }
@keyframes ehs-kbPanU    { 0%{transform:scale(1.05) translateY(0)} 100%{transform:scale(1.05) translateY(-2%)} }
@keyframes ehs-kbPanD    { 0%{transform:scale(1.05) translateY(0)} 100%{transform:scale(1.05) translateY(2%)} }
@keyframes ehs-kbZoomPan { 0%{transform:scale(1) translate(0)} 100%{transform:scale(1.07) translate(-5px,3px)} }

/* Decorative */
@keyframes ehs-spin  { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes ehs-drift { 0%,100%{opacity:0;transform:translateY(0) scale(.8)} 25%{opacity:.5} 50%{opacity:.7;transform:translateY(-20px) scale(1)} 75%{opacity:.3} }

/* Content enter */
@keyframes ehs-lnW      { from{width:0} to{width:65px} }
@keyframes ehs-up       { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes ehs-rev      { from{opacity:0;transform:translateY(115%)} to{opacity:1;transform:translateY(0)} }
@keyframes ehs-revRight { from{opacity:0;transform:translateX(60px)} to{opacity:1;transform:translateX(0)} }
@keyframes ehs-revLeft  { from{opacity:0;transform:translateX(-60px)} to{opacity:1;transform:translateX(0)} }
@keyframes ehs-revScale { from{opacity:0;transform:translateY(40px) scale(0.85)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes ehs-revDown  { from{opacity:0;transform:translateY(-40px)} to{opacity:1;transform:translateY(0)} }
@keyframes ehs-flipIn   { from{opacity:0;transform:rotateX(90deg)} to{opacity:1;transform:rotateX(0)} }
@keyframes ehs-blurIn   { from{opacity:0;transform:translateY(15px);filter:blur(8px)} to{opacity:1;transform:translateY(0);filter:blur(0)} }
@keyframes ehs-zoomIn   { from{opacity:0;transform:scale(0.7)} to{opacity:1;transform:scale(1)} }
@keyframes ehs-glideIn  { from{opacity:0;transform:translateX(30px);clip-path:inset(0 100% 0 0)} to{opacity:1;transform:translateX(0);clip-path:inset(0 0% 0 0)} }
@keyframes ehs-scX      { from{transform:scaleX(0)} to{transform:scaleX(1)} }

/* Content exit */
@keyframes ehs-exitUp      { from{opacity:1;transform:translateY(0) scale(1)} to{opacity:0;transform:translateY(-40px) scale(.97)} }
@keyframes ehs-exitDown    { from{opacity:1;transform:translateY(0)} to{opacity:0;transform:translateY(40px)} }
@keyframes ehs-exitLeft    { from{opacity:1;transform:translateX(0)} to{opacity:0;transform:translateX(-50px)} }
@keyframes ehs-exitRight   { from{opacity:1;transform:translateX(0)} to{opacity:0;transform:translateX(50px)} }
@keyframes ehs-exitFade    { from{opacity:1} to{opacity:0} }
@keyframes ehs-exitScale   { from{opacity:1;transform:scale(1)} to{opacity:0;transform:scale(.88)} }
@keyframes ehs-exitBlur    { from{opacity:1;filter:blur(0)} to{opacity:0;filter:blur(10px)} }

/* Stats */
@keyframes ehs-sdIn  { from{opacity:0;transform:translateX(-30px)} to{opacity:1;transform:translateX(0)} }
@keyframes ehs-sdInR { from{opacity:0;transform:translateX(30px)} to{opacity:1;transform:translateX(0)} }

/* Counter digits */
@keyframes ehs-nOut { from{transform:translateY(0);opacity:1} to{transform:translateY(-100%);opacity:0} }
@keyframes ehs-nIn  { from{transform:translateY(100%);opacity:0} to{transform:translateY(0);opacity:1} }

/* Misc */
@keyframes ehs-fi   { from{opacity:0} to{opacity:1} }
@keyframes ehs-scDr { 0%{top:-100%} 45%{top:100%} 100%{top:100%} }
@keyframes ehs-pgF  { from{width:0} to{width:100%} }

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width: 1200px) {
  .ehs-stats--glass-side    .ehs-si__n,
  .ehs-stats--floating-numbers .ehs-si__n { font-size: 24px; }
  .ehs-stats--counter-blocks .ehs-si__n   { font-size: 26px; }
  .ehs-stats--bottom-strip  .ehs-si       { padding: 14px 18px; }
}

@media (max-width: 1024px) {
  .ehs-stats,
  .ehs-vb    { display: none !important; }
  .ehs-wrap  { padding: 0 5%; }
  .ehs-bot   { padding: 18px 5%; }
}

@media (max-width: 768px) {
  .ehs          { min-height: 540px; }
  .ehs-wrap     { align-items: flex-end; padding-bottom: 115px; }
  .ehs-main     { max-width: 100% !important; }
  .ehs-h        { font-size: clamp(22px, 6.5vw, 36px) !important; }
  .ehs-desc     { font-size: 14px !important; margin-bottom: 26px; }
  .ehs-bot      { padding: 14px 4%; }
  .ehs-scroll   { display: none; }
  .ehs-arr      { width: 38px; height: 38px; }
  .ehs-btn      { padding: 11px 20px; font-size: 14px; }
  .ehs-glow     { display: none !important; }
}

@media (max-width: 480px) {
  .ehs-cta   { flex-direction: column; width: 100%; }
  .ehs-btn   { justify-content: center; width: 100%; }
  .ehs-nav   { gap: 10px; }
  .ehs-arr   { width: 34px; height: 34px; }
}

/* ═══════════════════════════════════════════════════════════════════
   CANVAS BG EFFECTS
═══════════════════════════════════════════════════════════════════ */
.ehs-bgfx {
  position: absolute; inset: 0; z-index: 6;
  width: 100%; height: 100%; pointer-events: none;
}
.ehs-bgfx.interactive { pointer-events: auto; }

/* ═══════════════════════════════════════════════════════════════════
   قوالب الخلفية المتحركة - Background Animation Templates
═══════════════════════════════════════════════════════════════════ */

/* --- القالب الافتراضي: معينات وحلقات (diamonds) --- */
/* يستخدم الستايل الأصلي */

/* --- دوائر وفقاعات (circles) --- */
.ehs[data-bg-anim="circles"] .ehs-fl {
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(159,150,99,.35) 0%, transparent 70%) !important;
  filter: blur(1px);
  width: 12px !important; height: 12px !important;
}
.ehs[data-bg-anim="circles"] .ehs-fl:nth-child(odd) {
  background: radial-gradient(circle, rgba(181,171,125,.25) 0%, transparent 65%) !important;
  width: 8px !important; height: 8px !important;
}
.ehs[data-bg-anim="circles"] .ehs-geo::before {
  border-radius: 50%; border: 1.5px solid rgba(159,150,99,.22);
  animation: geoCirclePulse 8s ease-in-out infinite;
}
.ehs[data-bg-anim="circles"] .ehs-geo::after {
  border-radius: 50%; border: 1px solid rgba(159,150,99,.14);
  animation: geoCirclePulse 11s ease-in-out infinite reverse;
}
@keyframes geoCirclePulse {
  0%,100% { transform: scale(1) rotate(0deg); opacity: .6; }
  50%      { transform: scale(1.15) rotate(180deg); opacity: 1; }
}

/* --- نجوم ولمعات (stars) --- */
.ehs[data-bg-anim="stars"] .ehs-fl {
  clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%) !important;
  background: rgba(159,150,99,.45) !important; filter: none;
  width: 14px !important; height: 14px !important;
}
.ehs[data-bg-anim="stars"] .ehs-fl:nth-child(even) {
  clip-path: polygon(50% 0%,55% 45%,100% 50%,55% 55%,50% 100%,45% 55%,0% 50%,45% 45%) !important;
  background: rgba(181,171,125,.35) !important;
  width: 10px !important; height: 10px !important;
}
.ehs[data-bg-anim="stars"] .ehs-geo::before,
.ehs[data-bg-anim="stars"] .ehs-geo::after {
  border: none;
  background: radial-gradient(circle at 30% 30%, rgba(159,150,99,.12) 0%, transparent 55%),
              radial-gradient(circle at 70% 70%, rgba(181,171,125,.1) 0%, transparent 50%);
  animation: starGlow 6s ease-in-out infinite;
}
.ehs[data-bg-anim="stars"] .ehs-geo::after { animation-delay: -3s; }
@keyframes starGlow {
  0%,100% { opacity: .5; transform: scale(1); }
  50%      { opacity: 1;  transform: scale(1.1); }
}

/* --- مسدسات هندسية (hexagons) --- */
.ehs[data-bg-anim="hexagons"] .ehs-fl {
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%) !important;
  background: rgba(159,150,99,.28) !important; filter: none;
  width: 14px !important; height: 14px !important;
}
.ehs[data-bg-anim="hexagons"] .ehs-fl:nth-child(even) {
  background: rgba(181,171,125,.18) !important;
  width: 10px !important; height: 10px !important;
}
.ehs[data-bg-anim="hexagons"] .ehs-geo::before {
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  border: none; background: transparent;
  box-shadow: inset 0 0 0 1.5px rgba(159,150,99,.25);
  animation: hexSpin 15s linear infinite;
}
.ehs[data-bg-anim="hexagons"] .ehs-geo::after {
  clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
  border: none; background: transparent;
  box-shadow: inset 0 0 0 1px rgba(159,150,99,.13);
  animation: hexSpin 22s linear infinite reverse;
}
@keyframes hexSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* --- شبكة وخطوط (grid) --- */
.ehs[data-bg-anim="grid"] .ehs-fl { display: none !important; }
.ehs[data-bg-anim="grid"] .ehs-geo::before {
  border: none;
  background:
    repeating-linear-gradient(0deg,   transparent, transparent 59px, rgba(159,150,99,.1) 60px),
    repeating-linear-gradient(90deg,  transparent, transparent 59px, rgba(159,150,99,.1) 60px);
  animation: gridShift 18s linear infinite;
}
.ehs[data-bg-anim="grid"] .ehs-geo::after {
  border: none;
  background:
    repeating-linear-gradient(45deg,  transparent, transparent 79px, rgba(159,150,99,.06) 80px),
    repeating-linear-gradient(-45deg, transparent, transparent 79px, rgba(159,150,99,.06) 80px);
  animation: gridShift 28s linear infinite reverse;
}
@keyframes gridShift {
  0%   { transform: translate(0,0); }
  100% { transform: translate(60px,60px); }
}

/* --- بسيط وخفي (minimal) --- */
.ehs[data-bg-anim="minimal"] .ehs-fl { opacity: .06 !important; }
.ehs[data-bg-anim="minimal"] .ehs-geo::before,
.ehs[data-bg-anim="minimal"] .ehs-geo::after { opacity: .35 !important; }
.ehs[data-bg-anim="minimal"] .ehs-geo { opacity: .45 !important; }