.container .article__sidebar {
    height: auto;
}
.video-modal{
    position:fixed;
    inset:0;
    background: rgba(0,0,0,.75);
    display:none;
    z-index:9999;
}
.video-modal.is-open{ display:block; }
.video-modal__dialog{
    position:relative;
    width: 100%;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
    display:flex;
    align-items:center;
    justify-content:center;
}
.video-modal__video{
    width: 100%;
    height: 100%;
    background:#000;
    object-fit:contain;
}
.video-modal__close{
    position:absolute;
    top:18px;
    right:18px;
    width:44px;
    height:44px;
    border-radius:50%;
    border:0;
    background: rgba(255,255,255,.95);
    cursor:pointer;
    font-size:18px;
    z-index:2;
}
[data-video]{
    cursor: pointer;
}
.body.video-open{
    overflow: hidden;
}
.contacts__location-image{
    position: relative;
}
.video-play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(0,0,0,.45);
    border: 2px solid rgba(255,255,255,.85);

    display:flex;
    align-items:center;
    justify-content:center;

    pointer-events: none; /* чтобы клик шёл по картинке */
}
.video-play::before{
    content: '';
    display:block;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 18px solid rgba(255,255,255,.95); /* треугольник play */
    margin-left: 4px; /* чуть ровнее центр */
}
.section .content {
    table {
        border: 1px solid #d0d0d0;
        td {
            padding-block: .5em;
            padding-inline: 1em;
        }
    }
}

@media (max-width: 1279px) {
    .header__nav-link{
        padding: 6px;
    }
}

/* Слоган «Бьемся за каждое сердце» поверх картинки. Размеры в cqi — масштабируется вместе с картинкой */
.slogan {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    container-type: inline-size;
    pointer-events: none;
}
.slogan__text {
    margin-right: -16cqi;
    padding: 2cqi 17cqi 1cqi 3cqi;
    border-radius: 50px;
    background-color: #FBA7D7;
    font-family: "Bartina";
    font-weight: 600;
    font-size: 8cqi;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    color: #0F172A;
}
.slogan .slogan__heart {
    position: relative;
    flex-shrink: 0;
    width: 19cqi;
    height: auto;
}

.intro__slogan {
    right: 5%;
    bottom: 5%;
    width: 48%;
}
@media (max-width: 1279px) {
    .intro__image {
        position: relative;
    }
    .intro__slogan {
        right: 4%;
        width: 65%;
    }
}

.about-us-hero__slogan {
    right: -8%;
    bottom: 7%;
    width: 88%;
}
@media (max-width: 1919px) {
    .about-us-hero__slogan {
        right: -4%;
    }
}
@media (max-width: 1039px) {
    .about-us-hero__slogan {
        width: 65%;
    }
}
@media (max-width: 807px) {
    .about-us-hero__slogan {
        right: 7%;
        bottom: 10%;
        width: 75%;
    }
}
@media (max-width: 654px) {
    .about-us-hero__image {
        position: relative;
    }
}

@media (min-width: 1040px) {
    .highlights__item--1 {
        align-self: end;
    }
}

.trust__platform-rating svg:last-child {
    fill: #F59E0B;
    stroke: none;
}

.trust__platform-rating svg.lost {
    fill: #FDE68A;
    stroke: #F59E0B;
}
@media (max-width: 654px) {
    .cta-contacts {
        padding: 30px 20px 80px;
    }
}
.socials__item.middle > img {
    width: 24px;
    height: 24px;
}
.socials__item.small > img {
    width: 20px;
    height: 20px;
}

/* Отзывы: «Показать больше» / «Скрыть» в моб. версии */
.review-card__text-short,
.review-card__more {
    display: none;
}
@media (max-width: 654px) {
    .review-card__text--long:not(.is-open) .review-card__text-full {
        display: none;
    }
    .review-card__text--long:not(.is-open) .review-card__text-short {
        display: block;
    }
    .review-card__more {
        display: inline-block;
        margin-top: 10px;
        padding: 0;
        border: 0;
        background: none;
        font: inherit;
        font-weight: 600;
        color: var(--color-blue-600);
        cursor: pointer;
    }
}
@media (max-width: 807px) {
    .header__mobile-actions .header__mobile-call svg {
        fill: var(--color-white);
    }
    .header__mobile-actions .header__mobile-call {
        background-color: var(--color-blue-700);
    }
}
