/* ============================================================
   Доработки по КП от 15.05.2026 — lianagroup.ru

   Слой поверх собранной темы website-uk-domodedovo/dist/css/style.css.
   Подключается после неё (chunks/template/head.tpl), поэтому здесь
   почти не нужен !important.

   Система размеров темы: html { font-size: 0.5208333333vw } на десктопе
   и 2.6666666667vw на мобильных, брейкпоинт — 768px.
   ============================================================ */

:root {
    --lg-green-dark: #0a5c35;
    --lg-green-light: #94c11e;
    --lg-bg: #f7f8f2;
}

/* --- 1. Fancybox: изображение целиком, без прокрутки -------- */

.fancybox__container {
    --f-button-color: #fff;
    --f-button-hover-bg: rgba(255, 255, 255, 0.15);
    z-index: 2000;
}

/* Картинка вписывается и по ширине, и по высоте экрана */
.fancybox__slide {
    padding: 4rem 1.6rem;
}

.fancybox__content > img,
.fancybox__content picture > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 768px) {
    .fancybox__slide {
        padding: 6rem 1.2rem;
    }
}

/* --- 3. Нижний мобильный навбар ----------------------------- */

/* Быстрые действия — только в мобильной нижней панели.
   На десктопе в шапке есть полное меню и телефон. */
.header__actions {
    display: none;
}


@media (max-width: 768px) {
    .header {
        top: auto;
        bottom: 0;
        margin-top: 0;
        margin-bottom: 1.6rem;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    .header__container {
        gap: 1.2rem;
        padding: 0.8rem 1.2rem;
        background-color: hsla(0, 0%, 100%, 0.86);
        box-shadow: 0 -0.2rem 2.4rem rgba(10, 92, 53, 0.14);
    }

    .header__logo {
        flex: 0 0 auto;
    }

    .header__menu-btn {
        flex: 0 0 auto;
        order: 1;
    }

    .header__actions {
        order: 2;
        display: flex;
        align-items: center;
        gap: 0.8rem;
        margin-left: auto;
    }

    .header__action {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background: var(--lg-bg);
        color: var(--lg-green-dark);
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .header__action:active {
        background: var(--lg-green-light);
        color: #fff;
    }

    .header__action svg {
        width: 2rem;
        height: 2rem;
    }

    /* Меню раскрывается снизу вверх: место под панель — снизу, не сверху */
    .header-menu {
        padding: 2.4rem 1.6rem calc(9rem + env(safe-area-inset-bottom, 0px));
    }

    .header-menu__container {
        justify-content: flex-end;
    }

    .header-menu__call {
        display: inline-flex;
        margin-top: 2.4rem;
    }

    /* Контент и подвал не должны уходить под фиксированную панель */
    .footer {
        padding-bottom: calc(9rem + env(safe-area-inset-bottom, 0px));
    }
}

/* --- 6. Баннер согласия на cookie --------------------------- */

.cookie-consent {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    padding: 1.6rem;
    padding-bottom: calc(1.6rem + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
}

.cookie-consent[hidden] {
    display: none;
}

.cookie-consent:not([hidden]) {
    pointer-events: auto;
}

.cookie-consent__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.2rem;
    max-width: 147.2rem;
    margin: 0 auto;
    padding: 2.4rem 3.2rem;
    border-radius: 2.4rem;
    background: #fff;
    box-shadow: 0 0.4rem 4rem rgba(10, 92, 53, 0.18);
}

.cookie-consent__text {
    flex: 1;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.45;
}

.cookie-consent__link {
    color: var(--lg-green-dark);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.cookie-consent__actions {
    display: flex;
    flex-shrink: 0;
    gap: 1.2rem;
}

.cookie-consent__btn {
    cursor: pointer;
    border: none;
}

@media (max-width: 768px) {
    .cookie-consent {
        /* над нижним навбаром */
        bottom: calc(7.2rem + env(safe-area-inset-bottom, 0px));
        padding: 0 1.2rem;
        padding-bottom: 0;
    }

    .cookie-consent__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 1.6rem;
        padding: 2rem;
    }

    .cookie-consent__text {
        font-size: 1.4rem;
    }

    .cookie-consent__actions {
        flex-direction: row;
    }

    .cookie-consent__btn {
        flex: 1;
        justify-content: center;
    }
}

/* --- 7. Баннеры скачивания мобильного приложения ------------ */

.app-banners {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.app-banners__title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
}

.app-banners__list {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.app-banners__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
    background: #fff;
    transition: opacity 0.2s ease;
}

.app-banners__link:hover {
    opacity: 0.75;
}

/* Глиф App Store залит белым — ему нужна тёмная плитка */
.app-banners__link--apple {
    background: var(--lg-green-dark);
}

.app-banners__link img {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
}

@media (max-width: 768px) {
    .app-banners {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .app-banners__link {
        width: 4.4rem;
        height: 4.4rem;
    }
}