/* Основная раскладка страниц города и афиши */
.viewer-layout > .viewer-layout__filter {
    float: left;
    width: 25%;
    padding: 10px 10px 0;
}

.viewer-layout > .viewer-layout__results {
    float: right;
    width: 75%;
    min-width: 0;
    padding: 10px;
}

.viewer-layout > .viewer-layout__secondary {
    float: left;
    clear: left;
    width: 25%;
    padding: 0 10px;
}

.viewer-layout > .viewer-layout__social {
    float: left;
    clear: left;
    width: 25%;
    padding: 0 10px 10px;
}

/* На широком экране части общей рамки соединяются в одной колонке */
.viewer-layout .city-sidebar-boxes--filter {
    margin-bottom: 0;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
}

.viewer-layout .city-sidebar-boxes--secondary {
    border-top: 0;
    border-radius: 0 0 6px 6px;
}

.viewer-layout .city-sidebar-boxes--standalone {
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    border-radius: 6px;
}

/* Непрозрачный фон фильтра повторяет верхний левый угол общей страницы */
#body > #content.viewer-layout > .viewer-layout__filter {
    border-top-left-radius: inherit;
}

@media (max-width: 767.999px) {
    /* На узком экране исходный порядок DOM определяет последовательность блоков */
    .viewer-layout > .viewer-layout__filter,
    .viewer-layout > .viewer-layout__results,
    .viewer-layout > .viewer-layout__secondary,
    .viewer-layout > .viewer-layout__social {
        float: none;
        clear: none;
        width: 100%;
        padding: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    /* Фон мобильного фильтра совпадает с общим фоном страницы */
    .viewer-layout > .viewer-layout__filter {
        background: transparent;
    }

    .viewer-layout .city-sidebar-boxes--filter,
    .viewer-layout .city-sidebar-boxes--secondary {
        margin-bottom: 0;
        border: 1px solid #e2e2e2;
        border-radius: 6px;
    }

    /* На телефоне обе фразы пустого города остаются в одной строке при наличии места */
    .quick-tickets-city-empty__desktop-break {
        display: none;
    }
}