/* =========================================================
   Services Page Scoped Styling
   هذا التنسيق خاص بصفحة الخدمات فقط
========================================================= */

body.reham-services-page .services-page-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 158px 0 86px !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(232, 224, 212, .14), transparent 24%),
    radial-gradient(circle at 82% 78%, rgba(232, 224, 212, .10), transparent 24%),
    linear-gradient(135deg, #6B2138 0%, #5A1B30 48%, #4A1426 100%) !important;
}

body.reham-services-page .services-page-hero::before {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(232, 224, 212, .10);
  border-radius: 34px;
  pointer-events: none;
  z-index: 0;
}

body.reham-services-page .services-page-hero::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  left: -130px;
  bottom: -170px;
  background: radial-gradient(circle, rgba(232, 224, 212, .10), transparent 68%);
  pointer-events: none;
  z-index: 0;
}

body.reham-services-page .services-page-hero .container {
  position: relative;
  z-index: 2;
}

body.reham-services-page .services-page-hero .section-head {
  max-width: 820px;
  margin-bottom: 0 !important;
}

body.reham-services-page .services-page-hero .section-label,
body.reham-services-page .services-page-hero .section-title,
body.reham-services-page .services-page-hero .section-sub {
  color: var(--identity-beige, #E2DFD7) !important;
}

body.reham-services-page .services-page-hero .section-label::before,
body.reham-services-page .services-page-hero .section-label::after {
  background: rgba(226, 223, 215, .60) !important;
}

body.reham-services-page .services-page-hero .section-title {
  font-size: clamp(38px, 4.2vw, 66px) !important;
  line-height: 1.22 !important;
  margin-bottom: 18px !important;
}

body.reham-services-page .services-page-hero .section-sub {
  max-width: 780px;
  margin-inline: auto;
  color: rgba(232, 224, 212, .90) !important;
  line-height: 2 !important;
}

body.reham-services-page .services-page-services {
  padding-top: 74px !important;
  padding-bottom: 100px !important;
}

body.reham-services-page .services-page-services .section-head {
  margin-bottom: 44px !important;
}

body.reham-services-page .services-page-cta {
  padding-top: 18px !important;
  padding-bottom: 96px !important;
}

body.reham-services-page .services-page-cta .cta-luxury {
  margin-top: 0 !important;
}

/* تقليل الفراغات على التابلت والجوال */
@media (max-width: 980px) {
  body.reham-services-page .services-page-hero {
    padding: 136px 0 72px !important;
  }

  body.reham-services-page .services-page-services {
    padding-top: 62px !important;
    padding-bottom: 78px !important;
  }

  body.reham-services-page .services-page-cta {
    padding-top: 8px !important;
    padding-bottom: 78px !important;
  }
}

@media (max-width: 640px) {
  body.reham-services-page .services-page-hero {
    padding: 122px 0 62px !important;
  }

  body.reham-services-page .services-page-hero::before {
    inset: 12px;
    border-radius: 26px;
  }

  body.reham-services-page .services-page-hero .section-title {
    font-size: clamp(34px, 9vw, 44px) !important;
  }

  body.reham-services-page .services-page-hero .section-sub {
    font-size: 14px !important;
    line-height: 1.9 !important;
  }

  body.reham-services-page .services-page-services {
    padding-top: 54px !important;
  }

  body.reham-services-page .services-page-cta .cta-luxury {
    padding: 34px 22px !important;
  }
}