/*.btn.btn-brand.is-sticky {
    position: fixed !important;
    bottom: 30px !important;
    right: 256px !important; 
    z-index: 99999 !important;
    
    white-space: nowrap !important;
    width: 193px !important;
    height: 36px !important;
    
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    transition: bottom 0.1s ease-out !important;
}

@media (max-width: 768px) {
    .btn.btn-brand.is-sticky {
        position: static !important;
        width: auto !important;
        box-shadow: none !important;
    }
}

@media (max-width: 768px) {
    .btn.btn-brand.is-sticky {
        position: fixed !important;
        bottom: 0 !important;   
        right: 0 !important;    
        left: 0 !important;     
        width: 100% !important; 
        height: 50px !important; 
        border-radius: 0 !important; 
        
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.15) !important; 
        
        padding-bottom: env(safe-area-inset-bottom) !important;
        box-sizing: content-box !important;
    }
}*/



/* ==========================================================================
   БАЗОВЫЕ СТИЛИ КНОПКИ (ДЛЯ ВСЕХ ЭКРАНОВ)
   ========================================================================== */
.btn.btn-brand.is-sticky {
    position: fixed !important;
    z-index: 99999 !important;
    white-space: nowrap !important;
    width: 193px !important;
    height: 36px !important;
    
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    
    /* Плавный и дорогой переход */
    transition: 
        background-color 0.2s ease, 
        transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), 
        bottom 0.2s ease-out, 
        right 0.35s cubic-bezier(0.25, 1, 0.5, 1),
        opacity 0.3s ease !important;
}

/* Элемент полностью прозрачен и уехал вниз при скрытии */
.btn.btn-brand.is-sticky.btn-hidden {
    transform: translateY(150%) !important; 
    opacity: 0 !important;
    pointer-events: none !important; 
}

/* ==========================================================================
   ДЕСКТОП (От 769px)
   ========================================================================== */
@media (min-width: 769px) {
    .btn.btn-brand.is-sticky {
        right: 3vw !important; 
        bottom: 2vw !important;
    }
    
    .btn.btn-brand.is-sticky:hover {
        transform: translateY(-2px) !important;
    }
}

/* ==========================================================================
   МОБИЛКА (До 768px)
   ========================================================================== */
@media (max-width: 768px) {
    .btn.btn-brand.is-sticky {
        /* Принудительно сбрасываем левую координату */
        left: auto !important;
        /* Жесткий отступ справа от экрана смартфона */
        right: 8vw !important; 
        bottom: 16px !important;
        
        /* Защита от деформации ширины */
        width: 193px !important;
        max-width: calc(100vw - 32px) !important;
        box-sizing: border-box !important;
        
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        
        transform: translateY(0) !important;
        opacity: 1 !important;
    }

    /* Класс скрытия */
    .btn.btn-brand.is-sticky.btn-hidden {
        transform: translateY(200%) !important; 
        opacity: 0 !important;
        pointer-events: none !important; 
    }
}