.videos {
    margin: 30px 0 50px;
}
.videos__list {
    gap: 20px 0;
    margin-bottom: 20px;
    align-items: stretch;
    font-size: var(--font-size-price);
}
.videos__item {gap: var(--spacing-large) 0;}
.videos__item-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 116%;
}
.videos__item-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA4CAMAAABuU5ChAAAAclBMVEX///8AAAAAAAD+/v5fX1/k5OSPj49ubm4CAgKfn58BAQEQEBD///8cHBxBQUH+/v77+/vJycl9fX2Tk5N+fn5paWlBQUHu7u7f39/Z2dm5ubmnp6e/v7+pqalJSUk3Nzf4+Pj19fWbm5utra14eHh2dnZbJLP6AAAAJnRSTlOZAASYSoxiUhlOBw6QFB6UiWhWSDw0JXt7cWpnYVUxKYGAZ1xMSjBPWDcAAAEESURBVEjH7dVZbsMwDARQzShdTHlJHNfNnq73v2JDQhcY/xQtMoB/DDyIsEkqYVkSCFCKA3fWPWvpijERqwc1I9yNSc1HuCfZPd7d/3Q5Zd25yYvcrnWp1/l13TvMqmtYtuuQgss3Z4b+lEJKjkbwZRdQcgSJsm1DSg4k0W8CSg6gF/vqUnMhy3lwqTnQiHnjbzUXR9r0VqHgQnafbUDJgWa8rPXzbrkcBtFFmWf1e4IGm6LHFUcS8179f1FiMwQTHA2c3l0JfVbbWp0HV6VpnUl7wuokOBOcsT8t2C/fddLV/Xk81MNEVx/RBf0b99jd/YIbZXd0x3ml5komEHqIBFAP8AOfiRDW/zCylAAAAABJRU5ErkJggg==) no-repeat center center
}
.videos__item-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--duration-fast) transform;
}
.videos__item:hover img {transform: scale(1.05)}
.videos__item-text {
    line-height: 1.4
}
.videos__item:hover .videos__item-text {color: var(--color-main)}
.videos__popup {
    position: relative;
    gap: 20px;
    margin-bottom: 50px;
}

.videos__popup-wrapper .videos__popup {
    margin: 0 auto;
    max-width: 740px;
    background: var(--color-white);
    padding: 16px;
    border: 2px solid var(--color-gray)
}

.videos__popup-title.main__title {margin: 0 auto;}

.videos__popup-video {
    width: 100%;
    padding-top: 56.5%;
    position: relative;
    overflow: hidden
}

.videos__popup-video .videos__popup-video-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.main__title.videos__popup-related_title {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--color-gray2);
    width: 100%;
    margin: 0
}