/* === Global Unified Hero Style === */
/* اعمال روی تمام صفحاتی که کلاس page-hero دارند */

.page-hero {
  background: linear-gradient(225deg, #1e3a8a 0%, #0f172a 60%, #020617 100%) !important;
  color: #fff !important;
  padding: 5rem 1.5rem !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important; /* گوشه‌های تیز */
  z-index: 1 !important;
}

/* هاله نور از بالا-راست (محل لوگو) */
.page-hero::after {
  content: '' !important;
  position: absolute !important;
  top: -20% !important;
  right: -10% !important;
  width: 800px !important;
  height: 800px !important;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.05) 40%, transparent 70%) !important;
  border-radius: 50% !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* پترن نقطه‌ای */
.page-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px) !important;
  background-size: 30px 30px !important;
  opacity: 0.4 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* عنوان هیرو */
.page-hero h1 {
  font-size: clamp(1.8rem, 4vw, 2.5rem) !important;
  font-weight: 800 !important;
  margin-bottom: 1rem !important;
  position: relative !important;
  z-index: 2 !important;
  color: #fff !important;
  text-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

/* توضیحات هیرو */
.page-hero p {
  font-size: 1.1rem !important;
  opacity: 0.95 !important;
  max-width: 650px !important;
  margin: 0 auto 2rem !important;
  position: relative !important;
  z-index: 2 !important;
}

/* آمار و ارقام */
.service-count-box,
.page-hero .count-box,
.page-hero .stat-box {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  text-align: center !important;
  transition: transform 0.2s ease !important;
  position: relative !important;
  z-index: 2 !important;
  backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.page-hero .count-number,
.page-hero .stat-number {
  font-size: 1.8rem !important;
  font-weight: 800 !important;
  color: #f59e0b !important;
  margin-bottom: 0.2rem !important;
}

.page-hero .count-label,
.page-hero .stat-label {
  font-size: 0.9rem !important;
  opacity: 0.9 !important;
}

/* ریسپانسیو */
@media (max-width: 768px) {
  .page-hero {
    padding: 3rem 1rem !important;
  }
  .page-hero::after {
    width: 400px !important;
    height: 400px !important;
    top: -10% !important;
    right: -20% !important;
  }
}