/* =========================================
   QADDIMLI WhatsApp Floating Button
   قدّملي - 2026
   ========================================= */

#qaddimli-whatsapp {
  --qwa-size: 52px;

  position: fixed;
  right: clamp(14px, 2vw, 24px);
  bottom: calc(18px + env(safe-area-inset-bottom, 0px));

  width: var(--qwa-size);
  height: var(--qwa-size);

  display: grid;
  place-items: center;

  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 50%;

  background: linear-gradient(
    145deg,
    #2BE477 0%,
    #25D366 48%,
    #16B957 100%
  );

  color: #ffffff;

  box-shadow:
    0 10px 28px rgba(11, 42, 74, 0.20),
    0 5px 16px rgba(37, 211, 102, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.45);

  z-index: 9999;

  overflow: hidden;
  isolation: isolate;

  text-decoration: none !important;

  -webkit-tap-highlight-color: transparent;

  transform: translateZ(0);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    filter 180ms ease;
}


/* اللمعة */
#qaddimli-whatsapp::before {
  content: "";

  position: absolute;
  inset: -35%;

  z-index: 0;

  background: linear-gradient(
    115deg,
    transparent 34%,
    rgba(255, 255, 255, 0.08) 43%,
    rgba(255, 255, 255, 0.70) 50%,
    rgba(255, 255, 255, 0.10) 57%,
    transparent 66%
  );

  transform: translateX(-120%) rotate(8deg);

  animation: qaddimli-wa-shine 4.2s ease-in-out infinite;

  pointer-events: none;
}


/* أيقونة واتساب */
#qaddimli-whatsapp svg {
  position: relative;

  z-index: 1;

  width: 55%;
  height: 55%;

  display: block;

  fill: currentColor;
}


/* الكمبيوتر */
#qaddimli-whatsapp:hover {
  transform: translateY(-2px) scale(1.045);

  filter: saturate(1.05);

  box-shadow:
    0 14px 32px rgba(11, 42, 74, 0.24),
    0 7px 20px rgba(37, 211, 102, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}


/* عند الضغط */
#qaddimli-whatsapp:active {
  transform: scale(0.97);
}


/* الوصول بلوحة المفاتيح */
#qaddimli-whatsapp:focus-visible {
  outline: 3px solid rgba(18, 207, 203, 0.52);
  outline-offset: 4px;
}


/* حركة اللمعة */
@keyframes qaddimli-wa-shine {

  0%,
  72% {
    transform: translateX(-125%) rotate(8deg);
  }

  88%,
  100% {
    transform: translateX(125%) rotate(8deg);
  }
}


/* الجوال */
@media (max-width: 640px) {

  #qaddimli-whatsapp {
    --qwa-size: 48px;

    right: 14px;

    bottom: calc(
      16px + env(safe-area-inset-bottom, 0px)
    );
  }

}


/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {

  #qaddimli-whatsapp,
  #qaddimli-whatsapp::before {
    animation: none !important;
    transition: none !important;
  }

}


/* ==========================================================
   QADDIMLI — Saudi Companies Infinite Marquee 2026
   الرئيسية فقط — يُنشئه JavaScript قبل الفوتر
   ========================================================== */

#qaddimli-company-marquee {
  --qd-primary: var(--color-primary, #0B2A4A);
  --qd-primary-light: var(--color-primary-light, #12CFCB);

  position: relative;
  isolation: isolate;

  width: min(1180px, calc(100% - 24px));

  margin: 28px auto 20px;
  padding: 12px 0;

  overflow: hidden;

  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 16px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f9fbfc 100%
    );

  box-shadow:
    0 8px 24px rgba(15, 23, 42, 0.05);

  font-family: var(--font-main, inherit);
}


/* لمعة هادئة تمر على كامل العنصر */
#qaddimli-company-marquee::after {
  content: "";

  position: absolute;
  z-index: 5;

  top: -80%;
  left: -22%;

  width: 16%;
  height: 260%;

  pointer-events: none;

  opacity: 0.55;

  transform: rotate(18deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.82),
      rgba(18, 207, 203, 0.12),
      transparent
    );

  animation:
    qd-marquee-shine 8s ease-in-out infinite;
}


/* منطقة العرض */
.qd-companies-viewport {
  position: relative;
  z-index: 2;

  width: 100%;

  overflow: hidden;

  padding: 4px 0;

  direction: ltr;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      #000 4%,
      #000 96%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      #000 4%,
      #000 96%,
      transparent 100%
    );
}


/* المسار المستمر */
.qd-companies-track {
  display: flex;

  width: max-content;

  direction: ltr;

  transform: translate3d(0, 0, 0);

  will-change: transform;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  animation:
    qd-companies-flow 72s linear infinite;
}


/* كل نسخة من الـ40 شركة */
.qd-companies-group {
  display: flex;

  align-items: center;

  flex-shrink: 0;

  gap: 10px;

  padding-inline: 6px;
}


/* بطاقة الشركة */
.qd-company-card {
  position: relative;

  width: 100px;
  height: 64px;

  flex: 0 0 auto;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: center;

  gap: 5px;

  padding: 7px;

  overflow: hidden;

  border:
    1px solid rgba(15, 23, 42, 0.065);

  border-radius: 12px;

  background:
    rgba(255, 255, 255, 0.98);

  box-shadow:
    0 2px 8px rgba(15, 23, 42, 0.035);

  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}


/* مكان الأيقونة */
.qd-company-logo-wrap {
  position: relative;

  display: block;

  width: 32px;
  height: 32px;

  flex: 0 0 32px;
}


/* شعار الشركة */
.qd-company-logo {
  position: relative;
  z-index: 2;

  display: block;

  width: 32px;
  height: 32px;

  object-fit: contain;

  border-radius: 7px;

  opacity: 0;

  transition: opacity 180ms ease;
}


.qd-company-logo.is-loaded {
  opacity: 1;
}


/* بديل تلقائي إذا تعذر تحميل شعار أي شركة */
.qd-company-fallback {
  position: absolute;

  inset: 0;

  z-index: 1;

  display: grid;
  place-items: center;

  border-radius: 8px;

  background:
    linear-gradient(
      145deg,
      var(--qd-primary),
      var(--qd-primary-light)
    );

  color: #ffffff;

  font-size: 13px;
  font-weight: 800;

  opacity: 0;
}


.qd-company-fallback.is-visible {
  opacity: 1;
}


/* اسم الشركة */
.qd-company-name {
  display: block;

  width: 100%;

  overflow: hidden;

  color: #53606b;

  font-size: 10px;
  font-weight: 600;

  line-height: 1.25;

  text-align: center;

  white-space: nowrap;

  text-overflow: ellipsis;

  direction: rtl;

  unicode-bidi: plaintext;
}


/* تأثير بسيط فقط — لا يوقف الحركة */
@media (hover: hover) {

  .qd-company-card:hover {
    transform: translateY(-2px);

    border-color:
      rgba(18, 207, 203, 0.24);

    box-shadow:
      0 6px 17px rgba(15, 23, 42, 0.07);
  }

}


/* حركة لا نهائية بدون توقف */
@keyframes qd-companies-flow {

  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }

}


/* لمعة خارجية دورية */
@keyframes qd-marquee-shine {

  0%,
  68% {
    left: -22%;
  }

  88%,
  100% {
    left: 112%;
  }

}


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

@media (max-width: 640px) {

  #qaddimli-company-marquee {
    width: calc(100% - 16px);

    margin:
      22px auto 14px;

    padding:
      10px 0;

    border-radius: 14px;
  }


  .qd-companies-track {
    animation-duration: 64s;
  }


  .qd-companies-group {
    gap: 8px;

    padding-inline: 5px;
  }


  .qd-company-card {
    width: 86px;
    height: 58px;

    gap: 4px;

    padding: 6px;

    border-radius: 11px;
  }


  .qd-company-logo-wrap,
  .qd-company-logo {
    width: 28px;
    height: 28px;
  }


  .qd-company-logo-wrap {
    flex-basis: 28px;
  }


  .qd-company-name {
    font-size: 9px;
  }

}


/* الشاشات الصغيرة جدًا */
@media (max-width: 360px) {

  .qd-company-card {
    width: 80px;
    height: 56px;
  }


  .qd-company-name {
    font-size: 8.5px;
  }

}


/*
  إذا كان المستخدم فعّل Reduce Motion
  تستمر الحركة لكن تصبح أبطأ،
  ويتم تعطيل اللمعة القوية.
*/
@media (prefers-reduced-motion: reduce) {

  .qd-companies-track {
    animation-duration: 180s;
  }


  #qaddimli-company-marquee::after {
    display: none;
  }

}

/* =========================================================
   QADDIMLI — DEMO PRODUCT RATING
   محاكاة تقييم 5/5 لصفحات المنتجات
   ========================================================= */

#qaddimli-demo-rating {
  --qd-star: #FFB400;
  --qd-text: #727B84;

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

  gap: 6px;

  width: fit-content;

  margin: 0 0 12px;

  direction: rtl;

  font-family: var(--font-main, inherit);

  line-height: 1;

  white-space: nowrap;

  user-select: none;

  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}


/* النجوم */
#qaddimli-demo-rating .qd-demo-stars {
  display: inline-block;

  direction: ltr;

  color: var(--qd-star);

  font-size: 19px;
  font-weight: 700;

  line-height: 1;

  letter-spacing: 1px;

  text-shadow:
    0 1px 2px rgba(255, 180, 0, 0.16);
}


/* عدد التقييمات */
#qaddimli-demo-rating .qd-demo-count {
  color: var(--qd-text);

  font-size: 13px;
  font-weight: 500;

  line-height: 1.4;
}


/* لمعة خفيفة جدًا */
#qaddimli-demo-rating .qd-demo-stars {
  position: relative;
  overflow: hidden;
}

#qaddimli-demo-rating .qd-demo-stars::after {
  content: "";

  position: absolute;

  top: -40%;
  left: -35%;

  width: 18%;
  height: 190%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.85),
    transparent
  );

  transform: rotate(15deg);

  pointer-events: none;

  animation:
    qaddimli-rating-shine 6s ease-in-out infinite;
}


@keyframes qaddimli-rating-shine {

  0%,
  74% {
    left: -35%;
  }

  91%,
  100% {
    left: 120%;
  }
}


/* الجوال */
@media (max-width: 640px) {

  #qaddimli-demo-rating {
    gap: 5px;

    margin-bottom: 10px;
  }


  #qaddimli-demo-rating .qd-demo-stars {
    font-size: 17px;

    letter-spacing: .7px;
  }


  #qaddimli-demo-rating .qd-demo-count {
    font-size: 12px;
  }

}


/* iPhone والشاشات الصغيرة */
@media (max-width: 360px) {

  #qaddimli-demo-rating .qd-demo-stars {
    font-size: 16px;
  }


  #qaddimli-demo-rating .qd-demo-count {
    font-size: 11.5px;
  }

}


/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {

  #qaddimli-demo-rating .qd-demo-stars::after {
    display: none;

    animation: none;
  }

}

/* =========================================================
   QADDIMLI — Header Email Trust Badge V2
   موثوق ✓ بجوار بريد المتجر — Desktop + Mobile
   ========================================================= */

.qaddimli-trust-badge {
  --qd-trust-primary: var(--color-primary, #0B2A4A);
  --qd-trust-accent: var(--color-primary-light, #12CFCB);

  position: relative;
  z-index: 1;

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

  flex: 0 0 auto;

  gap: 4px;

  min-height: 22px;
  padding: 3px 7px;

  margin-inline-start: 7px;

  overflow: hidden;

  border: 1px solid rgba(18, 207, 203, 0.25);
  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      rgba(18, 207, 203, 0.10),
      rgba(255, 255, 255, 0.90)
    );

  color: var(--qd-trust-primary);

  box-shadow:
    0 2px 8px rgba(11, 42, 74, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);

  font-family: var(--font-main, inherit);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;

  white-space: nowrap;
  vertical-align: middle;

  direction: rtl;

  box-sizing: border-box;

  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;

  pointer-events: none;

  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.qaddimli-trust-badge .qaddimli-trust-icon {
  position: relative;
  z-index: 2;

  display: block;

  width: 13px;
  height: 13px;

  flex: 0 0 13px;
}

.qaddimli-trust-badge .qaddimli-trust-icon circle {
  fill: var(--qd-trust-accent);
}

.qaddimli-trust-badge .qaddimli-trust-icon path {
  fill: none;

  stroke: #ffffff;
  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}

.qaddimli-trust-badge .qaddimli-trust-text {
  position: relative;
  z-index: 2;

  display: block;

  color: inherit;
  line-height: 1;
}

.qaddimli-trust-badge::after {
  content: "";

  position: absolute;
  z-index: 1;

  top: -65%;
  left: -42%;

  width: 24%;
  height: 230%;

  pointer-events: none;

  opacity: 0.72;

  transform: rotate(18deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255, 255, 255, 0.12),
      rgba(255, 255, 255, 0.90),
      rgba(18, 207, 203, 0.10),
      transparent
    );

  animation: qaddimli-trust-shine-v2 6.2s ease-in-out infinite;
}

@keyframes qaddimli-trust-shine-v2 {
  0%,
  73% {
    left: -42%;
  }

  91%,
  100% {
    left: 126%;
  }
}

@media (hover: hover) {
  .qaddimli-trust-badge:hover {
    transform: translateY(-1px);

    border-color: rgba(18, 207, 203, 0.40);

    box-shadow:
      0 4px 12px rgba(11, 42, 74, 0.075),
      0 2px 8px rgba(18, 207, 203, 0.075);
  }
}

/* دعم الهيدر الداكن */
.top-navbar-dark .qaddimli-trust-badge,
.dark .qaddimli-trust-badge,
[class*="header"][class*="dark"] .qaddimli-trust-badge {
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
  border-color: rgba(18, 207, 203, 0.32);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

/* =========================================================
   Mobile fallback row
   يظهر فقط عندما يكون بريد الهيدر الأصلي مخفيًا على الجوال
   ========================================================= */

#qaddimli-mobile-contact-fixed {
  display: none;
}

@media (max-width: 768px) {
  .qaddimli-trust-badge {
    min-height: 20px;

    padding: 3px 6px;
    margin-inline-start: 6px;

    gap: 3px;

    font-size: 9px;
  }

  .qaddimli-trust-badge .qaddimli-trust-icon {
    width: 12px;
    height: 12px;

    flex-basis: 12px;
  }

  #qaddimli-mobile-contact-fixed {
    position: relative;
    z-index: 30;

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

    gap: 7px;

    width: 100%;
    min-height: 30px;

    padding: 5px 14px;

    box-sizing: border-box;

    direction: rtl;

    background: rgba(255, 255, 255, 0.98);

    border-top: 1px solid rgba(11, 42, 74, 0.04);
    border-bottom: 1px solid rgba(11, 42, 74, 0.07);

    box-shadow: 0 2px 8px rgba(11, 42, 74, 0.025);

    font-family: var(--font-main, inherit);
  }

  #qaddimli-mobile-contact-fixed[hidden] {
    display: none !important;
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-email-fixed {
    display: inline-flex;
    align-items: center;

    min-width: 0;

    color: var(--color-primary, #0B2A4A);

    font-size: 10.5px;
    font-weight: 500;
    line-height: 1;

    direction: ltr;

    white-space: nowrap;

    text-decoration: none !important;

    overflow: hidden;
    text-overflow: ellipsis;

    -webkit-tap-highlight-color: transparent;
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-trust-fixed {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    gap: 3px;

    min-height: 20px;
    padding: 3px 6px;

    border: 1px solid rgba(18, 207, 203, 0.25);
    border-radius: 999px;

    background: rgba(18, 207, 203, 0.08);

    color: var(--color-primary, #0B2A4A);

    font-size: 9px;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;

    box-sizing: border-box;

    user-select: none;
    -webkit-user-select: none;
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-trust-fixed svg {
    display: block;

    width: 12px;
    height: 12px;

    flex: 0 0 12px;
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-trust-fixed circle {
    fill: var(--color-primary-light, #12CFCB);
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-trust-fixed path {
    fill: none;

    stroke: #ffffff;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
  }
}

@media (max-width: 390px) {
  .qaddimli-trust-badge {
    min-height: 19px;
    padding-inline: 5px;
    margin-inline-start: 5px;
    font-size: 8.5px;
  }

  #qaddimli-mobile-contact-fixed {
    min-height: 28px;

    padding: 4px 10px;

    gap: 6px;
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-email-fixed {
    font-size: 9.5px;
  }

  #qaddimli-mobile-contact-fixed .qaddimli-mobile-trust-fixed {
    font-size: 8.5px;
    padding: 3px 5px;
  }
}

@media (min-width: 769px) {
  #qaddimli-mobile-contact-fixed {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .qaddimli-trust-badge,
  .qaddimli-trust-badge::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   QADDIMLI — Brand Tagline Under Logo
   منصة سعودية • نصنع الحلول الرقمية بإبداع
   ========================================================= */

.qaddimli-brand-anchor {
  position: relative !important;
  overflow: visible !important;
}

.qaddimli-brand-parent {
  overflow: visible !important;
}


/* السلوجن */
.qaddimli-brand-tagline {
  position: absolute;

  top: calc(100% + 4px);
  left: 50%;

  transform: translateX(-50%);

  z-index: 20;

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

  width: max-content;
  max-width: 230px;

  padding: 0;

  color: var(--color-primary, #0B2A4A);

  font-family: var(--font-main, inherit);

  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;

  letter-spacing: 0;

  text-align: center;
  white-space: nowrap;

  opacity: 0.82;

  pointer-events: none;

  user-select: none;
  -webkit-user-select: none;
}


/* النقطة بين الجزأين تظهر بلون الهوية */
.qaddimli-brand-tagline {
  text-shadow: none;
}


/* شاشة متوسطة */
@media (max-width: 992px) {

  .qaddimli-brand-tagline {
    top: calc(100% + 3px);

    max-width: 210px;

    font-size: 9.5px;
  }

}


/* الجوال */
@media (max-width: 640px) {

  .qaddimli-brand-tagline {
    top: calc(100% + 2px);

    max-width: 180px;

    font-size: 8.5px;
    font-weight: 600;

    line-height: 1.25;
  }

}


/* iPhone الصغير */
@media (max-width: 390px) {

  .qaddimli-brand-tagline {
    max-width: 160px;

    font-size: 8px;
  }

}


/* =========================================================
   QADDIMLI — Home Product Rating
   التقييم المختصر أسفل اسم المنتج في الرئيسية
   ========================================================= */

.qaddimli-home-product-rating {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  gap: 4px;

  width: 100%;

  margin-top: 5px;
  margin-bottom: 4px;

  padding: 0;

  direction: ltr;

  font-family: var(--font-main, inherit);

  line-height: 1;

  white-space: nowrap;

  box-sizing: border-box;

  user-select: none;
  -webkit-user-select: none;

  pointer-events: none;
}


/* عدد التقييمات */
.qaddimli-home-rating-count {
  color: #8A939C;

  font-size: 12px;
  font-weight: 500;

  line-height: 1;
}


/* النجمة */
.qaddimli-home-rating-star {
  color: #FFB400;

  font-size: 15px;
  font-weight: 700;

  line-height: 1;
}


/* الرقم 5 */
.qaddimli-home-rating-value {
  color: var(--color-primary, #0B2A4A);

  font-size: 12px;
  font-weight: 700;

  line-height: 1;
}


/* الجوال */
@media (max-width: 640px) {

  .qaddimli-home-product-rating {
    gap: 3px;

    margin-top: 5px;
    margin-bottom: 4px;
  }


  .qaddimli-home-rating-count {
    font-size: 11px;
  }


  .qaddimli-home-rating-star {
    font-size: 14px;
  }


  .qaddimli-home-rating-value {
    font-size: 11px;
  }

}


/* iPhone صغير */
@media (max-width: 390px) {

  .qaddimli-home-product-rating {
    gap: 3px;
  }


  .qaddimli-home-rating-count {
    font-size: 10.5px;
  }


  .qaddimli-home-rating-star {
    font-size: 13px;
  }


  .qaddimli-home-rating-value {
    font-size: 10.5px;
  }

}

/* QADDIMLI TRACKER V7 — Clean Orders + Proof on Order Details */
#qdm-order-tracker{
  --qdm-green:#169a7b;--qdm-green2:#43c9a4;--qdm-dark:#103e37;--qdm-ink:#17231f;
  --qdm-muted:#71807a;--qdm-line:#e2ece8;--qdm-soft:#f1faf7;
  --qdm-gold:#b88920;--qdm-gold2:#dbb95a;--qdm-gold-dark:#75520c;--qdm-gold-soft:#fff8e3;
  position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:65vh;padding:48px 18px 68px;
  background:radial-gradient(circle at 88% 4%,rgba(22,154,123,.11),transparent 30%),radial-gradient(circle at 7% 72%,rgba(219,185,90,.10),transparent 29%),#fbfdfc;
  color:var(--qdm-ink);font-family:inherit
}
#qdm-order-tracker *,#qdm-order-tracker *::before,#qdm-order-tracker *::after{box-sizing:border-box}
#qdm-order-tracker .qdm-ambient{position:absolute;width:390px;height:390px;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none;z-index:-1;animation:qdmAmbient 11s ease-in-out infinite alternate}
#qdm-order-tracker .qdm-ambient--one{top:0;right:-180px;background:var(--qdm-green)}
#qdm-order-tracker .qdm-ambient--two{bottom:2%;left:-190px;background:var(--qdm-gold2);animation-delay:-4s}
@keyframes qdmAmbient{from{transform:translate3d(0,0,0) scale(.92)}to{transform:translate3d(35px,24px,0) scale(1.08)}}
@keyframes qdmPulse{0%{box-shadow:0 0 0 0 rgba(22,154,123,.35)}70%{box-shadow:0 0 0 9px rgba(22,154,123,0)}100%{box-shadow:0 0 0 0 rgba(22,154,123,0)}}
@keyframes qdmGoldPulse{0%{box-shadow:0 0 0 0 rgba(184,137,32,.28)}70%{box-shadow:0 0 0 9px rgba(184,137,32,0)}100%{box-shadow:0 0 0 0 rgba(184,137,32,0)}}
#qdm-order-tracker .qdm-shell{width:min(100%,840px);margin:0 auto;position:relative}
#qdm-order-tracker .qdm-header{text-align:center;margin-bottom:24px}
#qdm-order-tracker .qdm-system-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;margin-bottom:15px;border:1px solid rgba(22,154,123,.15);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 25px rgba(16,62,55,.04);color:var(--qdm-dark);font-size:11px;font-weight:850}
#qdm-order-tracker .qdm-system-pill small{padding-right:8px;border-right:1px solid rgba(22,154,123,.17);color:var(--qdm-muted);font-size:8px;font-weight:500}
#qdm-order-tracker .qdm-live-dot{width:7px;height:7px;border-radius:50%;background:var(--qdm-green);animation:qdmPulse 1.8s infinite}
#qdm-order-tracker .qdm-header h1{margin:0 0 9px;font-size:clamp(30px,7vw,43px);font-weight:900;line-height:1.2;letter-spacing:-.5px}
#qdm-order-tracker .qdm-header p{max-width:610px;margin:auto;color:var(--qdm-muted);font-size:12px;line-height:1.9}
#qdm-order-tracker .qdm-card{position:relative;margin-bottom:15px;border:1px solid rgba(16,62,55,.08);border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(16,62,55,.065);overflow:hidden}
#qdm-order-tracker .qdm-kicker{display:block;color:var(--qdm-green);font-size:9px;font-weight:900}
#qdm-order-tracker .qdm-kicker-gold{color:var(--qdm-gold-dark)}
#qdm-order-tracker .qdm-login-notice{display:flex;align-items:center;gap:14px;padding:18px 20px;border-color:rgba(22,154,123,.15);background:linear-gradient(135deg,#fff,#f4fbf8)}
#qdm-order-tracker .qdm-notice-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:var(--qdm-soft);color:var(--qdm-green);font-size:17px;font-weight:900}
#qdm-order-tracker .qdm-login-notice strong{display:block;margin:2px 0;color:var(--qdm-dark);font-size:12px;font-weight:900}
#qdm-order-tracker .qdm-login-notice p{margin:0;color:var(--qdm-muted);font-size:9px;line-height:1.7}
#qdm-order-tracker .qdm-trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 15px}
#qdm-order-tracker .qdm-trust-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:11px 12px;border:1px solid var(--qdm-line);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(16,62,55,.025)}
#qdm-order-tracker .qdm-trust-strip span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:var(--qdm-soft);color:var(--qdm-green);font-size:8px;font-weight:900}
#qdm-order-tracker .qdm-trust-strip b{font-size:9px;color:var(--qdm-dark)}
#qdm-order-tracker .qdm-trust-strip small{font-size:7px;color:var(--qdm-muted)}
#qdm-order-tracker .qdm-trust-strip .qdm-trust-gold{border-color:rgba(184,137,32,.18);background:linear-gradient(135deg,var(--qdm-gold-soft),#fff)}
#qdm-order-tracker .qdm-trust-strip .qdm-trust-gold span{background:#fff0bc;color:var(--qdm-gold-dark)}
#qdm-order-tracker .qdm-orders-board{padding:0}
#qdm-order-tracker .qdm-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 23px;border-bottom:1px solid var(--qdm-line);background:linear-gradient(180deg,#fff,#fbfdfc)}
#qdm-order-tracker .qdm-section-head h2{margin:3px 0 2px;color:var(--qdm-dark);font-size:20px;font-weight:900}
#qdm-order-tracker .qdm-section-head p{margin:0;color:var(--qdm-muted);font-size:8.5px}
#qdm-order-tracker .qdm-connection-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:var(--qdm-soft);color:var(--qdm-dark);font-size:8px;font-weight:850}
#qdm-order-tracker .qdm-connection-chip span{width:7px;height:7px;border-radius:50%;background:var(--qdm-green);animation:qdmPulse 1.8s infinite}
#qdm-order-tracker .qdm-orders-frame{padding:17px 17px 11px;background:#fff;min-height:110px}
#qdm-order-tracker .qdm-orders-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--qdm-dark);font-size:9px;font-weight:850}
#qdm-order-tracker .qdm-orders-topline small{color:var(--qdm-muted);font-size:7px;font-weight:500}
#qdm-order-tracker .qdm-proof-center{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin:15px 18px;padding:18px;border:1px solid rgba(184,137,32,.22);border-radius:17px;background:linear-gradient(135deg,var(--qdm-gold-soft),#fff 64%);box-shadow:0 10px 28px rgba(123,88,16,.045)}
#qdm-order-tracker .qdm-proof-seal{position:relative;width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--qdm-gold) 360deg,#eee4c8 0);box-shadow:0 8px 25px rgba(184,137,32,.14)}
#qdm-order-tracker .qdm-proof-seal::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
#qdm-order-tracker .qdm-proof-seal span,#qdm-order-tracker .qdm-proof-seal small{position:relative;z-index:2;grid-area:1/1}
#qdm-order-tracker .qdm-proof-seal span{margin-top:-9px;color:var(--qdm-gold-dark);font-size:15px;font-weight:900}
#qdm-order-tracker .qdm-proof-seal small{margin-top:23px;color:#927733;font-size:7px;font-weight:800}
#qdm-order-tracker .qdm-proof-copy h3{margin:3px 0 4px;color:var(--qdm-dark);font-size:16px;font-weight:900}
#qdm-order-tracker .qdm-proof-copy p{margin:0;color:#817554;font-size:8.5px;line-height:1.8}
#qdm-order-tracker .qdm-proof-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#qdm-order-tracker .qdm-proof-badges span{padding:4px 7px;border:1px solid rgba(184,137,32,.15);border-radius:8px;background:#fff;color:var(--qdm-gold-dark);font-size:6.5px;font-weight:850}
#qdm-order-tracker .qdm-gold-legend{display:flex;align-items:center;gap:9px;margin:0 18px 15px;padding:11px 12px;border:1px solid rgba(184,137,32,.17);border-radius:12px;background:#fffcf3;color:var(--qdm-gold-dark)}
#qdm-order-tracker .qdm-gold-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--qdm-gold);animation:qdmGoldPulse 1.8s infinite}
#qdm-order-tracker .qdm-gold-legend strong{display:block;font-size:9px}
#qdm-order-tracker .qdm-gold-legend small{display:block;margin-top:2px;color:#8d7b4b;font-size:7px;line-height:1.6}
#qdm-order-tracker .qdm-workflow-strip{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center;gap:5px;margin:0 18px 20px;padding:12px;border:1px solid var(--qdm-line);border-radius:14px;background:#fbfdfc}
#qdm-order-tracker .qdm-workflow-strip>div{text-align:center}
#qdm-order-tracker .qdm-workflow-strip>div span{width:27px;height:27px;display:grid;place-items:center;margin:0 auto 5px;border-radius:50%;background:var(--qdm-green);color:#fff;font-size:8px;font-weight:900}
#qdm-order-tracker .qdm-workflow-strip>div b{display:block;color:var(--qdm-dark);font-size:8px}
#qdm-order-tracker .qdm-workflow-strip>div small{display:block;color:var(--qdm-muted);font-size:6.5px;margin-top:2px}
#qdm-order-tracker .qdm-workflow-strip>i{height:2px;border-radius:2px;background:linear-gradient(90deg,var(--qdm-green),#b7ddd2)}
#qdm-order-tracker .qdm-workflow-strip .is-gold span{background:linear-gradient(135deg,var(--qdm-gold),var(--qdm-gold2));box-shadow:0 5px 15px rgba(184,137,32,.20)}
#qdm-order-tracker .qdm-workflow-strip .is-gold b{color:var(--qdm-gold-dark)}
#qdm-order-tracker .qdm-footer-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:15px;color:#919b97;font-size:7.5px}
#qdm-order-tracker .qdm-footer-note>span:first-child{color:var(--qdm-green);font-weight:900}

/* ===== لوحة الإثبات التي يضيفها JavaScript داخل صفحة تفاصيل الطلب المكتمل ===== */
#qdm-order-proof-panel{--qp-gold:#b88920;--qp-gold2:#ddb95a;--qp-dark:#103e37;--qp-muted:#746f62;margin:16px 0 20px;padding:20px;border:1px solid rgba(184,137,32,.25);border-radius:18px;background:linear-gradient(135deg,#fff8e2,#fff 64%);box-shadow:0 16px 38px rgba(123,88,16,.08);font-family:inherit;direction:rtl;overflow:hidden;position:relative}
#qdm-order-proof-panel::after{content:"";position:absolute;width:220px;height:220px;left:-100px;bottom:-135px;border-radius:50%;background:radial-gradient(circle,rgba(221,185,90,.16),transparent 68%);pointer-events:none}
#qdm-order-proof-panel .qdm-proof-panel-top{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
#qdm-order-proof-panel .qdm-proof-gauge{--qdm-proof-progress:0deg;position:relative;width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--qp-gold) var(--qdm-proof-progress),#efe5cb 0);box-shadow:0 10px 28px rgba(184,137,32,.14)}
#qdm-order-proof-panel .qdm-proof-gauge::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
#qdm-order-proof-panel .qdm-proof-gauge strong{position:relative;z-index:2;color:#76520b;font-size:23px;font-weight:900;font-variant-numeric:tabular-nums}
#qdm-order-proof-panel .qdm-proof-gauge small{position:absolute;z-index:2;margin-top:44px;color:#9a7d35;font-size:8px;font-weight:800}
#qdm-order-proof-panel .qdm-proof-panel-label{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(184,137,32,.18);border-radius:999px;background:#fff1c4;color:#76520b;font-size:8px;font-weight:900}
#qdm-order-proof-panel h3{margin:6px 0 4px;color:var(--qp-dark);font-size:20px;font-weight:900}
#qdm-order-proof-panel .qdm-proof-team{margin:8px 0 0;color:var(--qp-muted);font-size:10px;line-height:1.8}
#qdm-order-proof-panel .qdm-proof-team b{color:var(--qp-dark)}
#qdm-order-proof-panel .qdm-proof-panel-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
#qdm-order-proof-panel .qdm-proof-panel-badges span{padding:5px 8px;border:1px solid rgba(184,137,32,.16);border-radius:8px;background:#fff;color:#76520b;font-size:7px;font-weight:850}
#qdm-order-proof-panel .qdm-proof-panel-products{margin-top:14px;padding:11px 12px;border:1px solid #eee7d4;border-radius:11px;background:rgba(255,255,255,.8);color:#6f6753;font-size:9px;line-height:1.7}
#qdm-order-proof-panel .qdm-proof-panel-products b{color:var(--qp-dark)}
#qdm-order-proof-panel .qdm-proof-download{position:relative;z-index:2;width:100%;min-height:50px;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#77540d,var(--qp-gold));color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:900;box-shadow:0 10px 25px rgba(184,137,32,.20);transition:.2s}
#qdm-order-proof-panel .qdm-proof-download:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(184,137,32,.28)}
#qdm-order-proof-panel .qdm-proof-download span{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:8px;background:rgba(255,255,255,.15);font-size:7px}
.qdm-order-status-gold{color:#76520b!important;background:#fff1c4!important;border:1px solid rgba(184,137,32,.22)!important;border-radius:999px!important;padding:4px 9px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;gap:5px!important}

@media(max-width:650px){
 #qdm-order-tracker{padding:36px 12px 52px}.qdm-header h1{font-size:31px!important}.qdm-trust-strip{grid-template-columns:1fr 1fr}.qdm-section-head{align-items:flex-start;flex-direction:column;padding:18px!important}.qdm-proof-center{grid-template-columns:1fr;text-align:center}.qdm-proof-seal{margin:auto}.qdm-proof-badges{justify-content:center}.qdm-workflow-strip{grid-template-columns:1fr 15px 1fr 15px 1fr 15px 1fr;padding:9px!important}.qdm-workflow-strip>div b{font-size:6.8px}.qdm-workflow-strip>div small{display:none}
 #qdm-order-proof-panel .qdm-proof-panel-top{grid-template-columns:1fr;text-align:center}#qdm-order-proof-panel .qdm-proof-gauge{margin:auto}#qdm-order-proof-panel .qdm-proof-panel-badges{justify-content:center}
}
@media(prefers-reduced-motion:reduce){#qdm-order-tracker *,#qdm-order-proof-panel *,#qdm-order-tracker *::before,#qdm-order-tracker *::after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* =========================================================
   V8 — شارة تقرير مستقلة لكل طلب
   ========================================================= */
.qdm-order-report-chip{
  --chip-gold:#b88920;
  --chip-dark:#76520b;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:43px!important;
  min-height:25px!important;
  margin-inline-start:7px!important;
  padding:3px 8px!important;
  border:1px solid #dfe6e3!important;
  border-radius:999px!important;
  background:#f5f7f6!important;
  color:#929b98!important;
  font-family:inherit!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.qdm-order-report-chip::before{
  content:"PDF";
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:#e9eeec;
  color:#8a9490;
  font-size:5.5px;
  font-weight:950;
}
.qdm-order-report-chip.is-ready{
  border-color:rgba(184,137,32,.30)!important;
  background:linear-gradient(135deg,#fff7db,#fff)!important;
  color:var(--chip-dark)!important;
  box-shadow:0 5px 14px rgba(184,137,32,.10)!important;
  cursor:pointer!important;
}
.qdm-order-report-chip.is-ready::before{
  background:linear-gradient(135deg,#7a560d,#b88920);
  color:#fff;
}
.qdm-order-report-chip.is-ready:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(184,137,32,.55)!important;
  box-shadow:0 8px 18px rgba(184,137,32,.16)!important;
}
.qdm-order-report-chip.is-building{
  pointer-events:none!important;
  opacity:.72!important;
}
.qdm-order-report-chip.is-building::before{
  content:"…";
  animation:qdmPulse 1s infinite;
}
.qdm-order-report-chip-wrap{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}

/* على الجوال تبقى صغيرة بجانب حالة الطلب */
@media(max-width:650px){
  .qdm-order-report-chip{min-width:39px!important;padding:3px 6px!important;margin-inline-start:4px!important}
  .qdm-order-report-chip::before{width:18px;height:18px}
}

/* =========================================================
   V9 — One order = one report chip + safe rating removal
   ========================================================= */
.qdm-hide-on-tracker-page{display:none!important}

.qdm-order-report-chip-wrap{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}

.qdm-order-report-chip{
  margin-inline-start:6px!important;
  min-width:45px!important;
}

.qdm-order-report-chip:not(.is-ready){
  opacity:.68!important;
}

.qdm-order-report-chip:not(.is-ready)::before{
  content:"PDF"!important;
}

.qdm-order-report-chip.is-ready{
  animation:qdmGoldChipReady 2.2s ease-in-out infinite!important;
}

@keyframes qdmGoldChipReady{
  0%,100%{box-shadow:0 4px 12px rgba(184,137,32,.08)!important}
  50%{box-shadow:0 7px 18px rgba(184,137,32,.19)!important}
}

/* =========================================================
   QADDIMLI — STORE FEATURES V3
   Compact Institutional Edition
   ========================================================= */

#qaddimli-store-features {

    /* نأخذ هوية المتجر مباشرة من ثيم سلة */
    --qf-primary: var(--color-primary, #06245c);
    --qf-primary-dark: var(--color-primary-dark, #031943);

    --qf-text: #111827;
    --qf-muted: #667085;
    --qf-line: rgba(15, 35, 70, .09);

    direction: rtl;
    width: 100%;
    box-sizing: border-box;

    background: #ffffff;

    padding: 48px 20px 56px;
    margin: 28px 0 0;

    position: relative;
    overflow: hidden;

    font-family:
        var(--font-main),
        "DIN Next LT Arabic",
        "Tajawal",
        Arial,
        sans-serif;
}


/* =========================================================
   الحد العلوي
   ========================================================= */

#qaddimli-store-features::before {

    content: "";

    position: absolute;
    top: 0;
    right: 50%;

    transform: translateX(50%);

    width: min(90%, 1120px);
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(6, 36, 92, .11) 18%,
            rgba(6, 36, 92, .11) 82%,
            transparent
        );
}


/* نقطة مؤسسية صغيرة أعلى القسم */
#qaddimli-store-features::after {

    content: "";

    position: absolute;

    top: 0;
    right: 50%;

    transform: translate(50%, -2px);

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: var(--qf-primary);

    box-shadow:
        0 0 0 4px #fff,
        0 0 0 5px rgba(6, 36, 92, .08);
}


.qf-container {

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
}


/* =========================================================
   العنوان
   ========================================================= */

.qf-title {

    text-align: center;

    margin: 0 0 45px;
}


.qf-title h2 {

    color: var(--qf-primary-dark);

    font-size: clamp(24px, 2.3vw, 32px);

    font-weight: 750;

    line-height: 1.35;

    letter-spacing: -.45px;

    margin: 0;
}


/* خط دقيق تحت العنوان */
.qf-title h2::after {

    content: "";

    display: block;

    width: 27px;
    height: 2px;

    margin: 11px auto 0;

    border-radius: 30px;

    background: var(--qf-primary);
}


/* =========================================================
   GRID
   ========================================================= */

.qf-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    column-gap: 0;
    row-gap: 48px;
}


/* =========================================================
   العناصر
   ========================================================= */

.qf-item {

    text-align: center;

    min-width: 0;

    position: relative;

    padding: 4px 30px 6px;

    opacity: 0;

    transform: translateY(12px);

    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   فواصل مؤسسية بين الأعمدة
   ========================================================= */

@media (min-width: 901px) {

    .qf-item:nth-child(3n + 2) {

        border-inline-start:
            1px solid var(--qf-line);

        border-inline-end:
            1px solid var(--qf-line);
    }
}


/* =========================================================
   ANIMATION
   ========================================================= */

#qaddimli-store-features.qf-visible .qf-item {

    opacity: 1;

    transform: translateY(0);
}


#qaddimli-store-features.qf-visible
.qf-item:nth-child(1) {
    transition-delay: .03s;
}

#qaddimli-store-features.qf-visible
.qf-item:nth-child(2) {
    transition-delay: .07s;
}

#qaddimli-store-features.qf-visible
.qf-item:nth-child(3) {
    transition-delay: .11s;
}

#qaddimli-store-features.qf-visible
.qf-item:nth-child(4) {
    transition-delay: .15s;
}

#qaddimli-store-features.qf-visible
.qf-item:nth-child(5) {
    transition-delay: .19s;
}

#qaddimli-store-features.qf-visible
.qf-item:nth-child(6) {
    transition-delay: .23s;
}


/* =========================================================
   الأيقونة
   ========================================================= */

.qf-icon {

    width: 64px;
    height: 64px;

    margin: 0 auto 16px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: var(--qf-primary);

    position: relative;

    border-radius: 50%;

    transition:
        transform .28s ease,
        background .28s ease;
}


/* الحلقة حول الأيقونة */
.qf-icon::before {

    content: "";

    position: absolute;

    inset: 3px;

    border-radius: 50%;

    background: rgba(6, 36, 92, .035);

    border: 1px solid rgba(6, 36, 92, .11);

    transition:
        transform .28s ease,
        border-color .28s ease,
        background .28s ease;
}


/* SVG */
.qf-icon svg {

    width: 43px;
    height: 43px;

    position: relative;

    z-index: 2;

    stroke: currentColor;

    stroke-width: 2.55;
}


/* Hover */
.qf-item:hover .qf-icon {

    transform: translateY(-3px);
}


.qf-item:hover .qf-icon::before {

    transform: scale(1.04);

    background: rgba(6, 36, 92, .055);

    border-color: rgba(6, 36, 92, .20);
}


/* =========================================================
   النص الرئيسي
   ========================================================= */

.qf-main-text {

    color: var(--qf-text);

    font-size: clamp(18px, 1.65vw, 21px);

    font-weight: 700;

    line-height: 1.5;

    letter-spacing: -.15px;

    margin: 0 0 3px;
}


/* =========================================================
   الأرقام
   ========================================================= */

.qf-number {

    color: var(--qf-primary);

    font-weight: 800;

    font-variant-numeric: tabular-nums;

    direction: ltr;

    unicode-bidi: isolate;

    display: inline-block;
}


/* =========================================================
   النص الثانوي
   ========================================================= */

.qf-sub-text {

    color: var(--qf-muted);

    font-size: 14.5px;

    font-weight: 400;

    line-height: 1.65;

    max-width: 245px;

    margin: 0 auto;
}


/* =========================================================
   لمسة Hover أسفل كل ميزة
   ========================================================= */

.qf-item::after {

    content: "";

    position: absolute;

    right: 50%;
    bottom: -10px;

    transform: translateX(50%);

    width: 0;
    height: 2px;

    border-radius: 50px;

    background: var(--qf-primary);

    opacity: .45;

    transition:
        width .28s ease,
        opacity .28s ease;
}


.qf-item:hover::after {

    width: 23px;

    opacity: .8;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    #qaddimli-store-features {

        padding: 44px 17px 52px;
    }


    .qf-title {

        margin-bottom: 40px;
    }


    .qf-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 10px;
        row-gap: 42px;
    }


    .qf-item {

        padding:
            4px 14px 6px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 520px) {

    #qaddimli-store-features {

        margin-top: 20px;

        padding:
            38px 9px 45px;
    }


    .qf-title {

        margin-bottom: 36px;
    }


    .qf-title h2 {

        font-size: 23px;

        letter-spacing: -.3px;
    }


    .qf-title h2::after {

        width: 23px;
        height: 2px;

        margin-top: 9px;
    }


    .qf-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        column-gap: 3px;
        row-gap: 36px;
    }


    .qf-item {

        padding:
            2px 5px 4px;
    }


    /* الأيقونة أصغر للجوال */

    .qf-icon {

        width: 54px;
        height: 54px;

        margin-bottom: 12px;
    }


    .qf-icon::before {

        inset: 3px;
    }


    .qf-icon svg {

        width: 36px;
        height: 36px;

        stroke-width: 2.5;
    }


    /* النص الرئيسي */

    .qf-main-text {

        font-size: 16px;

        line-height: 1.5;

        margin-bottom: 3px;
    }


    /* الوصف */

    .qf-sub-text {

        font-size: 12.5px;

        line-height: 1.6;

        max-width: 145px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 350px) {

    .qf-main-text {

        font-size: 15px;
    }


    .qf-sub-text {

        font-size: 11.5px;
    }


    .qf-icon {

        width: 50px;
        height: 50px;
    }


    .qf-icon svg {

        width: 33px;
        height: 33px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .qf-item,
    .qf-icon,
    .qf-icon::before,
    .qf-item::after {

        transition: none !important;
    }


    .qf-item {

        opacity: 1 !important;

        transform: none !important;
    }
}

/* =========================================================
   QADDIMLI — Product Active Status
   "نشط" أسفل سعر المنتج
   ========================================================= */

#qaddimli-product-active {
  --qd-active: #16a56f;
  --qd-active-dark: #087a50;
  --qd-active-soft: rgba(22, 165, 111, 0.09);

  position: relative;

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

  gap: 5px;

  width: fit-content;

  margin-top: 7px;
  padding: 4px 9px;

  overflow: hidden;

  border:
    1px solid rgba(22, 165, 111, 0.17);

  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      rgba(22, 165, 111, 0.075),
      rgba(255, 255, 255, 0.92)
    );

  color: var(--qd-active-dark);

  font-family:
    var(--font-main, inherit);

  font-size: 10px;
  font-weight: 700;
  line-height: 1;

  white-space: nowrap;

  box-shadow:
    0 3px 9px rgba(22, 165, 111, 0.07),
    0 1px 3px rgba(15, 23, 42, 0.035);

  user-select: none;
  -webkit-user-select: none;

  pointer-events: none;

  isolation: isolate;
}


/* النقطة الخضراء الحية */
#qaddimli-product-active
.qd-active-dot {

  position: relative;
  z-index: 2;

  width: 6px;
  height: 6px;

  flex: 0 0 6px;

  border-radius: 50%;

  background:
    #17b978;

  box-shadow:
    0 0 0 3px rgba(23, 185, 120, 0.08),
    0 0 7px rgba(23, 185, 120, 0.28);

  animation:
    qaddimli-active-pulse 2.5s ease-in-out infinite;
}


/* النص */
#qaddimli-product-active
.qd-active-text {

  position: relative;
  z-index: 2;

  display: inline-block;
}


/* لمعة خفيفة جدًا */
#qaddimli-product-active::after {

  content: "";

  position: absolute;

  z-index: 1;

  top: -70%;
  left: -35%;

  width: 17%;
  height: 240%;

  opacity: 0.48;

  pointer-events: none;

  transform:
    rotate(18deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,0.20),
      rgba(255,255,255,0.82),
      rgba(255,255,255,0.16),
      transparent
    );

  animation:
    qaddimli-active-shine
    7s
    ease-in-out
    infinite;
}


/* تنفس بسيط للنقطة */
@keyframes qaddimli-active-pulse {

  0%,
  100% {
    box-shadow:
      0 0 0 3px rgba(23,185,120,.07),
      0 0 5px rgba(23,185,120,.20);
  }

  50% {
    box-shadow:
      0 0 0 4px rgba(23,185,120,.10),
      0 0 9px rgba(23,185,120,.34);
  }

}


/* حركة اللمعة */
@keyframes qaddimli-active-shine {

  0%,
  76% {
    left: -35%;
  }

  92%,
  100% {
    left: 125%;
  }

}


/* الجوال */
@media (max-width: 640px) {

  #qaddimli-product-active {

    margin-top: 6px;

    padding:
      4px 8px;

    gap: 4px;

    font-size: 9.5px;
  }


  #qaddimli-product-active
  .qd-active-dot {

    width: 5.5px;
    height: 5.5px;

    flex-basis: 5.5px;
  }

}


/* تقليل الحركة */
@media (prefers-reduced-motion: reduce) {

  #qaddimli-product-active::after,
  #qaddimli-product-active
  .qd-active-dot {

    animation: none !important;
  }

}

/* =========================================================
   QADDIMLI — Saudi Business Center Footer Logo V3
   نقش شفاف بجانب يسار "تواصل معنا"
   Desktop + Mobile
   ========================================================= */

/* العمود الذي يحتوي "تواصل معنا" */
.qaddimli-contact-column {
  position: relative !important;
  overflow: visible !important;
}

/* الحاوية: بلا بطاقة، بلا لون، بلا إطار */
#qaddimli-sbc-footer-slot {
  position: absolute !important;

  top: 50% !important;
  right: calc(100% + 30px) !important;

  transform: translateY(-50%) !important;

  z-index: 4 !important;

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

  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;

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

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;

  direction: ltr !important;

  pointer-events: none !important;
}

/*
 * تنظيف أي "بطاقة" من النسخة السابقة إن كانت موجودة.
 * حتى لو بقي HTML قديم، لن يظهر أي مستطيل أبيض.
 */
#qaddimli-sbc-footer-slot .qaddimli-sbc-footer-card {
  display: contents !important;

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

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  overflow: visible !important;
}

/* الشعار نفسه — أكبر بحوالي 20% من النسخة السابقة */
#qaddimli-sbc-footer-slot .qaddimli-sbc-footer-image {
  position: relative !important;
  z-index: 2 !important;

  display: block !important;

  width: 172px !important;
  max-width: 172px !important;
  height: auto !important;

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

  object-fit: contain !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  /*
   * ظل إسقاط على حروف/رمز الشعار نفسه فقط،
   * وليس على مستطيل حوله.
   */
  filter:
    drop-shadow(0 3px 5px rgba(15, 23, 42, 0.075))
    brightness(1);

  opacity: 0.97;

  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-user-drag: none !important;

  pointer-events: auto !important;

  transform: translateZ(0);

  animation:
    qaddimli-sbc-logo-glow
    7.5s
    ease-in-out
    infinite;

  transition:
    opacity 180ms ease,
    transform 180ms ease,
    filter 180ms ease;
}

/*
 * لمعة خفيفة جدًا على ألوان الشعار نفسها
 * بدون أي طبقة أو مستطيل أبيض.
 */
@keyframes qaddimli-sbc-logo-glow {
  0%,
  72%,
  100% {
    filter:
      drop-shadow(0 3px 5px rgba(15, 23, 42, 0.075))
      brightness(1)
      saturate(1);
  }

  84% {
    filter:
      drop-shadow(0 4px 7px rgba(15, 23, 42, 0.09))
      brightness(1.055)
      saturate(1.035);
  }
}

/* حركة بسيطة جدًا عند المرور بالماوس */
@media (hover: hover) {
  #qaddimli-sbc-footer-slot .qaddimli-sbc-footer-image:hover {
    opacity: 1;

    transform:
      translateY(-1px);

    filter:
      drop-shadow(0 4px 7px rgba(15, 23, 42, 0.095))
      brightness(1.025)
      saturate(1.025);
  }
}

/* =========================================================
   الجوال / التابلت
   يعود داخل تدفق عمود التواصل حتى لا يتداخل مع الأعمدة
   ========================================================= */
@media (max-width: 900px) {
  #qaddimli-sbc-footer-slot {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    left: auto !important;

    transform: none !important;

    width: 100% !important;

    margin: 16px auto 0 !important;
    padding: 0 !important;

    justify-content: center !important;
  }

  #qaddimli-sbc-footer-slot .qaddimli-sbc-footer-image {
    width: 154px !important;
    max-width: 154px !important;
  }
}

/* iPhone والشاشات الصغيرة */
@media (max-width: 430px) {
  #qaddimli-sbc-footer-slot {
    margin-top: 14px !important;
  }

  #qaddimli-sbc-footer-slot .qaddimli-sbc-footer-image {
    width: 142px !important;
    max-width: 142px !important;
  }
}

/* احترام إعداد تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  #qaddimli-sbc-footer-slot .qaddimli-sbc-footer-image {
    animation: none !important;
    transition: none !important;
  }
}