/* Sticky CTA — только главная, мобильная версия */

.sticky-cta {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    grid-template-columns: 1fr auto;
    gap: 0.65em;
    align-items: stretch;
    padding: 0.65em var(--hero-site-content-pad, calc(6vw + 0.5rem));
    padding-bottom: calc(0.65em + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid #e3e3e3;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(8px);
    transform: translateY(110%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.28s ease, opacity 0.28s ease;
}

.sticky-cta.is-visible {
    display: grid;
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.sticky-cta__primary {
    width: 100%;
    min-height: 2.85em;
    font-size: 0.78em;
    box-shadow: none;
}

.sticky-cta__phone {
    min-height: 2.85em;
    padding-left: 1.15em;
    padding-right: 1.15em;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--col);
}

.sticky-cta__phone:hover {
    color: var(--btn);
    border-color: var(--btn);
}

@media screen and (min-width: 601px) {
    .sticky-cta,
    .sticky-cta.is-visible {
        display: none !important;
    }

    body.has-sticky-cta {
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 600px) {
    body.main_page.has-sticky-cta {
        padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
    }
}