.rr-full{
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: auto;
  margin: 0;

  /* ✅ الأهم: تصحيح full width داخل أي Container */
  margin-inline-start: calc(50% - 50vw);
  margin-inline-end:   calc(50% - 50vw);
}

/* ✅ منع سحب أفقي بدون ما نلخبط الموقع كامل */
[data-rr-stats]{ overflow-x: clip; }

/* ===== SECTION VARS ===== */
.rr-stats{
  --rr-accent: var(--td_theme_color, var(--td_theme_color_main, #0A7674));
  --rr-surface: #0b1220;
  --rr-text: #fff;
  --rr-muted: rgba(255,255,255,.76);
  --rr-number: #fff;
  background: transparent;
  
  /* Ensure section is visible to Intersection Observer */
  min-height: 100px;
  position: relative;
}


/* ===== NO HEADER MODE ===== */
.rr-stats--nohead{ padding-top: 28px; }
.rr-stats--nohead .rr-stats__wrap{ margin-top: 0; padding-top: 0; }

/* Fallback title + side description (when header hidden)
   Styled to match ABX Values section heading (without touching header mode) */
.rr-fallbackBar{
  max-width:1180px;
  margin:0 auto 16px;
  padding: 0 16px;
  display:block;
  text-align:center;
}

.rr-fallbackTitle{ text-align:center; }

.rr-fallbackTitle__text{
  margin:0 0 8px;
  color: var(--rr-text);
  font-weight:1000;
  font-size: 28px;       /* match ABX Values */
  line-height: 1.2;
}

.rr-sideDesc{
  max-width: 860px;      /* match ABX Values */
  margin:0 auto;
}

.rr-sideDesc__text{
  margin:0;
  color: var(--rr-muted);
  font-weight: 700;
  font-size: 14.5px;     /* match ABX Values */
  line-height: 2;
  text-align:center;
}

@media (max-width: 640px){
  .rr-fallbackTitle__text{ font-size: 24px; }
  .rr-sideDesc{ max-width: 720px; }
}

/* ===== HEADER (NO GRADIENT) ===== */
.rr-head{
  position:relative;
  padding: 86px 0 120px;

  /* ✅ بدون تدرج: لون واحد مع لمعات بسيطة (radial فقط) */
  background: var(--rr-accent);
  overflow:hidden;
}

/* لمعات خفيفة فوق اللون (ليست تدرج) */
.rr-head:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(900px 320px at 70% 10%, rgba(255,255,255,.16), transparent 60%),
    radial-gradient(720px 260px at 12% 78%, rgba(255,255,255,.10), transparent 62%);
  pointer-events:none;
}
.rr-head:after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(1200px 380px at 50% 0%, transparent 45%, rgba(0,0,0,.10) 100%);
  pointer-events:none;
}

.rr-head__wrap{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:0 16px;
  display:flex;
  justify-content:center;
}

/* ✅ حاوية العنوان بدون أي تدرج */
.rr-head__card{
  width:min(880px, 100%);
  text-align:center;
  padding:26px 22px 22px;
  border-radius:22px;

  background: rgba(11,18,32,.72);     /* #0b1220 شفافية */
  border:1px solid rgba(255,255,255,.16);

  box-shadow:
    0 18px 45px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position:relative;
  overflow:hidden;
}

/* لمعان خفيف على الكارد بدون تدرج (radial فقط) */
.rr-head__card:before{
  content:"";
  position:absolute;
  top:-50px; right:-120px;
  width: 320px; height: 220px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.16), transparent 65%);
  transform: rotate(10deg);
  pointer-events:none;
}

.rr-head__title{
  margin:0 0 10px;
  color: var(--rr-text);
  font-weight:1000;
  font-size:46px;
  line-height:1.15;
  text-shadow: 0 10px 24px rgba(0,0,0,.22);
}
.rr-head__sub{
  margin:0;
  color: var(--rr-muted);
  font-weight:800;
  font-size:20px;
  line-height:1.75;
}

/* Curve */
.rr-head__curve{
  position:absolute;
  left:0; right:0; bottom:-1px;
  width:100%;
  height:110px;
}
.rr-head__curve path{ fill: var(--rr-surface); }

/* ==============================
   Remove header/card gradient/glow
   (Requested: إزالة التدرج/اللمعة من عنوان قالب الإحصائيات)
   ============================== */
.rr-head:before,
.rr-head:after,
.rr-head__card:before{
  display:none !important;
}

/* ===== STATS WRAP ===== */
.rr-stats__wrap{
  max-width:1180px;
  margin: 0 auto;
  padding: 0 16px 30px;
  margin-top: 14px;
  position:relative;
  z-index:3;
}

/* ===== ROW ===== */
.rr-stats__row{
  display:flex;
  gap: 14px;
  align-items:stretch;

  overflow-x:auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
.rr-stats__row::-webkit-scrollbar{ height: 8px; }
.rr-stats__row::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.14);
  border-radius: 999px;
}
.rr-stats__row::-webkit-scrollbar-track{ background: rgba(255,255,255,.06); }

/* ===== CARD (SOLID, NO GRADIENTS) ===== */
.rr-stat{
  flex: 0 0 calc((100% - (14px * 3)) / 4);
  min-width: 250px;
  scroll-snap-align: start;

  position: relative;
  overflow: hidden;
  border-radius: 20px;

  background: var(--rr-surface);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 18px 46px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06);

  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease, border-color .12s ease;
  will-change: transform;
}
.rr-stat::before{ content:none; }

.rr-stat:active{
  transform: scale(.985);
  filter: brightness(1.08);
  border-color: rgba(255,255,255,.16);
  box-shadow:
    0 12px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08);
}

/* ===== Center content ===== */
.rr-stat--layout{
  padding: 16px 16px 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 148px;
}
.rr-stat__body{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 6px;
}

/* ===== NUMBER CONTAINER (SOLID) ===== */
.rr-stat__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 6px;

  padding: 10px 14px;
  border-radius: 14px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 12px 24px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.rr-stat__sign{
  color: var(--rr-text);
  font-weight: 1000;
  font-size: var(--spx-lead,16px);
  line-height: 1;
  transform: translateY(-.5px);
}
.rr-stat__num{
  color: var(--rr-number);
  font-weight: 1000;
  font-size: 20px;
  line-height: 1;
  letter-spacing: .2px;
  font-variant-numeric: tabular-nums;
}

.rr-stat__title{
  color: var(--rr-text);
  font-weight: 900;
  font-size: 14px;
  margin: 0;
}
.rr-stat__desc{
  color: var(--rr-muted);
  font-weight: 800;
  font-size: 12.5px;
  line-height: 1.85;
  margin: 0;
  max-width: 22ch;
}

/* ===== MOBILE: vertical ===== */
@media (max-width: 768px){
  .rr-head{ padding: 56px 0 96px; }
  .rr-head__card{ padding: 20px 16px 18px; border-radius: 18px; }
  .rr-head__title{ font-size: 30px; }
  .rr-head__sub{ font-size: var(--spx-lead,16px); }
  .rr-head__curve{ height: 80px; }

  .rr-stats__wrap{ margin-top: 14px; padding-bottom: 22px; }

  .rr-stats__row{
    flex-direction: column;
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
    gap: 14px;
  }

  .rr-stat{
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    scroll-snap-align: unset;
    border-radius: 20px;
  }

  .rr-stat--layout{ min-height: 140px; }
  .rr-stat__badge{ padding: 10px 14px; border-radius: 14px; }
  .rr-stat__num{ font-size: 19px; }
  .rr-stat__title{ font-size: 13.5px; }
  .rr-stat__desc{ font-size: 12.3px; max-width: 26ch; }
}

@media (prefers-reduced-motion: reduce){
  .rr-stat{ transition:none !important; }
}

/* About Us Template - Modern Corporate RTL */
/* Full width breakout (works inside tagDiv container) */
.ra-full{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
}
html, body{ overflow-x:hidden; }

/* ===== Theme-aware variables (Newspaper/tagDiv) ===== */