/* ═══════════════════════════════════════════════════════════════════════
   FastFixCell.com — Section Themes v4.0 (flow-friendly)
   Light alternating panels. Hero stays cinematic/dark.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Hero: Neon Tech Lab (dark band only) ────────────────────── */
.hero {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(37,99,235,0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 70% 80%, rgba(6,182,212,0.12) 0%, transparent 50%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 60%, #111827 100%);
  color: #f8fafc;
}
.hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 72px;
  background: linear-gradient(0deg, #f8fafc 0%, transparent 100%);
  z-index: 2;
  pointer-events: none;
}

/* ── Services ────────────────────────────────────────────────── */
.services {
  background: #f8fafc;
  color: #0f172a;
}
.services .orb-blue,
.services .orb-cyan,
.services .orb-amber {
  opacity: 0.2;
}

/* ── Booking ─────────────────────────────────────────────────── */
.booking {
  background: #ffffff;
  color: #0f172a;
  position: relative;
}

/* ── Shop ────────────────────────────────────────────────────── */
#shop {
  background: #ffffff;
  color: #0f172a;
}

/* ── IMEI ────────────────────────────────────────────────────── */
#imei-check {
  background: #f8fafc;
  color: #0f172a;
}

/* ── Testimonials ────────────────────────────────────────────── */
.testimonials {
  background: #ffffff;
  color: #0f172a;
}

/* ── Carriers ────────────────────────────────────────────────── */
.carriers {
  background: #f8fafc;
  color: #0f172a;
}

/* ── Coverage ────────────────────────────────────────────────── */
#coverageSection {
  background: #ffffff;
  color: #0f172a;
}

/* ── CTA ─────────────────────────────────────────────────────── */
.cta-section {
  background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);
  color: #0f172a;
  position: relative;
}

/* ── Wave dividers ───────────────────────────────────────────── */
.section-wave {
  display: block;
  line-height: 0;
  overflow: hidden;
  pointer-events: none;
}
.section-wave svg {
  display: block;
  width: 100%;
  height: 28px;
}
.section-divider-fill {
  fill: #f8fafc;
}

/* ── Why us ──────────────────────────────────────────────────── */
.why-us {
  background: #ffffff;
  color: #0f172a;
}