/* ============================================================
   SUN KIDS — страница логопеда
   ============================================================ */

/* Когда пора */
.sk-lg-signs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sk-lg-sign {
  padding: 22px 24px; border-radius: var(--sk-r);
  background: var(--sk-bg); border: 1px solid var(--sk-line);
  border-left: 5px solid var(--sk-blue);
}
.sk-lg-sign--1 { border-left-color: var(--sk-yellow); }
.sk-lg-sign--2 { border-left-color: var(--sk-coral); }
.sk-lg-sign__age {
  display: inline-block; font-size: 12.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase;
  color: var(--sk-blue); margin-bottom: 8px;
}
.sk-lg-sign--1 .sk-lg-sign__age { color: #B37700; }
.sk-lg-sign--2 .sk-lg-sign__age { color: var(--sk-coral-dark); }
.sk-lg-sign p { font-size: 16px; line-height: 1.55; color: var(--sk-ink); font-weight: 700; }
.sk-lg-note {
  max-width: 760px; margin: 26px auto 0 !important; text-align: center;
  font-size: 14.5px; line-height: 1.6; color: var(--sk-ink-soft);
}

/* С чем работаем */
.sk-lg-area { padding: 28px; }
.sk-lg-area .sk-bincl__ico { width: 48px; height: 48px; }
.sk-lg-area .sk-bincl__ico svg { width: 24px; height: 24px; }
.sk .sk-lg-area h3 { margin: 16px 0 8px; font-size: 20px; }
.sk-lg-area p { font-size: 15.5px; line-height: 1.6; color: var(--sk-ink-soft); }

/* Шаги */
.sk-lg-steps {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px;
  counter-reset: none; position: relative;
}
.sk-lg-step { position: relative; }
.sk-lg-step__num {
  width: 52px; height: 52px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 22px; font-weight: 900; color: #fff; background: var(--sk-coral);
  box-shadow: 0 0 0 6px #FDECEB; margin-bottom: 18px;
}
.sk-lg-step:not(:last-child)::after {
  content: ""; position: absolute; top: 26px; left: 70px; right: -12px;
  border-top: 2px dashed var(--sk-line);
}
.sk .sk-lg-step h3 { font-size: 19px; margin-bottom: 8px; }
.sk-lg-step p { font-size: 15.5px; line-height: 1.6; color: var(--sk-ink-soft); }

/* Специалист */
.sk-lg-spec { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.sk-lg-spec__photo img, .sk-lg-spec__photo .sk-ph {
  display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover;
  border-radius: var(--sk-r-lg); border: 6px solid rgba(255,255,255,.3);
}
.sk-lg-spec__photo .sk-ph { background: rgba(255,255,255,.14); color: rgba(255,255,255,.85); }
.sk-lg-spec h2 { margin: 14px 0 0; }
.sk-lg-spec .sk-lead { margin: 14px 0 24px; }

@media (max-width: 960px) {
  .sk-lg-signs { grid-template-columns: repeat(2, 1fr); }
  .sk-lg-steps { grid-template-columns: repeat(2, 1fr); }
  .sk-lg-step::after { display: none; }
  .sk-lg-spec { grid-template-columns: 1fr; }
  .sk-lg-spec__photo { max-width: 360px; }
}
@media (max-width: 560px) {
  .sk-lg-signs, .sk-lg-steps { grid-template-columns: 1fr; }
}

/* Hero — коралловая версия, чтобы страница отличалась от синих */
.sk-sec--blue.sk-lg-hero { background: var(--sk-coral-dark); }
.sk-lg-hero .sk-lead { color: rgba(255,255,255,.94); }
.sk-lg-hero .sk-framed { border-color: rgba(255,255,255,.65); }