/* ===== Solutions — single centered heading on white→blue gradient ===== */
.s-solutions{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: clamp(72px, 10vw, 136px);
  background: linear-gradient(160deg, var(--c-bg) 0%, var(--c-primary) 100%);
  background-color: var(--c-primary);
  color: var(--c-text);
}

/* طبقة ضوء خفيفة تُبقي التدرّج متماسكاً في المنتصف */
.s-solutions::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 92% 78% at 50% 42%, var(--c-bg) 0%, transparent 72%);
  opacity: .8;
}

.s-solutions__inner{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}

/* إصلاح التباين: شريحة صلبة بلون الأساسي مع نص فاتح بدل النص الداكن فوق التدرّج */
.s-solutions__title{
  margin: 0;
  max-inline-size: 48ch;
  padding: clamp(16px, 2.2vw, 26px) clamp(20px, 3.4vw, 44px);
  text-align: center;
  font-family: var(--font-head);
  font-weight: 700;
  font-size: clamp(1.5rem, 1.05rem + 1.9vw, 2.25rem); /* 24px → 36px */
  line-height: 1.35;
  letter-spacing: -.01em;
  color: var(--c-on-primary);
  background: var(--c-primary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  text-wrap: balance;
}

@media (max-width: 900px){
  .s-solutions{ padding-block: clamp(64px, 11vw, 96px); }
  .s-solutions__title{ max-inline-size: 34ch; line-height: 1.4; }
}

@media (max-width: 600px){
  .s-solutions{ padding-block: 56px; }
  .s-solutions__title{
    max-inline-size: 100%;
    letter-spacing: 0;
    padding: 16px 18px;
    line-height: 1.45;
  }
}
