/* =========================
   SERVICES ARCHIVE (/poslugi/)
========================= */

:root{
  --c-white:#FFFFFF;
  --c-black:#0B0B0B;
  --c-green:#62BD54;

  --card-bg: #FBFCFB;            /* не чисто білий */
  --card-border: rgba(11,11,11,0.07);
  --card-shadow: 0 22px 60px rgba(11,11,11,0.07);
  --card-shadow-hover: 0 34px 90px rgba(11,11,11,0.11);
}

/* Загальні відступи секцій */
.services-archive .section{
  padding: 60px 0;
}

/* ---------- HERO ---------- */
.services-hero{
  background:
    radial-gradient(900px 560px at 10% 15%, rgba(98,189,84,0.20), transparent 62%),
    radial-gradient(980px 640px at 85% 10%, rgba(98,189,84,0.10), transparent 68%),
    radial-gradient(900px 600px at 80% 85%, rgba(11,11,11,0.02), transparent 72%),
    linear-gradient(135deg, #FFFFFF 0%, #F7FFF6 40%, #FFFFFF 100%);
}

.services-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background: rgba(11,11,11,0.06);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.16em;
  margin:0 0 8px;
  color: var(--c-black);
}

.services-hero__eyebrow::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background: var(--c-green);
}

.services-hero__title{
  margin:0 0 10px;
  font-size:clamp(28px, 4vw, 48px);
  font-weight: var(--fw-extrabold, 800);
  letter-spacing:-0.02em;
  color: var(--c-black);
}

.services-hero__subtitle{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:#374151;
}