.page-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    position: relative; /* Добавляем для позиционирования fixed-блоков относительно обертки */
    
}

/* Основной flex-контейнер для трех колонок */
.layout-three-columns {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

/* Левый и правый блоки - меняем на fixed */
.rssy-left,
.rssy-right {
    position: fixed;
    width: 200px;
    top: 100px;     /* Отступ сверху */   
    transition: all 0.2s ease;
}

/* Левый блок прилепляется слева */
.rssy-left {
    left: calc((100% - 1300px) / 2 + 20px); /* Центрирование относительно .page-wrapper */
    margin-left:10px
}

/* Правый блок прилепляется справа */
.rssy-right {
    right: calc((100% - 1300px) / 2 + 20px);
    margin-right:10px;
}


/* Класс, который добавляется, когда реклама достигает низа */
.rssy-right.bottom-stop {
    position: absolute;  /* переключаем на absolute */
    top: auto;
    bottom: 100px;       /* останавливаемся за 100px до низа */
    right: 20px;
}



.rssy-left.bottom-stop {
    position: absolute;
    top: auto;
    bottom: 100px;
    left: 20px;
}

/* Внутренний контент панелей (уже не нужен sticky, но можно оставить для других целей) */
.rssy-sticky {
    /* position: fixed больше не требуется, убираем */
}



/* Адаптивность: при ширине меньше 900px скрываем боковые панели и убираем отступы */
@media (max-width: 899px) {
    .rssy-left,
    .rssy-right {
        display: none;
    }
    
    .layout-three-columns {
        gap: 0;
    }
    
    .article-container {
         margin: 30px auto;
    }
}

/* Адаптация для промежуточных размеров */
@media (max-width: 1200px) {
    .rssy-left {
        left: 20px;
    }
    .rssy-right {
        right: 20px;
    }
}

@media (max-width: 1100px) and (min-width: 900px) {
    .rssy-left,
    .rssy-right {
        width: 200px;
    }
    .article-container {
        margin-left: 260px;
        margin-right: 260px;
    }
}