/* 1. Убираем заголовок страницы (он часто пустой, но занимает место) */
.home .entry-header {
    display: none !important;
}

/* 2. Убираем внутренние отступы основного контейнера Botiga */
.home .content-area .entry-content {
    margin-top: 0 !important;
}

.home .site-content {
    padding-top: 0 !important;
}

/* 3. Убираем стандартный отступ сверху у списка товаров */
.home ul.products {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home #content.site-content {
    margin-top: -30px !important; /* Отрицательный отступ подтянет товары вверх */
}

/* Полностью скрываем и обнуляем пустые строки хедера */
.bhfb-above_header_row, 
.bhfb-below_header_row {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Уменьшаем отступы в главной строке шапки */
.bhfb-main_header_row {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Убираем лишние отступы у логотипа */
.bhfb-component-logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* Убираем отступ между шапкой и первым блоком Elementor */
.site-content {
    padding-top: 0 !important;
}

#primary {
    margin-top: 0 !important;
}

/* Убираем стандартные внешние отступы у секций Elementor на главной */
.home .elementor-section-wrap > .elementor-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* ИСПРАВЛЕНИЕ МЕЛЬКАНИЯ: stretched-секции Elementor изначально отрисовываются
внутри центрированного контейнера (узкими и смещёнными вправо), затем JS
стуretch сдвигает их на весь экран -> заметный скачок при загрузке.
Этот CSS полностью перехватывает контроль у JS: секция уже в первом кадре
занимает всю ширину вьюпорта. !important побеждает инлайн-стили stretch-JS,
left:auto убирает его px-компенсацию. */
.elementor-section-stretched.elementor-section-full_width {
    width: 100vw !important;
    max-width: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
}

/* ГЛАВНАЯ: обёртка elementor на главной лежит напрямую во flex-ряду .main-row
(без .entry-content, в отличие от остальных страниц). Из-за этого её ширина
схлопывается в 0, и calc(-50vw + 50%) в правиле выше превращается в -50vw,
уводя stretched-секции (3 товара + 2 видео) влево за экран.
Даём обёртке полную ширину ряда — секции сразу встают на весь вьюпорт. */
.content-wrapper .main-row > .elementor {
    width: 100%;
}