/* === БЛОК: ПРОДАННЫЕ ОБЪЕКТЫ (Block_7) === */

.view-display-id-block_7 {
    display: block !important;
}

/* Настройки отступов контейнера */
.view-id-stranicy_videobloga.view-display-id-block_7 section.container-fluid {
    padding-left: 45px !important; 
    padding-right: 45px !important;
    max-width: 100% !important;
}

/* Оформление заголовка (выравнивание с карточками) */
.view-display-id-block_7 .headline {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    margin-left: 0 !important;
}

.view-display-id-block_7 .subheader {
    margin-left: 60px !important;
    border-left: none !important;
}

/* === ЦЕНТРИРОВАНИЕ КНОПКИ И УДАЛЕНИЕ ТОЧКИ === */

/* Убираем маркер (точку) и отступы у списка */
.view-display-id-block_7 .pager, 
.view-display-id-block_7 ul.js-pager__items {
    list-style: none !important;
    padding: 0 !important;
    margin: 40px 0 !important;
    display: flex !important;
    justify-content: center !important; /* Центрируем кнопку */
    width: 100% !important;
}

/* Убираем стили у элемента списка li */
.view-display-id-block_7 .pager__item {
    list-style-type: none !important;
    background-image: none !important; /* На случай, если точка — это фон */
    margin: 0 !important;
}

/* Золотая кнопка */
.view-display-id-block_7 .views-infinite-scroll-pager a.button,
.view-display-id-block_7 .pager__item a {
    background-color: #c5a67c !important;
    color: #fff !important;
    padding: 14px 45px !important;
    text-transform: uppercase !important;
    font-family: 'Rubik', sans-serif !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    border: none !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: 0.3s ease;
}

.view-display-id-block_7 .views-infinite-scroll-pager a.button:hover {
    background-color: #b08d5c !important;
    color: #fff !important;
}

/* Исправляем отступы карточек */
.view-id-stranicy_videobloga.view-display-id-block_7 .row.items {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ (ДО 767PX) - РАСТЯЖКА БЛОКА И ФИКС ЗАГОЛОВКА
   ========================================================= */
@media (max-width: 767px) {
    
    /* 1. Вырываем блок из узкого контейнера и растягиваем на весь экран */
    /* Селектор в точности как у тебя выше, чтобы перебить 45px */
    .view-id-stranicy_videobloga.view-display-id-block_7 section.container-fluid {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* 2. Чиним заголовок (Выстраиваем друг под другом по центру) */
    .view-display-id-block_7 .headline {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding-bottom: 20px !important;
    }

    .view-display-id-block_7 .headline h2 {
        border-right: none !important; 
        margin-bottom: 10px !important;
        padding-right: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }

    .view-display-id-block_7 .subheader {
        margin-left: 0 !important; /* Убиваем твой десктопный отступ 60px */
        padding-left: 0 !important;
        width: 100% !important;
        text-align: center !important;
    }
    
    /* 3. Убираем лишние системные отступы у родительских оберток футера */
    .after-content__wrapper,
    .after-content.container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }
}