html {
    background-color: #000;
    min-height: 100vh;
}
body {
    background: url(/media/background.jpg) center/cover no-repeat fixed;
    background-color: #000;
    min-height: 100vh !important;
}

/* Мобильная оптимизация для Яндекс.Вебмастер */

/* Улучшение тач-областей для мобильных устройств */
@media (max-width: 768px) {
    /* Увеличиваем области нажатия для ссылок в меню */
    .menu__link {
        display: block;
        padding: 10px 5px;
    }
    
    /* Увеличиваем кликабельные области для кнопок навигации */
    .span__bootons-navigatiom a {
        padding: 10px 12px;
    }
    
    /* Оптимизация межстрочного интервала для читаемости */
    .description p,
    .content__deckription {
        line-height: 1.5;
    }
    
    /* Увеличиваем отступы между эпизодами */
    .container__episode {
        margin: 8px;
    }
    
    /* Улучшаем отступы для кнопок */
    .button__linc-series {
        padding: 14px 8px;
    }
    
    /* Оптимизация форм */
    input[type="text"],
    input[type="email"],
    textarea,
    select {
        font-size: 16px; /* Предотвращает автозум на iOS */
    }
}

/* Предотвращение горизонтального скролла только для body */
@media (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    
    .main {
        overflow-x: hidden;
    }
}

/* Оптимизация отступов для маленьких экранов */
@media (max-width: 480px) {
    .contaiter__b,
    .contaiter__c,
    .contaiter__f {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    /* Улучшаем отступы для текста */
    p {
        padding-left: 8px;
        padding-right: 8px;
    }
}

footer {
    margin: 0 auto 25px auto;  /* Вместо margin-left/right */
    max-width: 1152px;
    padding: 0 5px;  
    display: flex;
    flex-wrap: nowrap;
    background-color: #ede9ea;
    justify-content: space-between;
    margin-bottom: 0px;
}

@media (max-width: 1168px) {
    footer {
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media (max-width: 991px) {
    footer {
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media (max-width: 683px) {
    .alternative-title {
        font-weight: 600;
        padding-left: 0px !important;
        text-align: center !important;
        display: block !important;
    }
    h1{
        font-size: 19px;
    }
}


/* Фикс для видео контейнера на мобильных */
@media (max-width: 768px) {
    .video-container {
        margin-left: 0;
        margin-right: 0;
    }
}


/* Фикс для рекламных контейнеров MYVIDEO и AdLook */
/* Делаем контейнеры прозрачными для кликов */
[id*="moe"],
[class*="moe"],
[class*="content-roll"],
#ad-sandbox,
div[style*="position: fixed"][style*="z-index"],
iframe[style*="position: fixed"] {
    pointer-events: none !important;
}

/* Восстанавливаем клики только на реальной рекламе внутри */
[id*="moe"] video,
[id*="moe"] iframe,
[class*="moe"] video,
[class*="moe"] iframe,
[id*="content-roll"] video,
[id*="content-roll"] iframe,
#ad-sandbox video,
#ad-sandbox iframe {
    pointer-events: auto !important;
}

/* Дополнительно: для всех fixed iframe на всякий случай */
iframe[id*="ad"],
iframe[id*="advertisement"],
iframe[class*="ad-"],
iframe[style*="z-index: 1000"] {
    pointer-events: none !important;
}

/* Адаптивная реклама */

/* По умолчанию мобильный блок скрыт */
.mobile-ad-container {
    display: none;
}

/* На мобильных (≤520px) */
@media (max-width: 520px) {
    /* Скрываем весь сайдбар */
    .col-lg-3 {
        display: none !important;
    }
    
    /* Показываем мобильный блок рекламы */
    .mobile-ad-container {
        display: block;
        width: 100%;
        margin: 10px auto;
        padding: 0 1px;
        box-sizing: border-box;
    }
}

/* Адаптивная реклама - переопределяем размеры */
.mobile-ad-container #banner32,
.mobile-ad-container #banner32 > div,
.mobile-ad-container #banner32 iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* Для десктопа оставляем как есть */
@media (min-width: 521px) {
    .col-lg-3 #banner32,
    .col-lg-3 #banner32 > div,
    .col-lg-3 #banner32 iframe {
        width: 300px !important;
        height: 250px !important;
    }
}


.container__sitebar {
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    box-shadow: none;
}




.container__sitebar-advertising {
    background-color: #a09797;
}