.module-component-video-style-1 .video {
    position: relative;
    border-radius: var(--radius-20);
    overflow: hidden;
}
.module-component-video-style-1 .video::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-50);
    z-index: 1;
    transition: var(--transition-fast);
    pointer-events: none;
}

.module-component-video-style-1 video {
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 9; /* Предотвращаем изменение размера при загрузке */
    background: #000;
}

.module-component-video-style-1 .play {
    position: absolute;
    inset: 0;
    margin: auto;
    cursor: pointer;
    transition: var(--transition-fast);
    z-index: 2;
    pointer-events: auto;
}
.module-component-video-style-1 .play:hover {
    scale: 1.05;
}

/* Скрываем overlay и кнопку play при воспроизведении */
.module-component-video-style-1 .video.playing::before {
    opacity: 0;
    pointer-events: none;
}

.module-component-video-style-1 .video.playing .play {
    opacity: 0;
    pointer-events: none;
}



@media (max-width: 767px) {
    
}

@media (min-width: 768px) and (max-width: 1023px) {
    
}

@media (max-width: 1023px) {
    .module-component-video-style-1 {padding-top: var(--spacing-32) !important;}
}

@media (min-width: 1024px) {
    
}