/* index-slider.css
 * Дополнения к слайдеру главной (.index-slider).
 * В style.css красный полукруг — это псевдоэлемент
 * .index-slider__slide .index-slider__slide__text:before, который растёт
 * до 1600px при появлении класса .animated и остаётся раскрытым после
 * первой анимации (.index-slider__slides.animation-over).
 * Модификатор --no-circle ставится в pages/city/index.php, когда у слайда
 * в data/slides.json стоит "circle_hidden": true — текст уже вписан
 * в саму картинку, полукруг только закрывает её.
 * Файл аддитивный, не перебивает рабочие правила оригинала.
 */

.index-slider__slide--no-circle .index-slider__slide__text:before {
    display: none;
}

/* Кнопка на слайде без круга: текст уже в картинке, поэтому вниз слайда
 * (позиционируется от .index-slider__slide__text — он position:relative,
 * height:100%). Только десктоп: до 980px оригинал переключается на
 * белую карточку с кнопкой в потоке. */
@media screen and (min-width: 981px) {
    .index-slider__slide--no-circle .index-slider__slide__text__button {
        position: absolute;
        bottom: 30px;
        left: 100px;
    }
}