/* Страница «Услуги» — assets/css/pages/services.css */
.services-page .page-intro-section {
    padding-bottom: 0;
}

.services-page .services-section.section-padding {
    padding-block: clamp(20px, 1vw, 35px);
}

.services-page .section-padding {
    padding-block: clamp(15px, 1vw, 35px);
}

.services-page .section-padding-bottom {
    padding-bottom: clamp(15px, 1vw, 35px);
}

.services-page__intro .page-intro {
    max-width: none;
}

.services-page__header.page-header {
    margin-bottom: clamp(6px, 0.8vw, 10px);
}

.services-page__intro .page-intro > :last-child {
    margin-bottom: 0;
}

.services-page__directions {
    padding-top: clamp(12px, 1.5vw, 20px);
}

.services-page__directions-list {
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 2.5vw, 32px);
}

.services-direction-row {
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 2vw, 20px);
    align-items: stretch;
}

.services-direction-row__media {
    width: 100%;
}

.services-direction-row__media-link {
    display: block;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 16 / 9;
    background: var(--color-bg-muted);
}

.services-direction-row__media-link--placeholder {
    min-height: 0;
}

.services-direction-row__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 769px) {
    .services-direction-row {
        display: grid;
        grid-template-columns: minmax(200px, 340px) 1fr;
        gap: clamp(20px, 2.5vw, 32px);
        align-items: start;
    }

    .services-direction-row__media {
        max-width: 340px;
    }

    .services-direction-row__media-link {
        aspect-ratio: 3 / 2;
    }
}

.services-direction-row__title {
    margin: 0 0 12px;
    font-size: var(--size-h3);
    line-height: var(--lh-h3);
    font-weight: var(--weight-bold);
    color: var(--color-primary);
}

.services-direction-row__description {
    color: var(--color-text-main);
}

.services-direction-row__description p:last-child {
    margin-bottom: 0;
}

.services-direction-row__description ul {
    margin: 0;
    padding-left: 1.1em;
}

.services-page__main-cta {
    display: flex;
    justify-content: center;
    margin-top: clamp(24px, 3vw, 36px);
}

.services-page__main-cta-btn {
    min-width: min(100%, 320px);
    padding-inline: 40px;
}

.services-trust__title-wrap {
    max-width: 900px;
    margin: 0 auto clamp(16px, 2vw, 24px);
    padding-inline: clamp(24px, 8vw, 120px);
}

.services-trust__title {
    position: relative;
    margin: 0;
    padding-left: 20px;
    font-size: var(--size-h2);
    line-height: var(--lh-h2);
    font-weight: var(--weight-bold);
    color: var(--color-primary);
}

.services-trust__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    bottom: 0.15em;
    width: 4px;
    border-radius: 12px;
    background: var(--color-primary);
}

.services-trust__text {
    width: 100%;
    max-width: none;
    margin-bottom: 20px;
    color: var(--color-text-main);
}

.services-trust__text:last-child {
    margin-bottom: 0;
}

.services-trust__image-wrap {
    margin: 24px auto;
    max-width: 760px;
    border-radius: 10px;
    overflow: hidden;
    background: var(--color-bg-muted);
}

.services-trust__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.services-phones-note__inner {
    width: 100%;
    max-width: none;
    margin: 0;
    text-align: center;
    color: var(--color-text-main);
    font-size: var(--size-body);
    line-height: var(--lh-body);
}

.services-phones-note__inner a {
    color: var(--color-primary);
    font-weight: var(--weight-semibold);
    text-decoration: none;
    transition: color var(--transition-base);
}

.services-phones-note__inner a:hover,
.services-phones-note__inner a:focus-visible {
    color: var(--color-primary-hover);
}

.services-phones-note__inner p {
    margin: 0 0 12px;
}

.services-phones-note__inner p:last-child {
    margin-bottom: 0;
}