/* ═══════════════════════════════════════════════════════════════
   SERVICES — Страница услуги (vector-bg, состав, особенности)
   ═══════════════════════════════════════════════════════════════ */

/* ── Декоративный вектор на фоне ────────────────────────────── */
.vector { position: relative; }

.vector::after {
  position: absolute;
  display: block;
  content: '';
  background-image: url('../img/bg-vector.png');
  background-image: image-set(url('../img/bg-vector.webp') type('image/webp'), url('../img/bg-vector.png') type('image/png'));
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  top: -140px;
  width: 1102px;
  height: auto;
  aspect-ratio: 1102 / 515;
}

.vector__content { width: 100%; max-width: 793px; }

@media (max-width: 1080px) {
  .vector::after { width: 600px; top: -100px; }
}

@media (max-width: 768px) {
  .vector::after {
    aspect-ratio: initial;
    background-size: cover;
    width: 100%;
    height: 466px;
    top: -60px;
  }
}

/* ── Что входит в услугу ────────────────────────────────────── */
.service-include .section-group { margin-bottom: 60px; }

.service-include__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 22px;
}

.service-include__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  height: 239px;
  background: #EAEFF8;
  box-shadow: 0px 8px 20px 0px #00000000;
}

.service-include__header {
  display: flex;
  align-items: center;
  gap: 10px;
  color: transparent;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  -webkit-text-stroke: 1px var(--deep-indigo);
}

.service-include__header img { height: 83px; width: auto; }

@media (max-width: 1080px) {
  .service-include .section-group { margin-bottom: 40px; }
  .service-include__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .service-include__grid { grid-template-columns: 1fr; gap: 20px; }
  .service-include__header { font-size: 25px; line-height: 100%; }
  .service-include__item { padding: 10px; height: auto; }
  .service-include__header img { height: 42px; }
}

/* ── Особенности выполнения работ ───────────────────────────── */
.service-special__inner {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(480px, 587px) minmax(450px, 1fr);
}

.service-special__right {
  border-left: 1px solid #CDD5E3;
  display: flex;
  flex-direction: column;
}

.service-special__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  border-bottom: 1px solid #CDD5E3;
  padding: 20px 0 20px 40px;
}

.service-special__item .title-2 { color: var(--deep-indigo); }
.service-special__item:first-child { padding-top: 0; }

@media (max-width: 1080px) {
  .service-special__inner { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 768px) {
  .service-special__item { padding: 0; border: none; }
  .service-special__right { gap: 20px; border: none; }
}