/* ============ Услуги ============ */

/* Якорная навигация по направлениям */
.anchornav {
  position: sticky; top: 0; z-index: 40;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--line);
}
.anchornav__row { display: flex; gap: 8px; padding-block: 14px; overflow-x: auto; }
.anchornav__chip {
  display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0;
  border: 1px solid var(--line); border-radius: var(--r-pill);
  padding: 11px 19px;
  white-space: nowrap;
  transition: border-color .2s, background-color .2s;
}
.anchornav__chip:hover { border-color: var(--accent); background: var(--accent-soft); }
.anchornav__chip b { font-family: var(--font-serif); font-weight: 700; font-size: 15px; color: var(--accent); }
.anchornav__chip span { font-weight: 600; font-size: 14.5px; color: var(--ink-soft); }

/* Зона направления */
.dir { background: var(--cream); padding-block: clamp(56px, 7vw, 96px); scroll-margin-top: 70px; }
.dir__inner { display: flex; flex-direction: column; gap: 58px; }
.dir__head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; align-items: center; }
.dir__num { font-family: var(--font-serif); font-weight: 700; font-size: 20px; line-height: 1.6; color: var(--accent); }
.dir__title { font-family: var(--font-serif); font-weight: 600; font-size: clamp(38px, 4.4vw, 52px); line-height: 1.02; letter-spacing: -0.01em; color: var(--ink); margin-block: 4px; }
.dir__desc { max-width: 549px; font-size: 18px; line-height: 28.8px; color: var(--ink-soft); }
.dir__slot { aspect-ratio: 16 / 11; width: 100%; }
.dir__img { display: block; width: 100%; aspect-ratio: 16 / 11; object-fit: cover; object-position: center; border-radius: var(--r-lg); box-shadow: 0 18px 50px -22px rgba(27, 23, 20, 0.28); }

/* Карточки операций */
.proc__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: start; }
.proc {
  display: flex; flex-direction: column;
  background: #fff; border: 1px solid rgba(27, 23, 20, 0.06);
  border-radius: var(--r-md);
  padding: 31px 33px;
}
.proc__top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; font-family: var(--font-serif); }
.proc__name { font-weight: 600; font-size: 25px; line-height: 1.2; color: var(--ink); }
.proc__price { font-weight: 600; font-size: 21px; color: var(--accent); white-space: nowrap; }
.proc__desc { margin-top: 11px; font-size: 15.5px; line-height: 24.8px; color: var(--ink-soft); }
.proc__meta { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 20px 22px; }
.proc__chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--cream); border: 1px solid rgba(27, 23, 20, 0.06);
  border-radius: var(--r-pill); padding: 7px 13px;
  font-size: 12.5px; line-height: 20px; color: var(--ink-soft);
}
.proc__chip b { font-weight: 700; color: var(--ink); }
.proc__more {
  margin-top: auto;
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--accent); font-weight: 600; font-size: 14.5px; line-height: 23.2px;
  transition: gap .2s;
}
.proc__more:hover { gap: 12px; }

/* Доверие (тёмная полоса) */
.trust { background: var(--ink); padding-block: 80px; }
.trust__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.trust__item { display: flex; flex-direction: column; gap: 11px; align-items: flex-start; }
.trust__ic {
  display: flex; align-items: center; justify-content: center;
  width: 54px; height: 54px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--accent);
}
.trust__ic svg { width: 26px; height: 26px; }
.trust__t { font-family: var(--font-serif); font-weight: 600; font-size: 24px; line-height: 1.6; color: #fff; }
.trust__d { font-size: 15.5px; line-height: 24.8px; color: rgba(255, 255, 255, 0.66); }

@media (max-width: 820px) {
  .dir__head { grid-template-columns: 1fr; gap: 32px; }
  .dir__media { order: -1; }
  .proc__grid { grid-template-columns: 1fr; }
  .trust__grid { grid-template-columns: 1fr; gap: 32px; }
}