/*
 * Общая геометрия видеоплееров витрины.
 * Ориентацию назначает sk_video_orientation.js либо серверный рендер.
 */
.sk-video-frame {
    position: relative;
    box-sizing: border-box;
}

.sk-video-frame--landscape {
    aspect-ratio: 16 / 9;
}

.sk-video-frame--portrait {
    width: min(100%, 45vh);
    width: min(100%, 45svh);
    max-width: min(100%, 45vh) !important;
    max-width: min(100%, 45svh) !important;
    height: auto !important;
    max-height: 80vh;
    max-height: 80svh;
    padding-bottom: 0 !important;
    aspect-ratio: 9 / 16 !important;
    margin-right: auto;
    margin-left: auto;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: hidden;
}

.sk-video-frame--portrait > iframe,
.sk-video-frame--portrait > video,
.sk-video-frame--portrait > .sk-vk-player,
.sk-video-frame--portrait > .sk-video-link-player {
    position: absolute !important;
    inset: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    aspect-ratio: 9 / 16 !important;
}

.sk-video-frame--portrait > video {
    object-fit: cover;
}

video.sk-video-frame--portrait {
    display: block;
    object-fit: cover;
}