/* =========================================================
   Страница «Сервис»
   Схема scale-multi: 1rem = 1px при ширине 320 · 576 · 768 · 1000 · 1920.
   Раскладки, как у оригинала: от 1201 · 992–1200 · 768–991 · 576–767 · до 575px.

   Иллюстрации платы и манипулы — собственные рисунки (board.svg, manipula.svg).
   Чтобы заменить их фотографиями бренда, положите в assets/img/pages/service/ файлы
     board-1601.png  board-910.png  board-768.png  board-576.png
     manipula-1756.png  manipula-1000.png  manipula-768.png  manipula-576.png  manipula-320.png
   и добавьте класс service-photos тегу <body> в service.html (правила — в конце файла).
   ========================================================= */

/* ---------- Фон страницы: вертикальный градиент на всю высоту ---------- */
body[data-page="service"] {
  background: linear-gradient(180deg, #000202 0%, #00364c 22%, #000202 35%, #000202 50%, #00364c 95%, #00364c 100%);
}

/* ---------- Заголовки блоков ---------- */
.service-title {
  margin: 0 0 40rem;
  padding: 0;
  font-family: var(--font-accent);
  font-weight: var(--fw-accent);
  font-size: 50rem;
  line-height: 60rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 1200px) { .service-title { font-size: 30rem; line-height: 32rem; } }
@media (max-width: 991px) { .service-title { margin-bottom: 16rem; padding: 0 10rem; font-size: 24rem; line-height: 30rem; } }
@media (max-width: 767px) {
  .service-title { max-width: 100%; margin-bottom: 20rem; font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 32rem; line-height: 34rem; text-transform: none; }
}
@media (max-width: 575px) { .service-title { font-size: 22rem; line-height: 24rem; } }

/* =========================================================
   Первый экран
   ========================================================= */
/* отступ сверху у оригинала (38rem) совпадает с нижним отступом шапки и сливается с ним */
.service-video { margin: 0 0 100rem; }
.service-video__inner { max-width: 1540rem; margin: 0 auto; }
.service-video .service-title { margin-bottom: 0; }
.service-video__box { margin-top: 40rem; }
.service-video__media { display: block; position: relative; height: 800rem; border-radius: 90rem; overflow: hidden; color: #fff; text-decoration: none; }
.service-video__media.is-video { cursor: pointer; }
.service-video__media.is-video::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: #000; opacity: .5; }
.service-video__poster { position: relative; z-index: 1; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .5s; }
.service-video__play { position: absolute; top: 50%; left: 50%; z-index: 3; width: 60rem; height: 65rem; transform: translate(-50%, -50%); }
/* заставка: фирменный градиент, сетка и знак */
.service-video__art {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(44% 78% at 86% 104%, rgba(232, 76, 97, .6) 0, rgba(232, 76, 97, 0) 100%),
    radial-gradient(46% 80% at 8% -6%, rgba(150, 192, 204, .38) 0, rgba(150, 192, 204, 0) 100%),
    linear-gradient(112deg, #01141b 0%, #06374c 46%, #0b4a66 70%, #032c3c 100%);
  transition: transform .5s;
}
.service-video__art::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(150, 192, 204, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 192, 204, .1) 1px, transparent 1px);
  background-size: calc(100% / 20) calc(100% / 10);
  -webkit-mask-image: radial-gradient(90% 120% at 30% 50%, #000 0, transparent 78%);
  mask-image: radial-gradient(90% 120% at 30% 50%, #000 0, transparent 78%);
}
.service-video__mark { position: absolute; top: 50%; right: 11%; height: 66%; aspect-ratio: 35.6 / 35; transform: translateY(-50%) rotate(-8deg); }
.service-video__mark svg { display: block; width: 100%; height: 100%; fill: url(#service-art-grad); }
@media (prefers-reduced-motion: no-preference) {
  .service-video__media.is-video:hover .service-video__art,
  .service-video__media.is-video:hover .service-video__poster { transition: transform 15s; transform: scale(1.3); }
}
@media (max-width: 1200px) {
  .service-video__inner { max-width: 820rem; }
  .service-video__media { height: 425rem; border-radius: 60rem; }
  .service-video__play { width: 32rem; height: 35rem; }
}
@media (max-width: 992px) { .service-video__media { height: 335rem; } }
@media (max-width: 991px) {
  .service-video { margin: 2rem 0 40rem; }
  .service-video__inner { max-width: 646rem; }
  .service-video__box { margin-top: 16rem; }
}
@media (max-width: 767px) {
  .service-video { margin: 40rem 0 60rem; }
  .service-video__inner { max-width: none; }
  .service-video__media { border-radius: 0; }
}
@media (max-width: 575px) {
  .service-video { margin: 20rem 0 40rem; }
  .service-video__media { height: 185rem; }
  .service-video__play { width: 20rem; height: 22rem; }
}

/* окно с видео */
.service-lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1200; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .85); }
.service-lightbox__frame { width: 90vw; max-width: 150vh; aspect-ratio: 16 / 9; border-radius: 15px; overflow: hidden; background: #000; }
.service-lightbox__frame video, .service-lightbox__frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.service-lightbox__close { position: absolute; top: 16px; right: 16px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .16); color: #fff; }
.service-lightbox__close svg { width: 14px; height: 14px; }

/* =========================================================
   Заявка в сервис
   ========================================================= */
.service-request { margin: -52rem 0 76rem; }
.service-request__inner { display: flex; flex-direction: column; align-items: center; gap: 40rem; max-width: 1524rem; margin: 0 auto; }
.service-request__title { margin: 0; font-family: var(--font-accent); font-weight: var(--fw-accent); font-size: 50rem; line-height: 60rem; text-align: center; text-transform: uppercase; color: #fff; }
.service-request__content { display: flex; flex-direction: column; align-items: center; gap: 22rem; width: 974rem; max-width: 100%; }
.service-request__text { margin: 0; font-family: var(--font-main); font-weight: var(--fw-regular); font-size: 22rem; line-height: 24rem; text-align: center; color: #a3c6d2; }
.service-request__actions { display: flex; align-items: center; justify-content: center; gap: 10rem; }
.service-request__action {
  display: flex;
  align-items: center;
  gap: 12rem;
  width: 228rem;
  height: 76rem;
  padding: 0 18rem;
  border: 0;
  border-radius: 10rem;
  overflow: hidden;
  background: #fff;
  color: #000;
  font-family: var(--font-main);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .3s;
}
.service-request__action:hover { opacity: .8; }
.service-request__action > svg, .service-request__action > i { flex: 0 0 auto; display: block; width: 40rem; height: 40rem; }
.service-request__action > i svg { width: 100%; height: 100%; }
.service-request__action span { display: flex; flex-direction: column; min-width: 0; }
.service-request__action small { font-weight: var(--fw-regular); font-size: 13rem; line-height: 16rem; white-space: nowrap; }
.service-request__action b { font-weight: var(--fw-medium); font-size: 26rem; line-height: 30rem; white-space: nowrap; }
.service-request__phone { padding: 7rem 23rem; border: 1rem solid #fff; border-radius: 80rem; font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 26rem; line-height: 28rem; text-align: center; text-decoration: none; white-space: nowrap; color: #fff; transition: color .3s, border-color .3s; }
.service-request__phone:hover { border-color: #e84c61; color: #e84c61; }
@media (max-width: 1200px) {
  .service-request { margin: -52rem 0 48rem; }
  .service-request__inner { max-width: 771rem; }
  .service-request__title { font-size: 30rem; line-height: 36rem; }
}
@media (max-width: 991px) {
  .service-request { margin: 0 0 40rem; }
  .service-request__inner { gap: 32rem; max-width: 594rem; }
  .service-request__title { font-size: 24rem; line-height: 30rem; }
  .service-request__text { font-size: 18rem; line-height: 20rem; }
}
@media (max-width: 767px) {
  .service-request { margin-top: -20rem; }
  .service-request__inner { max-width: 526rem; }
  .service-request__title { font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 32rem; line-height: 34rem; text-transform: none; }
  .service-request__text { font-size: 16rem; }
}
@media (max-width: 575px) {
  .service-request { margin-top: 0; }
  .service-request__inner { gap: 16rem; max-width: 320rem; }
  .service-request__title { font-size: 22rem; line-height: 24rem; }
  .service-request__text { width: 274rem; max-width: 100%; }
  .service-request__actions { flex-direction: column; }
  .service-request__phone { font-size: 18rem; line-height: 20rem; }
}

/* =========================================================
   Гарантийные сроки
   ========================================================= */
.service-warranty {
  margin: 0 0 100rem;
  padding-bottom: 376rem;
  font-family: var(--font-main);
  font-weight: var(--fw-regular);
  background: url(../../img/pages/service/board.svg) no-repeat bottom right;
  background-size: 1601rem 740rem;
  scroll-margin-top: 100px;
}
.service-warranty__inner { max-width: 1280rem; margin: 0 auto; }
.service-warranty .service-title { text-align: left; }
.service-warranty__lead { max-width: 890rem; margin: 0 0 40rem; font-size: 22rem; line-height: 24rem; text-align: left; color: #a3c6d2; }
.service-warranty__list { display: flex; margin-bottom: 50rem; }
.service-warranty__col { display: flex; flex-direction: column; gap: 32rem; width: 50%; }
.service-warranty__caption { position: relative; margin-bottom: 13rem; padding-left: 64rem; font-weight: var(--fw-medium); font-size: 26rem; line-height: 28rem; color: #96C0CC; }
.service-warranty__num { position: absolute; left: 0; }
.service-warranty__text { padding-left: 64rem; font-size: 18rem; line-height: normal; color: #fff; }
.service-warranty__text a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .35); transition: border-color .3s, color .3s; }
.service-warranty__text a:hover { color: #96C0CC; border-bottom-color: #96C0CC; }
.service-warranty__note { font-size: 18rem; line-height: normal; color: #96C0CC; }
@media (max-width: 1200px) {
  .service-warranty { padding-bottom: 245rem; background-size: 1210rem auto; background-position: right -250rem bottom; }
  .service-warranty__inner { max-width: 820rem; }
  .service-warranty .service-title { text-align: center; }
  .service-warranty__lead { max-width: none; text-align: center; }
  .service-warranty__list { gap: 28rem; }
  .service-warranty__caption { font-size: 22rem; line-height: 24rem; }
  .service-warranty__text { font-size: 16rem; line-height: 20rem; }
  .service-warranty__note { font-size: 16rem; line-height: 20rem; }
}
@media (max-width: 991px) {
  .service-warranty { margin-bottom: 40rem; padding-bottom: 185rem; background-size: 700rem auto; background-position: right -90rem bottom; }
  .service-warranty__inner { max-width: 646rem; }
  .service-warranty__lead { margin-bottom: 32rem; font-size: 18rem; line-height: normal; }
  .service-warranty__list { gap: 10rem; }
  .service-warranty__caption { padding-left: 56rem; }
  .service-warranty__text { padding-left: 56rem; }
}
@media (max-width: 767px) {
  .service-warranty { margin-bottom: 60rem; padding-bottom: 310rem; background-size: 660rem auto; background-position: right -70rem bottom; }
  .service-warranty__inner { max-width: 430rem; }
  .service-warranty__lead { font-size: 16rem; }
  /* row-gap 24rem: у оригинала между колонками остаётся 10rem, из-за чего пункты 03 и 04 слипаются */
  .service-warranty__list { flex-wrap: wrap; row-gap: 24rem; margin-bottom: 24rem; }
  .service-warranty__col { width: 100%; gap: 24rem; }
  .service-warranty__note { text-align: center; }
  .service-warranty__note br { display: none; }
}
@media (max-width: 575px) {
  .service-warranty { margin-bottom: 40rem; padding-bottom: 190rem; background-size: 380rem auto; background-position: right -45rem bottom; }
  .service-warranty__inner { max-width: 296rem; }
  .service-warranty__item { text-align: center; }
  .service-warranty__caption { padding-left: 0; text-align: center; }
  .service-warranty__num { position: static; }
  .service-warranty__name { font-size: 18rem; }
  .service-warranty__text { padding-left: 0; text-align: center; }
}

/* =========================================================
   Форма «Связаться с нами»
   ========================================================= */
.service-form { margin: 100rem 0; font-family: var(--font-main); scroll-margin-top: 100px; }
.service-form__inner { margin: 0 auto; padding: 0 10rem; }
.service-form__form { width: 1020rem; margin: 0 auto; padding: 40rem; border-radius: 60rem; background: rgba(255, 255, 255, .2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.service-form__row { display: flex; gap: 16rem; width: 100%; }
.service-form__field { flex-grow: 1; margin-bottom: 10rem; }
.service-form__field input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 52rem;
  padding: 0;
  border: 1rem solid #fff;
  border-radius: 3000rem;
  outline: none;
  background: transparent;
  font-family: var(--font-text);
  font-weight: 400;
  font-size: 26rem;
  line-height: 28rem;
  text-align: center;
  color: #fff;
  transition: border-color .3s;
}
.service-form__field input::placeholder { font-family: var(--font-text); font-weight: 400; font-size: 26rem; line-height: 28rem; text-align: center; color: #fff; opacity: 1; }
.service-form__field input:focus-visible { outline: 2px solid var(--c-accent); outline-offset: 2px; }
.service-form__field input.is-invalid { border-color: var(--c-accent); }
.service-form__agree { position: relative; padding-left: 30rem; font-weight: var(--fw-regular); font-size: 16rem; line-height: 20rem; text-align: left; color: #96C0CC; }
.service-form__agree input[type=checkbox] { position: absolute; left: 0; flex-shrink: 0; width: 20rem; height: 20rem; margin: 2rem 0 0; accent-color: var(--c-accent); }
.service-form__agree label { text-align: left; }
.service-form__agree a { color: #fff; text-decoration: none; border-bottom: 1rem solid #fff; }
.service-form__agree.is-invalid label { color: #ff9aa6; }
.service-form__button { margin-top: 40rem; text-align: center; }
.service-form__button .btn { justify-content: center; padding: 10rem 24rem; font-size: 24rem; line-height: 26rem; }
.service-form__privacy { margin-top: 20rem; font-weight: var(--fw-regular); font-size: 18rem; line-height: normal; text-align: center; color: #96C0CC; }
.service-form__privacy a { color: #96C0CC; text-decoration: none; }
.service-form__state { margin-top: 16rem; font-size: 18rem; line-height: normal; text-align: center; color: #fff; }
.service-form__state a { color: #fff; }
@media (min-width: 992px) { .service-form__inner { max-width: 1320rem; } }
@media (min-width: 768px) and (max-width: 991px) { .service-form__inner { padding: 0 24rem; } }
@media (max-width: 1200px) { .service-form__form { width: 820rem; } }
@media (max-width: 991px) {
  .service-form { margin: 40rem auto; }
  .service-form__form { width: 646rem; }
  .service-form__field input { height: 47rem; font-size: 18rem; line-height: normal; }
  .service-form__field input::placeholder { font-size: 18rem; line-height: normal; }
}
@media (max-width: 767px) {
  .service-form { margin: 60rem auto; }
  .service-form__form { width: 430rem; padding: 28rem 24rem; }
  .service-form__field input { padding: 0 10rem; }
  .service-form__agree { font-size: 10rem; line-height: 12rem; }
  .service-form__button { margin-top: 20rem; }
  .service-form__privacy { margin-bottom: 10rem; }
}
@media (max-width: 575px) {
  .service-form { margin: 40rem auto; }
  .service-form__form { width: 296rem; }
  .service-form__row { flex-direction: column; gap: 0; }
  .service-form__field { margin-bottom: 16rem; }
  .service-form__button { margin-top: 40rem; }
  .service-form__button .btn { font-size: 16rem; line-height: 20rem; }
  .service-form__privacy, .service-form__state { font-size: 16rem; }
}

/* =========================================================
   Запасная манипула
   ========================================================= */
.service-manip {
  margin: 100rem 0;
  padding: 100rem 0 310rem;
  font-family: var(--font-main);
  font-weight: var(--fw-regular);
  background: url(../../img/pages/service/manipula.svg) no-repeat right 250rem top 0;
  background-size: 1000rem auto;
  scroll-margin-top: 100px;
}
.service-manip__inner { max-width: 1230rem; margin: 0 auto; }
.service-manip .service-title { padding: 0; text-align: left; }
.service-manip__pill { display: inline-block; margin-bottom: 24rem; margin-left: -32rem; padding: 12rem 32rem; border: 2rem solid #E84C61; border-radius: 60rem; font-size: 26rem; line-height: 28rem; color: #a3c6d2; }
.service-manip__text { max-width: 590rem; margin-bottom: 40rem; font-size: 26rem; line-height: 28rem; color: #fff; }
@media (max-width: 1200px) {
  .service-manip { margin: 100rem 0 50rem; padding: 0 0 385rem; background-position: right -40rem bottom 0; background-size: 760rem auto; }
  .service-manip__inner { max-width: 820rem; }
  .service-manip__pill { font-size: 22rem; line-height: 24rem; }
  .service-manip__text { max-width: 482rem; font-size: 18rem; line-height: normal; }
}
@media (max-width: 991px) {
  .service-manip { margin: 40rem auto; background-position: right -110rem bottom 0; }
  .service-manip__inner { max-width: 646rem; }
  .service-manip__pill { font-size: 18rem; line-height: normal; }
  .service-manip__text { max-width: 373rem; }
  .service-manip__button.btn { padding: 10rem 22rem; font-size: 16rem; line-height: 20rem; }
}
@media (max-width: 767px) {
  .service-manip { margin: 60rem auto 40rem; padding-bottom: 527rem; text-align: center; background-position: center bottom 0; background-size: 620rem auto; }
  .service-manip__inner { max-width: 430rem; }
  .service-manip .service-title { text-align: center; }
  .service-manip__pill { margin-left: 0; }
  .service-manip__text { max-width: 430rem; margin-bottom: 32rem; }
}
@media (max-width: 575px) {
  .service-manip { margin: 40rem auto 20rem; padding-bottom: 384rem; background-size: 440rem auto; }
  .service-manip__inner { max-width: 296rem; }
  .service-manip__text { font-size: 16rem; line-height: 20rem; }
}

/* =========================================================
   Платный ремонт
   ========================================================= */
.service-repair { margin: 100rem 0; font-family: var(--font-main); font-weight: var(--fw-regular); scroll-margin-top: 100px; }
.service-repair__inner { max-width: 1020rem; margin: 0 auto; }
.service-repair__box { position: relative; padding: 40rem 60rem; border: 1rem solid #96C0CC; border-radius: 60rem; font-size: 26rem; line-height: 28rem; color: #fff; }
.service-repair__gear { position: absolute; right: 0; bottom: 0; width: 110rem; height: auto; transform: translateY(50%); }
@media (max-width: 1200px) {
  .service-repair { margin: 50rem auto 100rem; }
  .service-repair__inner { max-width: 820rem; }
  .service-repair__box { font-size: 22rem; line-height: 24rem; }
}
@media (max-width: 991px) {
  .service-repair { margin: 40rem auto; }
  .service-repair__inner { max-width: 646rem; }
  .service-repair__box { padding: 32rem 34rem; font-size: 18rem; line-height: normal; text-align: center; }
}
@media (max-width: 767px) {
  .service-repair { margin: 60rem auto; }
  .service-repair__inner { max-width: 430rem; }
}
@media (max-width: 575px) {
  .service-repair { margin: 40rem auto; }
  .service-repair__inner { max-width: 296rem; }
  .service-repair__box { padding: 32rem 16rem; font-size: 16rem; line-height: 20rem; }
  .service-repair__gear { width: 81rem; }
}

/* =========================================================
   Вопросы и ответы
   ========================================================= */
.service-faq { margin: 40rem auto; scroll-margin-top: 100px; }
.service-faq__title { max-width: calc(100vw - 30rem); margin: 0 auto 14rem; font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 16rem; line-height: 17rem; text-align: center; color: #fff; }
.service-faq__items { display: flex; flex-direction: column; gap: 12rem; max-width: 260rem; margin: 0 auto; }
.service-faq__q { display: flex; align-items: center; gap: 24rem; width: 100%; padding: 0; border: 0; background: none; font-family: var(--font-main); font-weight: var(--fw-medium); font-size: 10rem; line-height: 12rem; text-align: left; color: #fff; cursor: pointer; }
.service-faq__q span { width: 878rem; padding-bottom: 12rem; border-bottom: 1px solid #E84C61; }
.service-faq__q svg { flex: 0 0 auto; display: block; width: 16rem; height: auto; margin-left: auto; transition: transform .3s; }
.service-faq__q[aria-expanded="true"] svg { transform: rotate(180deg); }
.service-faq__a { overflow: hidden; font-family: var(--font-main); font-weight: var(--fw-regular); font-size: 10rem; line-height: 12rem; color: #fff; transition: height .4s ease; }
.service-faq__a p, .service-faq__a ul { margin: 1em 0; }
.service-faq__a ul { padding-left: 40px; }
.service-faq__a a { color: inherit; }
@media (min-width: 576px) { .service-faq { margin: 60rem auto 40rem; } }
@media (min-width: 768px) {
  .service-faq { margin: 100rem auto 40rem; }
  .service-faq__title { max-width: none; margin: 0 0 40rem; font-family: var(--font-accent); font-weight: var(--fw-accent); font-size: 24rem; line-height: 30rem; text-transform: uppercase; }
  .service-faq__items { gap: 38rem; max-width: 1050rem; }
  .service-faq__q { font-size: 22rem; line-height: 24rem; }
  .service-faq__q svg { width: 19rem; height: 18rem; }
  .service-faq__a { font-size: 18rem; line-height: normal; }
}
@media (min-width: 992px) {
  .service-faq { margin: 100rem 0; }
  .service-faq__title { font-size: 30rem; line-height: 34rem; }
}
@media (min-width: 1200px) { .service-faq__title { font-size: 50rem; line-height: 60rem; } }

/* =========================================================
   Цифра внизу страницы
   ========================================================= */
.service-stat { margin: 100rem 0 0; }
.service-stat__inner { max-width: 1540rem; margin: 0 auto; }
.service-stat .service-title { text-align: left; }
.service-stat__wrap {
  position: relative;
  width: 1267rem;
  margin-top: -208rem;
  margin-left: 264rem;
  padding: 208rem 0 166rem;
  text-align: center;
  background: url(../../img/pages/service/stat-1326.svg) no-repeat center top;
  background-size: 1326rem 668rem;
}
.service-stat__number { font-family: var(--font-accent); font-weight: var(--fw-accent); font-size: 120rem; line-height: 120rem; text-transform: uppercase; color: #fff; }
.service-stat__text { margin-top: 12rem; font-size: 26rem; font-weight: 400; line-height: 28rem; color: #F2F2F2; }
/* шкала из штрихов: 45 делений с шагом 12.34 при ширине 550 */
.service-stat__lines {
  display: inline-block;
  width: 550rem;
  aspect-ratio: 550 / 28;
  margin: 12rem auto 0;
  vertical-align: baseline;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .92) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-mask-image: repeating-linear-gradient(90deg, transparent 0, #000 .6655%, transparent 1.331%, transparent 2.2436%);
  mask-image: repeating-linear-gradient(90deg, transparent 0, #000 .6655%, transparent 1.331%, transparent 2.2436%);
}
@media (max-width: 1200px) {
  .service-stat__inner { max-width: none; }
  .service-stat .service-title { text-align: center; }
  .service-stat__wrap { width: 1000rem; margin: 0; background-image: url(../../img/pages/service/stat-1000.svg); background-size: 1000rem 553rem; }
}
@media (max-width: 991px) {
  .service-stat { margin: 40rem auto 0; }
  .service-stat__wrap { width: 768rem; padding: 164rem 0 122rem; background-image: url(../../img/pages/service/stat-768.svg); background-size: 768rem 545rem; }
  .service-stat__number { font-size: 100rem; line-height: 120rem; }
  .service-stat__lines { width: 481rem; }
}
@media (max-width: 767px) {
  .service-stat__wrap { width: 575rem; padding: 120rem 0 97rem; background-image: url(../../img/pages/service/stat-575.svg); background-size: 575rem 540rem; }
  .service-stat__number { font-size: 80rem; line-height: 86rem; }
}
@media (max-width: 575px) {
  .service-stat__wrap { width: 320rem; padding: 100rem 0 60rem; background-size: 320rem 320rem; }
  .service-stat__number { font-size: 52rem; line-height: 52rem; }
  .service-stat__lines { width: 296rem; }
}

/* =========================================================
   Фотографии бренда вместо рисунков (класс service-photos на <body>)
   ========================================================= */
.service-photos .service-warranty { background-image: url(../../img/pages/service/board-1601.png); background-position: right bottom; background-size: 1601rem 740rem; }
.service-photos .service-manip { background-image: url(../../img/pages/service/manipula-1756.png); background-position: right top; background-size: 1756rem 881rem; }
@media (max-width: 1200px) {
  .service-photos .service-warranty { background-image: url(../../img/pages/service/board-910.png); background-size: 910rem 626rem; }
  .service-photos .service-manip { background-image: url(../../img/pages/service/manipula-1000.png); background-position: right bottom; background-size: 1000rem 719rem; }
}
@media (max-width: 991px) {
  .service-photos .service-warranty { background-image: url(../../img/pages/service/board-768.png); background-size: 768rem 400rem; }
  .service-photos .service-manip { background-image: url(../../img/pages/service/manipula-768.png); background-size: 768rem 719rem; }
}
@media (max-width: 767px) {
  .service-photos .service-warranty { background-image: url(../../img/pages/service/board-576.png); background-size: 576rem 286rem; }
  .service-photos .service-manip { background-image: url(../../img/pages/service/manipula-576.png); background-size: 576rem 507rem; }
}
@media (max-width: 575px) {
  .service-photos .service-warranty { background-size: 320rem 167rem; }
  .service-photos .service-manip { background-image: url(../../img/pages/service/manipula-320.png); background-size: 320rem 364rem; }
}