/* =========================================================
   LAYOUT: ШИРИНА ЭКРАНА (БЕЗ ВЕРТИКАЛЬНЫХ ОТСТУПОВ)
   ========================================================= */

/* 1. РАСШИРЯЕМ КАТАЛОГ НА 100% (ПК и ОБЩИЕ ПРАВИЛА) */
body.path-catalog main#it-main-content,
body.path-catalog .region-content,
body.path-catalog .views-element-container,
body.path-catalog .view-catalog-real-estate {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Стандартные отступы для контейнера сетки, чтобы карточки не липли к краям на ПК */
body.path-catalog section.catalog {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 2. МОБИЛЬНАЯ ВЕРСИЯ (ДО 767px) */
@media (max-width: 767px) {
    
    /* ЖЕСТКОЕ РАСШИРЕНИЕ СЕТКИ НА ВЕСЬ ЭКРАН ТЕЛЕФОНА */
    .view-catalog-real-estate {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important; 
        margin-right: calc(-50vw + 50%) !important;
    }

    /* ВОЗВРАЩАЕМ ВНУТРЕННИЕ ОТСТУПЫ КАРТОЧКАМ */
    .view-catalog-real-estate section.catalog {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }
    
    /* КОНФЛИКТНЫЙ ОТСТУП ДЛЯ ТАТЬЯНЫ УДАЛЕН. 
       ЭТИМ ТЕПЕРЬ УПРАВЛЯЕТ filtry_i_sortirovka */
}