/**
 * Стили для страницы баннера
 */

.banner-container {
    width: 100%;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    height: 0;
    padding-bottom: 50%; /* Соотношение сторон 2:1 для баннера */
    background-color: #091227; /* Фоновый цвет, соответствующий баннеру */
}

.banner-container iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    overflow: hidden;
}

/* Адаптивность */
@media (max-width: 1199px) {
    .banner-container {
        padding-bottom: 55%; /* Немного увеличиваем высоту на планшетах */
    }
}

@media (max-width: 991px) {
    .banner-container {
        margin: 20px 0;
        padding-bottom: 60%;
    }
}

@media (max-width: 767px) {
    .banner-container {
        margin: 15px 0;
        padding-bottom: 70%; /* Увеличиваем высоту на мобильных */
    }
}