/* ==========================================================================
   القسم 3 — الشريط الرسمي (الاقتباس)  ·  الحاوية: b5cd0b9  ·  الودجة: 9d85f93
   التصميم المعتمد: A «الشريط المهيب» — زخرفة نحاسية + وميض بطيء على العبارة المفتاحية
   النص لا يتغيّر إطلاقًا (تنسيق وحركة فقط)
   ملاحظة البنية: العربية تستخدم .ar-quote (العبارة الثانية = .base-text)
                  والإنجليزية .en-quote (العبارة الثانية = .highlight) — لذلك صيغت القواعد لكل لغة
   الرجوع الفوري: mu-plugins/ussus-sections/disabled.flag أو حذف هذا الملف
   ========================================================================== */

/* ------------------------------------------------------------------ الحاوية */
html body [data-id="b5cd0b9"]{
  /* اللون الأخضر يأتي من طبقة الهوية (لا نلمسه) — نضيف تظليلًا علويًا خفيفًا فقط */
  background-image:radial-gradient(120% 150% at 50% 0%, rgba(255,255,255,.075), rgba(255,255,255,0) 62%) !important;
}
html body .hero-quote{
  position:relative !important;
  padding:34px 26px 30px 26px !important;
  text-align:center !important;
}
/* خطان نحاسيان رفيعان أعلى الشريط وأسفله */
html body .hero-quote::before,
html body .hero-quote::after{
  content:"" !important;
  position:absolute !important; left:0 !important; right:0 !important; height:1px !important;
  background:linear-gradient(90deg, rgba(194,161,90,0), rgba(194,161,90,.55), rgba(194,161,90,0)) !important;
  pointer-events:none !important;
}
html body .hero-quote::before{ top:0 !important; }
html body .hero-quote::after{ bottom:0 !important; }

/* --------------------------------------------------------------- العنوان */
html body .hero-quote .quote-line{
  font-size:2.35rem !important;
  line-height:1.5 !important;
  font-weight:700 !important;
  color:#F5F2EA !important;
  letter-spacing:0 !important;
  margin:0 !important;
  display:inline-block !important;
  position:relative !important;
  animation:ussus-rise .8s ease both !important;   /* دخول هادئ بدل الاهتزاز الدائم */
}
html body .ar-quote .quote-line{ font-family:'Amiri','Noto Naskh Arabic',serif !important; }

/* إلغاء كل الحركات القديمة داخل الشريط (float الدائم + spotlight المكرر) */
html body .hero-quote .highlight,
html body .hero-quote .spotlight,
html body .hero-quote .base-text{ animation:none !important; }

/* العبارة الأولى: كريمية ثابتة */
html body .hero-quote .highlight{ color:#F5F2EA !important; display:inline !important; }

/* الإنجليزية: العبارة الأولى في .spotlight (وهي مرئية هناك) */
html body .en-quote .spotlight{
  background:none !important;
  color:#F5F2EA !important;
  -webkit-text-fill-color:#F5F2EA !important;
  display:inline !important;
}
/* العربية: .spotlight طبقة مكرّرة لزخرفة النص ⇒ تُخفى (وتُرفع عن قارئ الشاشة أيضًا) */
html body .ar-quote .spotlight{ display:none !important; }
html body .ar-quote .spotlight-wrapper{ display:inline !important; }

/* العبارة المفتاحية (الثانية): تدرّج نحاسي + وميض بطيء 6 ثوانٍ */
html body .ar-quote .base-text,
html body .en-quote .highlight{
  background-image:linear-gradient(100deg, #B08A35 0%, #C2A15A 34%, #FFF3CF 50%, #C2A15A 66%, #B08A35 100%) !important;
  background-size:250% auto !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  animation:ussus-shine 4.5s linear infinite !important;
  display:inline !important;
  position:relative !important;
  z-index:2 !important;
}
@keyframes ussus-shine{
  0%{ background-position:190% center; }
  100%{ background-position:-90% center; }
}
@keyframes ussus-rise{
  from{ opacity:0; transform:translateY(12px); }
  to{ opacity:1; transform:none; }
}

/* ------------------------------------------------- السطر الثاني + الزخرفة */
html body .hero-quote .quote-sub{
  font-size:1.05rem !important;
  color:rgba(245,242,234,.80) !important;
  margin:0 !important;
  margin-top:18px !important;
  padding-top:60px !important;
  position:relative !important;
  opacity:1 !important;                 /* إلغاء الانتظار 1.2 ثانية والظهور المفاجئ */
  transform:none !important;
  animation:ussus-rise .9s ease both .25s !important;
}
/* ------------------------------------------------------------------
   فاصل الزخرفة — الخط مقسوم إلى خطّين يفصلهما الميزان (كما طلب المالك)
     ::before = خطّان منفصلان + الميزان الثابت (قاعدة · عمود) + ضوآن متقابلان
     ::after  = العارضة والسلاسل والكفّتان — تأرجح أقوى ±10° / 4.2 ثانية
   الضوء: من طرف كل خط إلى منتصفه عند الميزان، ثم من المنتصف إلى الطرف — في الجانبين معًا
   ------------------------------------------------------------------ */
html body .hero-quote .quote-sub::before,
html body .hero-quote .quote-sub::after{
  left:50% !important; right:auto !important;
  top:-12px !important;
  transform:translateX(-50%); /* يسمح لـkeyframes بتأرجح ::after */
  width:min(620px, 92%) !important;
  height:62px !important;
  pointer-events:none !important;
}
html body .hero-quote .quote-sub::before{
  content:"" !important;
  position:absolute !important; top:0 !important;
  background:
    linear-gradient(90deg, rgba(255,248,230,0) 0%, rgba(255,248,230,.5) 35%, rgba(255,248,230,1) 50%, rgba(255,248,230,.5) 65%, rgba(255,248,230,0) 100%) / 15% 2.6px no-repeat,   /* ضوء الخط الأيمن */
    linear-gradient(90deg, rgba(255,248,230,0) 0%, rgba(255,248,230,.5) 35%, rgba(255,248,230,1) 50%, rgba(255,248,230,.5) 65%, rgba(255,248,230,0) 100%) / 15% 2.6px no-repeat,   /* ضوء الخط الأيسر */
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22b%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%237E5F1E%22/%3E%3Cstop%20offset=%22.35%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%22.5%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%22.65%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%221%22%20stop-color=%22%238A6A24%22/%3E%3C/linearGradient%3E%20%3ClinearGradient%20id=%22v%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%239A6B2F%22/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Cpath%20d=%22M19%2051.5h26l-2.6%205.6H21.6z%22%20fill=%22url(%23v)%22/%3E%20%3Crect%20x=%2224.6%22%20y=%2247.4%22%20width=%2214.8%22%20height=%224.1%22%20rx=%222%22%20fill=%22url(%23b)%22/%3E%20%3Crect%20x=%2230.6%22%20y=%2219.5%22%20width=%222.8%22%20height=%2228.5%22%20rx=%221.4%22%20fill=%22url(%23b)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2218%22%20r=%223.1%22%20fill=%22url(%23v)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2218%22%20r=%221.1%22%20fill=%22%23F3E3B4%22%20opacity=%22.75%22/%3E%3C/svg%3E") center 0 / 48px 48px no-repeat,                             /* قاعدة الميزان وعموده */
    linear-gradient(90deg, rgba(194,161,90,.92) 0%, rgba(194,161,90,.75) 55%, rgba(194,161,90,0) 100%) right 13px / calc(50% - 34px) 1.6px no-repeat,             /* الخط الأيمن (مقسوم) */
    linear-gradient(90deg, rgba(194,161,90,0) 0%, rgba(194,161,90,.75) 45%, rgba(194,161,90,.92) 100%) left  13px / calc(50% - 34px) 1.6px no-repeat !important;   /* الخط الأيسر (مقسوم) */
  background-position-x:100%, 0%, center, right, left;              /* ← x فقط هو المتحرك */
  background-position-y:25px, 25px, 1px, 25px, 25px !important;   /* الميزان مرفوع: منتصفه على مستوى الخط */      /* ← الارتفاع ثابت لكل الطبقات */
  animation:ussus-meet 4.2s ease-in-out infinite !important;
}
html body .hero-quote .quote-sub::after{
  content:"" !important;
  position:absolute !important; top:0 !important;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22b%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%237E5F1E%22/%3E%3Cstop%20offset=%22.35%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%22.5%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%22.65%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%221%22%20stop-color=%22%238A6A24%22/%3E%3C/linearGradient%3E%20%3ClinearGradient%20id=%22v%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%239A6B2F%22/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Crect%20x=%225.6%22%20y=%2216.5%22%20width=%2252.8%22%20height=%223%22%20rx=%221.5%22%20fill=%22url(%23b)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2218%22%20r=%223.4%22%20fill=%22url(%23v)%22/%3E%20%3Cpath%20d=%22M8.6%2019.4%20L3.6%2030.2%20M8.6%2019.4%20L13.6%2030.2%22%20stroke=%22url(%23b)%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M2.8%2030%20h11.6%20a5.8%205.8%200%200%201%20-11.6%200%20z%22%20fill=%22url(%23v)%22/%3E%20%3Cpath%20d=%22M55.4%2019.4%20L50.4%2030.2%20M55.4%2019.4%20L60.4%2030.2%22%20stroke=%22url(%23b)%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M49.6%2030%20h11.6%20a5.8%205.8%200%200%201%20-11.6%200%20z%22%20fill=%22url(%23v)%22/%3E%3C/svg%3E") center 0 / 48px 48px no-repeat !important;
  transform-origin:50% 14.5px !important;
  animation:ussus-weigh 4.2s cubic-bezier(.42,.03,.58,.97) infinite !important;
}
/* الضوء: الطرف ← المنتصف ← الطرف (مرآويًا في الجانبين) */
@keyframes ussus-meet{
  0%  { background-position-x: 100%, 0%,   center, right, left; }
  42% { background-position-x: 68%,  32%,  center, right, left; }
  58% { background-position-x: 68%,  32%,  center, right, left; }
  100%{ background-position-x: 100%, 0%,   center, right, left; }
}
/* تأرجح الميزان — أوسع من قبل (كان ±6.5°) */
@keyframes ussus-weigh{
  0%,100%{ transform:translateX(-50%) rotate(-10deg); }
  50%    { transform:translateX(-50%) rotate(10deg); }
}
/* ============================================================== الموبايل */
@media (max-width:767px){
  html body .hero-quote{ padding:22px 16px 20px 16px !important; }
  html body .hero-quote .quote-line{ font-size:1.45rem !important; line-height:1.65 !important; }
  html body .hero-quote .quote-sub{
    font-size:.94rem !important;
    margin-top:14px !important;
    padding-top:46px !important;
    line-height:1.9 !important;
  }
  html body .hero-quote .quote-sub::before,
  html body .hero-quote .quote-sub::after{
    top:-9px !important;
    width:min(420px, 94%) !important;
    height:46px !important;
  }
  html body .hero-quote .quote-sub::before{
    background:
      linear-gradient(90deg, rgba(255,248,230,0) 0%, rgba(255,248,230,.5) 35%, rgba(255,248,230,1) 50%, rgba(255,248,230,.5) 65%, rgba(255,248,230,0) 100%) 100% 10px / 17% 2.2px no-repeat,
      linear-gradient(90deg, rgba(255,248,230,0) 0%, rgba(255,248,230,.5) 35%, rgba(255,248,230,1) 50%, rgba(255,248,230,.5) 65%, rgba(255,248,230,0) 100%) 0%   10px / 17% 2.2px no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22b%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%237E5F1E%22/%3E%3Cstop%20offset=%22.35%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%22.5%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%22.65%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%221%22%20stop-color=%22%238A6A24%22/%3E%3C/linearGradient%3E%20%3ClinearGradient%20id=%22v%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%239A6B2F%22/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Cpath%20d=%22M19%2051.5h26l-2.6%205.6H21.6z%22%20fill=%22url(%23v)%22/%3E%20%3Crect%20x=%2224.6%22%20y=%2247.4%22%20width=%2214.8%22%20height=%224.1%22%20rx=%222%22%20fill=%22url(%23b)%22/%3E%20%3Crect%20x=%2230.6%22%20y=%2219.5%22%20width=%222.8%22%20height=%2228.5%22%20rx=%221.4%22%20fill=%22url(%23b)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2218%22%20r=%223.1%22%20fill=%22url(%23v)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2218%22%20r=%221.1%22%20fill=%22%23F3E3B4%22%20opacity=%22.75%22/%3E%3C/svg%3E") center 0 / 36px 36px no-repeat,
      linear-gradient(90deg, rgba(194,161,90,.92) 0%, rgba(194,161,90,.75) 55%, rgba(194,161,90,0) 100%) right 10px / calc(50% - 26px) 1.4px no-repeat,
      linear-gradient(90deg, rgba(194,161,90,0) 0%, rgba(194,161,90,.75) 45%, rgba(194,161,90,.92) 100%) left  10px / calc(50% - 26px) 1.4px no-repeat !important;
    background-position-y:19px, 19px, 1px, 19px, 19px !important;
    animation:ussus-meet-sm 4s ease-in-out infinite !important;
  }
  html body .hero-quote .quote-sub::after{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2064%2064%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22b%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%237E5F1E%22/%3E%3Cstop%20offset=%22.35%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%22.5%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%22.65%22%20stop-color=%22%23C2A15A%22/%3E%20%3Cstop%20offset=%221%22%20stop-color=%22%238A6A24%22/%3E%3C/linearGradient%3E%20%3ClinearGradient%20id=%22v%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%20%3Cstop%20offset=%220%22%20stop-color=%22%23F3E3B4%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%239A6B2F%22/%3E%3C/linearGradient%3E%3C/defs%3E%20%3Crect%20x=%225.6%22%20y=%2216.5%22%20width=%2252.8%22%20height=%223%22%20rx=%221.5%22%20fill=%22url(%23b)%22/%3E%20%3Ccircle%20cx=%2232%22%20cy=%2218%22%20r=%223.4%22%20fill=%22url(%23v)%22/%3E%20%3Cpath%20d=%22M8.6%2019.4%20L3.6%2030.2%20M8.6%2019.4%20L13.6%2030.2%22%20stroke=%22url(%23b)%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M2.8%2030%20h11.6%20a5.8%205.8%200%200%201%20-11.6%200%20z%22%20fill=%22url(%23v)%22/%3E%20%3Cpath%20d=%22M55.4%2019.4%20L50.4%2030.2%20M55.4%2019.4%20L60.4%2030.2%22%20stroke=%22url(%23b)%22%20stroke-width=%221.5%22%20stroke-linecap=%22round%22/%3E%20%3Cpath%20d=%22M49.6%2030%20h11.6%20a5.8%205.8%200%200%201%20-11.6%200%20z%22%20fill=%22url(%23v)%22/%3E%3C/svg%3E") center 0 / 36px 36px no-repeat !important;
    transform-origin:50% 11px !important;
    animation:ussus-weigh-sm 5.4s cubic-bezier(.45,.05,.55,.95) infinite !important;
  }
}
@keyframes ussus-meet-sm{
  0%  { background-position-x: 100%, 0%,   center, right, left; }
  42% { background-position-x: 70%,  30%,  center, right, left; }
  58% { background-position-x: 70%,  30%,  center, right, left; }
  100%{ background-position-x: 100%, 0%,   center, right, left; }
}
@keyframes ussus-weigh-sm{
  0%,100%{ transform:translateX(-50%) rotate(-5deg); }
  50%    { transform:translateX(-50%) rotate(5deg); }
}
/* =====================================================================
   الوصولية: النصوص والدخول تحترم «تقليل الحركة».
   أما «لمعة النص» و«الضوء على الخط» فهما وميض خفيف مستمر (كشيمر التحميل)
   ويُبقيان فعّالين — بقرار المالك بأن الشريط يحتاج حركة ظاهرة.
   ===================================================================== */
@media (prefers-reduced-motion: reduce){
  html body .hero-quote .quote-line,
  html body .hero-quote .quote-sub{ animation:none !important; }
}

/* =======================================================================
   ضبط نهائي لزخرفة القسم 3
   محور واحد فقط: الخط الأيمن + الخط الأيسر + ذراع الميزان على المستوى نفسه.
   لا توجد زخرفة إضافية أعلى/أسفل محور الفاصل؛ الحركة تخص لمعتي الخطين والميزان فقط.
   ======================================================================= */
html body .hero-quote::before,
html body .hero-quote::after{
  display:none !important;
}

html body .hero-quote .quote-sub{
  --ussus-divider-axis:8px;
  --ussus-scale-width:52px;
  --ussus-scale-core-y:-14px;
  padding-top:60px !important;
}

html body .hero-quote .quote-sub::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  right:auto !important;
  width:min(620px, 92%) !important;
  height:44px !important;
  transform:translateX(-50%) !important;
  background-image:
    linear-gradient(90deg, rgba(255,248,230,0) 0%, rgba(255,248,230,.55) 36%, #FFF8E6 50%, rgba(255,248,230,.55) 64%, rgba(255,248,230,0) 100%),
    linear-gradient(90deg, rgba(255,248,230,0) 0%, rgba(255,248,230,.55) 36%, #FFF8E6 50%, rgba(255,248,230,.55) 64%, rgba(255,248,230,0) 100%),
    url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20stop-color=%22%237E5F1E%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23F6E7BD%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%238A6A24%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%22v%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20stop-color=%22%23F6E7BD%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%239A6B2F%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M19%2072h42l-4%206H23z%22%20fill=%22url(%23v)%22/%3E%3Crect%20x=%2236.5%22%20y=%2226%22%20width=%227%22%20height=%2246%22%20rx=%223.5%22%20fill=%22url(%23g)%22/%3E%3Ccircle%20cx=%2240%22%20cy=%2224%22%20r=%224.5%22%20fill=%22url(%23v)%22/%3E%3Crect%20x=%228%22%20y=%2222.5%22%20width=%2264%22%20height=%225%22%20rx=%222.5%22%20fill=%22url(%23g)%22/%3E%3C/svg%3E"),
    linear-gradient(90deg, rgba(194,161,90,0) 0%, rgba(194,161,90,.78) 48%, rgba(194,161,90,.96) 100%),
    linear-gradient(90deg, rgba(194,161,90,.96) 0%, rgba(194,161,90,.78) 52%, rgba(194,161,90,0) 100%) !important;
  background-repeat:no-repeat !important;
  background-size:
    18% 2.6px,
    18% 2.6px,
    var(--ussus-scale-width) var(--ussus-scale-width),
    calc(50% - 34px) 2px,
    calc(50% - 34px) 2px !important;
  background-position-x:100%, 0%, 50%, 100%, 0%;
  background-position-y:
    var(--ussus-divider-axis),
    var(--ussus-divider-axis),
    var(--ussus-scale-core-y),
    var(--ussus-divider-axis),
    var(--ussus-divider-axis) !important;
  animation:ussus-divider-light 4.2s ease-in-out infinite !important;
  opacity:1 !important;
  z-index:1 !important;
  pointer-events:none !important;
}

html body .hero-quote .quote-sub::after{
  content:"" !important;
  position:absolute !important;
  top:-14px !important; /* رفع الميزان 6px فوق محور الخطين */
  left:50% !important;
  right:auto !important;
  width:var(--ussus-scale-width) !important;
  height:var(--ussus-scale-width) !important;
  transform-origin:50% 16.25px !important;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2080%2080%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20stop-color=%22%237E5F1E%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23F6E7BD%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%238A6A24%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%22v%22%20x1=%220%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20stop-color=%22%23F6E7BD%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%239A6B2F%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M13%2028L6%2042M13%2028l7%2014M67%2028l-7%2014m7-14l7%2014%22%20stroke=%22url(%23g)%22%20stroke-width=%222%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M4%2042h18a9%209%200%200%201-18%200zm54%200h18a9%209%200%200%201-18%200z%22%20fill=%22url(%23v)%22/%3E%3C/svg%3E") center / var(--ussus-scale-width) var(--ussus-scale-width) no-repeat !important;
  animation:ussus-pans-swing 3.2s cubic-bezier(.42,.03,.58,.97) infinite !important;
  z-index:2 !important;
  pointer-events:none !important;
}

@keyframes ussus-divider-light{
  0%,100%{ background-position-x:100%, 0%, 50%, 100%, 0%; }
  42%,58%{ background-position-x:66%, 34%, 50%, 100%, 0%; }
}

@keyframes ussus-pans-swing{
  0%,100%{ transform:translateX(-50%) rotate(-24deg); }
  50%{ transform:translateX(-50%) rotate(24deg); }
}

@media (max-width:767px){
  html body .hero-quote .quote-sub{
    --ussus-divider-axis:7px;
    --ussus-scale-width:42px;
    --ussus-scale-core-y:-11px;
    padding-top:46px !important;
  }
  html body .hero-quote .quote-sub::before{
    --ussus-mobile-light-left:100%;
    --ussus-mobile-light-right:0%;
    width:min(420px, 94%) !important;
    height:34px !important;
    background-size:
      64px 2.8px,
      64px 2.8px,
      var(--ussus-scale-width) var(--ussus-scale-width),
      calc(50% - 28px) 1.7px,
      calc(50% - 28px) 1.7px !important;
    background-position-x:
      var(--ussus-mobile-light-left),
      var(--ussus-mobile-light-right),
      50%,
      100%,
      0% !important;
    animation:ussus-mobile-line-lights 2.8s ease-in-out infinite !important;
  }
  html body .hero-quote .quote-sub::after{
    top:-11px !important; /* رفع متناسب مع عرض ميزان الهاتف */
    transform-origin:50% 13.125px !important;
    animation:ussus-pans-swing-sm 4.2s cubic-bezier(.45,.05,.55,.95) infinite !important;
  }

  @keyframes ussus-mobile-line-lights{
    0%,100%{
      --ussus-mobile-light-left:100%;
      --ussus-mobile-light-right:0%;
    }
    42%,58%{
      /* تتوقف اللمعتان داخل الخطين قبل فجوة الميزان، لا فوقه. */
      --ussus-mobile-light-left:73%;
      --ussus-mobile-light-right:27%;
    }
  }
}

@property --ussus-mobile-light-left{
  syntax:"<percentage>";
  inherits:false;
  initial-value:100%;
}

@property --ussus-mobile-light-right{
  syntax:"<percentage>";
  inherits:false;
  initial-value:0%;
}

@keyframes ussus-pans-swing-sm{
  0%,100%{ transform:translateX(-50%) rotate(-12deg); }
  50%{ transform:translateX(-50%) rotate(12deg); }
}