/* Start:/service/service.css?179191887626489*/
/* Страница «Сервис» xcmg-adk.ru — вёрстка по макету Figma: веб 1:2 (1920), мобильная 1:777 (390).
   Вертикальные отступы взяты из координат макета; текст обрезан по заглавной и базовой линии, как в Figma. */

.sv {
    --sv-text: #262626;
    --sv-blue: #0066b3;
    --sv-tile: #f4f4f4;
    --sv-line: rgba(0, 0, 0, .3);
    --sv-gap: 124.5px;              /* от конца блока до черты следующего раздела */
    color: var(--sv-text);
    font-family: "Golos Text", arial, helvetica, sans-serif;
    font-weight: 400;
    overflow: hidden;
}
.sv *,
.sv *::before,
.sv *::after { box-sizing: border-box; }
.sv :where(h1, h2, h3, p, ul, ol, dl, dd, figure) { margin: 0; padding: 0; }
.sv :where(ul, ol) { list-style: none; }
.sv :where(img) { display: block; max-width: none; }
.sv-t { text-box: trim-both cap alphabetic; }
.sv-mob { display: none; }
.sv-plate__ribbon-m, .sv-faq__q i, .sv-cta__mob-head, .sv-works__more { display: none; }

/* в макете страницы нет «хлебных крошек» шаблона */
body:has(.sv) main > .breadcrumbs { display: none; }

/* ---------- Кнопки ---------- */
.sv-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 501px;
    height: 63.8px;
    padding: 0 23px 0 24px;
    font-family: "Golos UI", arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid var(--sv-blue);
    cursor: pointer;
    transition: background-color .3s, color .3s, border-color .3s;
}
.sv-btn img { width: 18px; height: 14.73px; flex: none; }
.sv-btn--fill { background: var(--sv-blue); color: #fff; }
.sv-btn--fill:hover { background: #4fa1e0; border-color: #4fa1e0; color: #fff; }
.sv-btn--line { background: transparent; color: var(--sv-blue); }
.sv-btn--line:hover { background: rgba(0, 102, 179, .08); }

/* ---------- Заголовок раздела: черта + заголовок ---------- */
.sv-section { padding-top: var(--sv-gap); }
.sv-head { position: relative; padding-top: var(--sv-head-pad, 25.4px); }
.sv-head::before { content: ""; position: absolute; left: 0; right: 0; top: 1px; height: 1px; background: var(--sv-line); }
.sv-head::after { content: ""; position: absolute; left: 0; top: 0; width: 79px; height: 3px; background: var(--sv-blue); }
.sv-head__title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.48px;
}

/* ---------- 1. Первый экран ---------- */
.sv-hero__top { position: relative; }
.sv-plates-wrap { position: relative; }
.sv-hero__bg img { position: absolute; left: 0; top: 0; width: 100%; height: 840px; object-fit: cover; object-position: 50% 0; }
.sv-hero__inner { position: relative; display: flex; justify-content: space-between; align-items: flex-start; height: 840px; padding-top: 61.8px; }
.sv-hero__title { width: 501px; font-size: 48px; line-height: 1.2; font-weight: 600; letter-spacing: -0.48px; }
.sv-hero__lead { width: 391px; margin-right: 110.1px; font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; }
.sv-hero__actions { position: absolute; left: 0; right: 0; top: 216.3px; display: flex; flex-direction: column; gap: 16px; }

.sv-plates { display: grid; grid-template-columns: repeat(3, 1fr); height: 209px; background: var(--sv-tile); }
.sv-plate { position: relative; padding: 42px 0 0 42px; }
.sv-plate + .sv-plate { border-left: 1px solid rgba(38, 38, 38, .3); padding-left: 41px; }
.sv-plate__ribbon { position: absolute; top: 0; left: 332px; width: 53px; height: 110.5px; }
.sv-plate + .sv-plate .sv-plate__ribbon { left: 331px; }
.sv-plate:last-child .sv-plate__ribbon { left: 330px; }
.sv-plate__title { width: 259px; font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: -0.24px; }
.sv-plate__desc { width: 229.1px; margin-top: 18.2px; font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; color: rgba(38, 38, 38, .8); }
.sv-plate:first-child .sv-plate__desc { width: 249px; }

/* ---------- 2. Обслуживание ---------- */
.sv-service__inner { position: relative; }
.sv-service__main { width: 501px; }
.sv-stats { display: grid; grid-template-columns: 251px 1fr; margin-top: 42px; }
.sv-stats__item { display: flex; flex-direction: column; }
.sv-stats dt { font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: -0.24px; white-space: nowrap; }
.sv-stats dd { margin-top: 24.3px; font-size: 64px; line-height: 1.2; font-weight: 600; letter-spacing: -0.64px; }
.sv-service__text {
    margin-top: 41.3px;
    padding-top: 23.3px;
    border-top: 1px solid var(--sv-line);
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: -0.16px;
    color: rgba(38, 38, 38, .8);
}
.sv-base { position: absolute; z-index: 1; top: .5px; right: 1.875rem; width: 680px; height: 352px; margin: 0; }
.sv-base img { width: 100%; height: 100%; object-fit: cover; }
.sv-base__title { position: absolute; left: 42px; top: 43px; width: 203px; font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: -0.24px; }

/* ---------- 3. Сервисная бригада ---------- */
.sv-brigade__inner { position: relative; min-height: calc(763.5px); }
.sv-head--brigade { --sv-head-pad: 50.6px; position: relative; z-index: 1; }
.sv-head--brigade .sv-head__title { width: 501px; }
.sv-brigade__text { position: relative; z-index: 1; width: 485px; margin-top: 41.8px; font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; color: rgba(38, 38, 38, .8); }
.sv-brigade__map img { position: absolute; left: calc(1.875rem - 320px); top: 40.5px; width: 1320px; height: 750px; }
.sv-cities { position: absolute; top: 50.5px; right: calc(1.875rem + 42px); width: 200px; }
.sv-cities__hq { display: flex; align-items: flex-start; gap: 4px; }
.sv-cities__hq img { width: 11.07px; height: 10.62px; margin: 1.2px 1.5px; }
.sv-cities__hq span { margin-top: 2px; font-size: 16px; line-height: 1.2; letter-spacing: -0.16px; color: rgba(0, 102, 179, .7); }
.sv-cities__list { margin-top: 10.8px; }
.sv-city { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.sv-city + .sv-city { margin-top: 36.2px; }
.sv-city:nth-child(2) { margin-top: 32.3px; }
.sv-city__name { font-size: 24px; line-height: 1.4; font-weight: 600; letter-spacing: -0.24px; white-space: nowrap; }
.sv-city__phone { display: flex; align-items: center; gap: 8px; color: var(--sv-text); text-decoration: none; white-space: nowrap; }
.sv-city__phone img { width: 18px; height: 18px; }
.sv-city__phone span { font-size: 16px; line-height: 1.2; letter-spacing: -0.16px; }
.sv-city__phone:hover { color: var(--sv-blue); }

/* ---------- 4. Виды работ ---------- */
.sv-works__list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 41.9px; }
.sv-work { position: relative; aspect-ratio: 1; background: #f7f7f7; }
.sv-work img { width: 100%; height: 100%; object-fit: cover; }
.sv-work__name { position: absolute; left: 24px; top: 23.8px; width: 137.1px; font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; }
.sv-work__name.sv-w188 { width: 188px; }

/* ---------- 5. Почему обращаются к нам ---------- */
.sv-why { --sv-head-pad: 25.8px; }
.sv-why__list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 44.2px; }
.sv-reason { position: relative; height: 240px; padding: 31.7px 20px 0 32px; background: var(--sv-tile); }
.sv-reason picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sv-reason__title, .sv-reason__desc { position: relative; }
.sv-reason__title { font-size: 24px; line-height: 1.4; font-weight: 600; letter-spacing: -0.24px; white-space: nowrap; }
.sv-reason__desc { margin-top: 18px; font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; color: rgba(38, 38, 38, .8); }
.sv-reason:nth-child(3) .sv-reason__title { margin-left: 0; }
.sv-reason:nth-child(6) { padding-left: 33px; }

/* ---------- 6. Порядок обращения ---------- */
.sv-steps { --sv-gap: 124.5px; }
.sv-steps__list { display: grid; grid-template-columns: repeat(4, 242px); justify-content: space-between; margin-top: 42px; }
.sv-step { position: relative; display: flex; flex-direction: column; align-items: center; }
.sv-step img { width: 242px; height: 242px; }
.sv-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 116px;
    left: calc(100% + 25px);
    width: 54px;
    height: 10px;
    background: url(/service/img/dots.svg) 0 0 / 54px 10px no-repeat;
}
.sv-step__title { margin-top: 24px; font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: -0.24px; white-space: nowrap; text-align: center; }

/* ---------- 7. Частые вопросы ---------- */
.sv-faq { --sv-gap: 124.7px; --sv-head-pad: 25.7px; }
.sv-faq__list { margin-top: 62.3px; }
.sv-faq__item { display: grid; grid-template-columns: 521px 1fr; align-items: start; padding: 31.5px 0; border-top: 1px solid var(--sv-line); }
.sv-faq__item:first-child { padding-top: 0; border-top: 0; }
.sv-faq__item:last-child { padding-bottom: 0; }
.sv-faq__q { display: block; list-style: none; cursor: default; pointer-events: none; }
.sv-faq__q::-webkit-details-marker { display: none; }
.sv-faq__q span { display: block; width: 424px; font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: -0.24px; }
.sv-faq__a { margin-top: 6px; font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; color: rgba(38, 38, 38, .8); }
.sv-faq__a a { color: var(--sv-blue); text-decoration: underline; text-underline-offset: 2px; }
.sv-faq__a a:hover { text-decoration: none; }

/* ---------- 8. Заявка ---------- */
.sv-cta { --sv-gap: 126.4px; padding-bottom: 124.5px; scroll-margin-top: 80px; }
.sv-cta__box { position: relative; height: 437px; padding: 48px; }
.sv-cta__bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 100% 50%; }
.sv-cta__card { position: relative; width: 632px; }
.sv-cta__title { font-size: 48px; line-height: 1.2; font-weight: 600; letter-spacing: -0.48px; white-space: nowrap; }
.sv-form { position: relative; margin-top: 64.8px; }
.sv-form__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.sv-field { position: relative; }
.sv-field__input {
    display: block;
    width: 100%;
    height: 67px;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--sv-text);
    font-family: "Golos UI", arial, sans-serif;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
}
.sv-field__input::placeholder { color: rgba(38, 38, 38, .5); text-transform: uppercase; opacity: 1; }
.sv-field__input:focus { box-shadow: inset 0 0 0 1px rgba(0, 102, 179, .5); }
.sv-field.error .sv-field__input { box-shadow: inset 0 0 0 1px #b10310; }
.sv-field__error { display: none; margin-top: 4px; font-size: 12px; line-height: 1.3; color: #b10310; }
.error > .sv-field__error, .error .sv-field__error { display: block; }
.sv-form__common .sv-field__error { text-align: center; }
.sv-form__submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 77px;
    margin-top: 10px;
    border: 0;
    background: var(--sv-blue);
    color: #fff;
    font-family: "Golos UI", arial, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color .3s;
}
.sv-form__submit:hover { background: #4fa1e0; }
.sv-form__submit:disabled { opacity: .6; cursor: default; }
.sv-consent { margin-top: 15px; }
.sv-consent__label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; }
.sv-consent__input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sv-consent__box { flex: none; width: 15px; height: 15px; background: #d9d9d9; position: relative; }
.sv-consent__input:checked + .sv-consent__box::after {
    content: ""; position: absolute; left: 5px; top: 1px; width: 4px; height: 9px;
    border: solid var(--sv-blue); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
.sv-consent__input:focus-visible + .sv-consent__box { outline: 2px solid rgba(0, 102, 179, .5); }
.sv-consent__text { margin-top: 4px; font-size: 12px; line-height: 1.4; letter-spacing: -0.12px; color: rgba(38, 38, 38, .5); text-box: trim-both cap alphabetic; }
.sv-consent__text a { color: inherit; text-decoration: none; }
.sv-consent__text a:hover { text-decoration: underline; }
.sv-captcha { position: absolute; width: 0; height: 0; overflow: hidden; }
.sv-form__success { padding: 24px 0 4px; font-size: 20px; line-height: 1.4; }

/* ---------- Планшет и узкий ноутбук: 768–1279 (в макете нет — своя раскладка) ---------- */
@media (max-width: 1279px) {
    .sv { --sv-gap: 96px; }
    .sv-hero__bg img { height: 100%; object-position: 70% 0; }
    .sv-hero__inner { height: auto; flex-direction: column; gap: 24px; padding-top: 48px; }
    .sv-hero__title, .sv-hero__lead { width: min(501px, 100%); margin-right: 0; }
    .sv-hero__actions { position: relative; top: auto; margin-top: 40px; padding-bottom: 300px; }
    .sv-btn { width: min(501px, 100%); }
    .sv-btn--line { background: rgba(255, 255, 255, .85); }
    .sv-plates { grid-template-columns: repeat(3, 1fr); height: auto; }
    .sv-plate, .sv-plate + .sv-plate { padding: 32px 76px 32px 24px; }
    .sv-plate__ribbon, .sv-plate + .sv-plate .sv-plate__ribbon, .sv-plate:last-child .sv-plate__ribbon { left: auto; right: 16px; }
    .sv-plate__title, .sv-plate__desc, .sv-plate:first-child .sv-plate__desc { width: auto; }
    .sv-plate__title { font-size: 20px; }
    .sv-plate__desc br { display: none; }

    .sv-service__inner { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
    .sv-service__inner > .sv-head { grid-column: 1 / -1; }
    .sv-service__main { width: auto; }
    .sv-stats dt { white-space: normal; font-size: 20px; }
    .sv-stats { grid-template-columns: 1fr 1fr; }
    .sv-base { position: relative; top: auto; right: auto; width: auto; height: auto; margin-top: 42px; aspect-ratio: 680 / 352; align-self: start; }
    .sv-base__title { left: 24px; top: 24px; font-size: 20px; }

    .sv-brigade__inner { min-height: 0; display: grid; grid-template-columns: 1fr 220px; column-gap: 24px; }
    .sv-head--brigade { --sv-head-pad: 25.4px; grid-column: 1 / -1; }
    .sv-head--brigade .sv-head__title, .sv-brigade__text { width: auto; max-width: 501px; }
    .sv-brigade__text { grid-column: 1 / -1; }
    .sv-brigade__map { grid-column: 1; position: relative; z-index: 0; margin-top: -70px; overflow: hidden; }
    .sv-brigade__map img { position: static; width: 112%; height: auto; margin-left: -12%; }
    .sv-cities { position: static; width: auto; margin-top: 40px; right: auto; }
    .sv-city__name { font-size: 20px; }
    .sv-city + .sv-city, .sv-city:nth-child(2) { margin-top: 24px; }
    .sv-city { gap: 12px; }

    .sv-works__list { grid-template-columns: repeat(5, 1fr); gap: 12px; }
    .sv-work { aspect-ratio: 1; }
    .sv-work__name, .sv-work__name.sv-w188 { left: 16px; top: 16px; width: calc(100% - 32px); font-size: 15px; }
    .sv-work__name br { display: none; }

    .sv-why__list { grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .sv-reason { height: auto; aspect-ratio: 413 / 240; padding: 24px 16px 0 24px; }
    .sv-reason:nth-child(6) { padding-left: 24px; }
    .sv-reason__title { font-size: 20px; white-space: normal; }
    .sv-reason__desc { margin-top: 12px; font-size: 14px; }
    .sv-reason__desc br { display: none; }

    .sv-steps__list { grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .sv-step img { width: min(100%, 200px); height: auto; aspect-ratio: 1; }
    .sv-step:not(:last-child)::after { display: none; }
    .sv-step__title { font-size: 18px; white-space: normal; line-height: 1.3; }

    .sv-faq__list { margin-top: 48px; }
    .sv-faq__item { grid-template-columns: 40% 1fr; column-gap: 24px; }
    .sv-faq__q span { width: auto; font-size: 20px; }

    .sv-cta { --sv-gap: 96px; padding-bottom: 96px; }
    .sv-cta__box { height: auto; padding: 40px; }
    .sv-cta__bg img { object-position: 85% 50%; }
    .sv-cta__card { width: min(632px, 58%); }
    .sv-cta__title { font-size: 36px; white-space: normal; }
    .sv-form { margin-top: 32px; }
}
@media (max-width: 1023px) {
    .sv-plates { grid-template-columns: 1fr; }
    .sv-plate + .sv-plate { border-left: 0; border-top: 1px solid rgba(38, 38, 38, .3); }
    .sv-plate__ribbon { display: none; }
    .sv-plate__ribbon-m { display: block; position: absolute; top: 0; right: 16px; width: 53px; height: 61.5px; }
    .sv-plate, .sv-plate + .sv-plate { padding-top: 28px; padding-bottom: 28px; }

    .sv-service__inner { grid-template-columns: 1fr; }
    .sv-base { margin-top: 32px; }

    .sv-brigade__inner { grid-template-columns: 1fr; }
    .sv-brigade__map img { width: 100%; margin-left: 0; }
    .sv-cities { margin-top: 24px; }
    .sv-cities__list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 24px; }
    .sv-city + .sv-city, .sv-city:nth-child(2) { margin-top: 0; }

    .sv-works__list { grid-template-columns: 1fr 1fr; }
    .sv-work { aspect-ratio: auto; height: 150px; background: var(--sv-tile); }
    .sv-work picture img { position: absolute; right: 0; top: 0; width: 45%; height: 100%; }
    .sv-work__name, .sv-work__name.sv-w188 { left: 20px; top: 20px; width: calc(55% - 36px); font-size: 16px; }

    .sv-why__list { grid-template-columns: 1fr 1fr; }
    .sv-steps__list { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }

    .sv-cta__card { width: 100%; background: #fff; padding: 24px; }
    .sv-form__fields { grid-template-columns: 1fr; }
}

/* ---------- Телефон: по макету 390 px (узел 1:777) ---------- */
@media (max-width: 767px) {
    .sv { --sv-gap: 98.5px; --sv-head-pad: 25.4px; }
    .sv-desk { display: none; }
    .sv-mob { display: inline; }
    br.sv-mob { display: block; }
    .sv-head::before { right: -30px; }
    .sv-head__title { font-size: 32px; letter-spacing: -0.32px; }

    /* первый экран */
    .sv-hero__bg { display: block; }
    .sv-hero__bg img { position: static; width: 100%; height: auto; aspect-ratio: 390 / 566; object-position: 50% 0; }
    .sv-hero__inner { position: absolute; left: 0; right: 0; top: 0; height: auto; gap: 0; padding-top: 32.2px; }
    .sv-hero__title { width: calc(100% + 2px); font-size: 32px; letter-spacing: -0.32px; }
    .sv-hero__lead { width: auto; margin-top: 22.6px; font-size: 14px; letter-spacing: -0.14px; }
    .sv-hero__actions { margin-top: 23.7px; padding-bottom: 0; gap: 12.3px; }
    .sv-btn { width: 100%; height: 62px; padding: 0 15px; }
    .sv-plates-wrap { margin-top: 47px; }
    .sv-plates { display: flex; flex-direction: column; gap: 12px; background: none; }
    .sv-plate, .sv-plate + .sv-plate { height: 159px; padding: 24px 24px 0; border: 0; background: var(--sv-tile); }
    .sv-plate__ribbon { display: none; }
    .sv-plate__ribbon-m { display: block; position: absolute; top: 0; right: 24px; width: 53px; height: 61.5px; }
    .sv-plate__title { width: 218px; font-size: 20px; letter-spacing: -0.2px; }
    .sv-plate__desc, .sv-plate:first-child .sv-plate__desc { width: 236px; margin-top: 18.2px; }
    .sv-plate:first-child .sv-plate__desc { width: 249px; }

    /* обслуживание */
    .sv-service__inner { display: block; }
    .sv-stats { grid-template-columns: 165px 1fr; margin-top: 42.2px; }
    .sv-stats dt { font-size: 20px; letter-spacing: -0.2px; white-space: normal; }
    .sv-stats__item:first-child dt { width: 133px; }
    .sv-stats__item:last-child dt { width: 127px; }
    .sv-stats dd { margin-top: 23.8px; }
    .sv-service__text { margin-top: 35.3px; padding-top: 23.2px; }
    .sv-base { display: flex; flex-direction: column-reverse; margin-top: 39.4px; aspect-ratio: auto; }
    .sv-base picture img { height: auto; aspect-ratio: 330 / 296; margin-top: 18px; }
    .sv-base__title { position: static; width: auto; font-size: 20px; letter-spacing: -0.2px; white-space: nowrap; }

    /* сервисная бригада */
    .sv-brigade__inner { display: block; }
    .sv-head--brigade { --sv-head-pad: 25.3px; }
    .sv-brigade__text { margin-top: 23.4px; max-width: none; }
    .sv-brigade__map { display: block; position: relative; z-index: 0; margin: -77.8px -30px 0; overflow: visible; }
    .sv-brigade__map img { width: 100%; height: auto; margin: 0; aspect-ratio: 390 / 452; }
    .sv-cities { margin-top: 34px; }
    .sv-cities__hq { gap: 4px; }
    .sv-cities__hq span { margin-top: 3px; font-size: 12px; }
    .sv-cities__list { display: block; margin-top: 9.1px; }
    .sv-city, .sv-city + .sv-city, .sv-city:nth-child(2) { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0; margin-top: 0; padding: 18.5px 0 19.3px; border-top: 1px solid var(--sv-line); }
    .sv-city:first-child { padding-top: 0; border-top: 0; }
    .sv-city:last-child { padding-bottom: 0; }
    .sv-city__name { font-size: 16px; letter-spacing: -0.16px; }
    .sv-city__phone img { width: 14px; height: 14px; }
    .sv-city__phone { align-self: start; height: 11.2px; }
    .sv-city__phone img { margin: -1.4px 0; }

    /* виды работ */
    .sv-works__list { display: flex; flex-direction: column; gap: 12px; margin-top: 41.8px; }
    .sv-work { height: 150px; aspect-ratio: auto; background: var(--sv-tile); }
    .sv-work picture img { position: absolute; right: 0; top: 0; width: 147px; height: 150px; }
    .sv-work__name, .sv-work__name.sv-w188 { left: 24px; top: 24.2px; width: 143px; font-size: 16px; }
    .sv-work:first-child .sv-work__name { width: 159px; }
    .sv-work:nth-child(5) .sv-work__name { width: 118px; }
    .sv-work__name br { display: block; }
    .sv-works:not(.is-open) .sv-work--more { display: none; }
    .sv-works__more {
        display: flex; align-items: center; justify-content: center;
        width: 100%; height: 62px; margin-top: 24px; border: 0;
        background: var(--sv-blue); color: #fff;
        font-family: "Golos UI", arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 1.2; letter-spacing: -0.2px; text-transform: uppercase;
        cursor: pointer;
    }
    .sv-works.is-open .sv-works__more { display: none; }

    /* почему обращаются */
    .sv-why__list { display: flex; flex-direction: column; gap: 24px; margin-top: 41.8px; }
    .sv-reason, .sv-reason:nth-child(6) { height: 220px; aspect-ratio: auto; padding: 24.3px 0 0 24px; }
    .sv-why .sv-head__title { width: 301px; }
    .sv-reason__title { font-size: 20px; letter-spacing: -0.2px; white-space: nowrap; }
    .sv-reason__desc { margin-top: 15.7px; font-size: 14px; letter-spacing: -0.14px; }
    .sv-reason__desc br { display: inline; }
    .sv-reason__desc br.sv-desk { display: none; }

    /* порядок обращения — в мобильном макете блока нет; по решению Евгения 13.10.2026 показываем сеткой 2×2 */
    .sv-steps { --sv-gap: 98.5px; }
    .sv-steps__list { grid-template-columns: 1fr 1fr; column-gap: 16px; row-gap: 32px; margin-top: 42px; }
    .sv-step img { width: 100%; max-width: 160px; height: auto; aspect-ratio: 1; }
    .sv-step:not(:last-child)::after { display: none; }
    .sv-step__title { margin-top: 16px; font-size: 16px; line-height: 1.3; letter-spacing: -0.16px; white-space: normal; }

    /* вопросы — аккордеон */
    .sv-faq { --sv-gap: 98.5px; --sv-head-pad: 25.2px; }
    .sv-faq__list { margin-top: 42px; display: flex; flex-direction: column; gap: 24px; }
    .sv-faq__item, .sv-faq__item:first-child { display: block; padding: 0; border: 0; }
    .sv-faq__q { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 48px; pointer-events: auto; cursor: pointer; }
    .sv-faq__q span { width: auto; max-width: 258px; font-size: 20px; letter-spacing: -0.2px; }
    .sv-faq__item:first-child .sv-faq__q span { max-width: 282px; }
    .sv-faq__q i { display: block; flex: none; width: 48px; height: 48px; transition: transform .3s; }
    .sv-faq__q i img { width: 48px; height: 48px; }
    .sv-faq__item[open] .sv-faq__q i { transform: rotate(45deg); }
    .sv-faq__a { margin-top: 12px; padding: 0 72px 0 0; }

    /* остались вопросы */
    .sv-cta { --sv-gap: 100px; padding-bottom: 95px; scroll-margin-top: 0; }
    .sv-cta__box { height: auto; padding: 0; margin: 0 -30px; }
    .sv-cta__bg img { position: static; width: 100%; height: auto; aspect-ratio: 390 / 638; }
    .sv-cta__mob-head { display: block; position: absolute; left: 30px; top: 40px; right: 30px; }
    .sv-cta__mob-title { font-size: 32px; line-height: 1.2; font-weight: 600; letter-spacing: -0.32px; }
    .sv-cta__mob-lead { width: 274px; margin-top: 23.6px; font-size: 20px; line-height: 1.4; letter-spacing: -0.2px; color: rgba(38, 38, 38, .8); }
    .sv-cta__card { width: auto; margin: -76px 30px 0; padding: 32px 20px 24px; background: #fff; }
    .sv-cta__title { font-size: 20px; letter-spacing: -0.2px; white-space: normal; text-align: center; }
    .sv-form { margin-top: 32px; }
    .sv-form__fields { grid-template-columns: 1fr; gap: 10px; }
    .sv-field__input { height: 52px; padding: 0 24px; background: var(--sv-tile); font-size: 16px; letter-spacing: -0.16px; }
    .sv-form__submit { height: 62px; margin-top: 10.3px; }
    .sv-consent { margin-top: 19.7px; }
    .sv-consent__label { gap: 15px; }
    .sv-consent__text { margin-top: 0; }
}

/* телефоны уже макета (360–389 px): фото первого экрана не сжимаем по высоте, заголовок чуть меньше — текст не наезжает на технику */
@media (max-width: 389px) {
    .sv-hero__bg img { aspect-ratio: auto; height: 566px; object-fit: cover; object-position: 50% 100%; }
    .sv-hero__title { font-size: 30px; letter-spacing: -0.3px; }
}

/* End */
/* /service/service.css?179191887626489 */