/* =============================================
   Мобильная главная: блоки край в край, без
   скруглений внешних карточек.
   body-префикс — чтобы бить стили из
   holst_home.css / holst_calc.css независимо
   от порядка подключения файлов.
   ============================================= */

@media (max-width: 768px) {
    body .hl-container { padding: 0; }

    /* Герой: открываем фоновое фото с холстом — градиент сверху для текста,
       низ прозрачный; контент прижат к верху. Фото смещено, чтобы холст
       был в кадре, переключатель-точки скрыт (баннер один). */
    body .hl-hero {
        min-height: 620px;
        background-size: auto 760px;
        background-position: 72% 185px;
        align-items: flex-start;
    }
    body .hl-hero::before {
        background: linear-gradient(180deg,
            #ffffff 0%,
            rgba(255,255,255,0.94) 26%,
            rgba(255,255,255,0.62) 40%,
            rgba(255,255,255,0.08) 54%,
            rgba(255,255,255,0) 65%);
    }
    body .hl-hero-inner {
        justify-content: flex-start;
        padding: 32px 24px;
        gap: 22px;
    }
    body .hl-hero-dots { display: none; }
    body .hl-hero,
    body .hl-benefits,
    body .hl-steps,
    body .hl-forwhom,
    body .hl-reviews,
    body .hl-faq,
    body .hl-showcase,
    body .hl-quality,
    body .hl-cta,
    body .hl-contacts,
    body .hc-section {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
    }
    /* вертикальный ритм чуть плотнее, раз карточки слились с фоном */
    body .hl-benefits, body .hl-steps, body .hl-forwhom, body .hl-reviews,
    body .hl-faq, body .hl-showcase, body .hl-quality, body .hl-cta,
    body .hl-contacts {
        margin-top: 8px;
        margin-bottom: 8px;
    }
}