/* ============================================================
   FROM CHINA WITH LOVE — Section
   ============================================================ */
.fcwl-section {
  position: relative;
 background: #111;  /* بدل الأحمر */
  padding: 80px 0 90px;
  overflow: hidden;
  isolation: isolate;
}

/* ── خريطة العالم الحقيقية كـ background ── */
.fcwl-map {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url('../images/world-map.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  mix-blend-mode: normal;
}

/* ── SVG الخطوط والنقطة — فوق الصورة ── */
.fcwl-rays-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

/* نقطة الصين */
.fcwl-china-dot {
  fill: #fff;
  filter: drop-shadow(0 0 4px rgba(255,255,255,.9));
}

/* نبضة الصين */
.fcwl-china-pulse {
  fill: none;
  stroke: rgba(255,255,255,.6);
  stroke-width: 1.5;
  animation: chinaPulse 2.5s ease-out infinite;
}
@keyframes chinaPulse {
  0%   { r: 6;  opacity: 1; }
  100% { r: 32; opacity: 0; }
}

/* خطوط الامتداد */
.fcwl-ray {
  stroke: rgba(255,255,255,.25);
  stroke-width: 1;
  fill: none;
  animation: rayDraw 3s linear infinite;
}
.fcwl-ray:nth-child(2) { animation-delay: 0s;   }
.fcwl-ray:nth-child(3) { animation-delay: 0.5s; }
.fcwl-ray:nth-child(4) { animation-delay: 1s;   }
.fcwl-ray:nth-child(5) { animation-delay: 1.5s; }
.fcwl-ray:nth-child(6) { animation-delay: 2s;   }
.fcwl-ray:nth-child(7) { animation-delay: 2.5s; }
@keyframes rayDraw {
  0%   { stroke-dashoffset: 120; opacity: 0;   }
  30%  { opacity: 0.5; }
  100% { stroke-dashoffset: 0;   opacity: 0.1; }
}

/* ── المحتوى — فوق كل حاجة ── */
.fcwl-content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* ── Origin label ── */
.fcwl-origin {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  opacity: 0;
  animation: fcwlFadeUp .6s ease forwards .2s;
}
.fcwl-origin-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.3), 0 0 12px rgba(255,255,255,.5);
  flex-shrink: 0;
}
.fcwl-origin-line {
  display: block;
  width: 40px; height: 1px;
  background: rgba(255,255,255,.5);
}
.fcwl-origin-label {
  font-family: var(--ff-body, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}

/* ── Eyebrow ── */
.fcwl-eyebrow {
  font-family: var(--ff-body, 'Inter', sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  margin-bottom: 16px;
  opacity: 0;
  animation: fcwlFadeUp .6s ease forwards .35s;
}

/* ── الجملة الرئيسية ── */
.fcwl-text-wrap { margin-bottom: 40px; }

.fcwl-heading {
  font-family: var(--ff-display, 'Montserrat', sans-serif);
  font-weight: 900;
  font-size: clamp(48px, 8vw, 96px);
  color: #fff;
  line-height: 1.0;
  letter-spacing: -0.03em;
  margin-bottom: 20px;
}

.fcwl-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px) skewX(-4deg);
  margin-right: 0.2em;
}
.fcwl-word--accent {
  font-style: italic;
  text-shadow: 2px 2px 0 rgba(0,0,0,.12);
}
.fcwl-word--1 { animation: wordReveal .7s cubic-bezier(.22,1,.36,1) forwards .5s; }
.fcwl-word--2 { animation: wordReveal .7s cubic-bezier(.22,1,.36,1) forwards .7s; }
.fcwl-word--3 { animation: wordReveal .7s cubic-bezier(.22,1,.36,1) forwards .9s; }
.fcwl-word--4 { animation: wordReveal .7s cubic-bezier(.22,1,.36,1) forwards 1.1s; }

@keyframes wordReveal {
  0%   { opacity: 0; transform: translateY(40px) skewX(-4deg); }
  100% { opacity: 1; transform: translateY(0)    skewX(0deg);  }
}

/* ── النص التوضيحي ── */
.fcwl-sub {
  font-family: var(--ff-body, 'Inter', sans-serif);
  font-size: 16px;
  color: rgba(255,255,255,.75);
  line-height: 1.7;
  max-width: 480px;
  margin: 0 auto;
  opacity: 0;
  animation: fcwlFadeUp .6s ease forwards 1.3s;
}
.fcwl-sub strong { color: #fff; font-weight: 700; }

/* ── إحصائيات ── */
.fcwl-stats-row {
  display: flex;
  align-items: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 16px;
  overflow: hidden;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,.08);
  opacity: 0;
  animation: fcwlFadeUp .6s ease forwards 1.5s;
}
.fcwl-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 40px;
  gap: 4px;
}
.fcwl-stat-num {
  font-family: var(--ff-display, 'Montserrat', sans-serif);
  font-size: 32px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  letter-spacing: -0.02em;
}
.fcwl-stat-plus {
  font-size: 18px;
  vertical-align: super;
  margin-left: 1px;
  color: rgba(255,255,255,.7);
}
.fcwl-stat-lbl {
  font-family: var(--ff-body, 'Inter', sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
}
.fcwl-stat-divider {
  width: 1px; height: 48px;
  background: rgba(255,255,255,.15);
  flex-shrink: 0;
}

/* ── Keyframes عامة ── */
@keyframes fcwlFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .fcwl-section { padding: 60px 0 70px; }
  .fcwl-heading { font-size: clamp(40px, 12vw, 64px); }
  .fcwl-stats-row { flex-direction: column; width: 100%; max-width: 280px; }
  .fcwl-stat-divider { width: 60%; height: 1px; }
  .fcwl-stat { padding: 16px 28px; }

  /* zoom على منطقة الصين في الموبايل */
  .fcwl-map {
    background-size: 280%;
    background-position: 65% 35%;
  }

  /* SVG يتمركز على الصين */
  .fcwl-rays-svg {
    width: 280%;
    left: -90%;
    top: -20%;
    height: 140%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fcwl-word, .fcwl-eyebrow, .fcwl-origin, .fcwl-sub, .fcwl-stats-row {
    opacity: 1; transform: none; animation: none;
  }
  .fcwl-china-pulse, .fcwl-ray { animation: none; }
}