.ws-chat-btn-el-container { position: fixed!important; top: auto!important; bottom: 3%!important; } .callbackkiller.cbk-phone { position: fixed!important; top: auto!important; bottom: 3%!important; }
.goodplace { position: fixed!important; top: auto!important; bottom: 20%!important; z-index: 9999!important; }
.js-store-prod-all-charcs { display: none; }




/* ==========================================================================
   ЖЕСТКИЙ СБРОС ТУСКЛОСТИ ДЛЯ РОДИТЕЛЬСКИХ КОНТЕЙНЕРОВ
   (Применяется строго к блокам, не ломая внутреннюю верстку текста)
   ========================================================================== */
.js-store-prod-text,
.js-store-prod-all-text,
.js-store-prod-all-text p {
    opacity: 1 !important;   /* Убирает прозрачность с контейнеров и абзацев */
    filter: none !important; /* Отключает серые фильтры Tilda */
}

/* ==========================================================================
   БЛОК 1. КНОПКИ В КАРТОЧКЕ ТОВАРА (ЗАБРОНИРОВАТЬ)
   ========================================================================== */

/* 1.1 Общие стили для обеих кнопок в магазине (ПК версия) */
.js-store-prod-text a:not([href*="rooftop-msk.ru/offers"]), 
.js-store-prod-all-text a:not([href*="rooftop-msk.ru/offers"]) {
    display: inline-block !important; /* Делает ссылки блочными */
    font-size: 14px !important;       /* Размер текста */
    padding: 13px 28px !important;    /* Внутренние отступы */
    margin-right: 50px !important;    /* Отступ справа на ПК */
    margin-top: -10px !important;     /* Отступ сверху */
    margin-bottom: 20px !important;   /* Отступ снизу */
    border-radius: 50px !important;   /* Овальная форма */
    font-weight: 600 !important;      /* Начертание текста */
    text-decoration: none !important; /* Без подчеркивания */
    transition: all 0.3s !important;  /* Плавность анимации */
    opacity: 1 !important;            /* Максимальная яркость */
    filter: none !important;          
}

/* 1.2 Стили для ПЕРВОЙ кнопки ("Забронировать с менеджером") */
.js-store-prod-text a:first-of-type:not([href*="rooftop-msk.ru/offers"]) {
    background-color: #bc574b !important; /* Терракотовая заливка */
    border: 0px solid #bc574b !important;     
    color: #ffffff !important;             /* Белый текст */
}

/* 1.3 Стили для ВТОРОЙ кнопки ("Забронировать самостоятельно") */
.js-store-prod-text a:last-of-type:not([href*="rooftop-msk.ru/offers"]),
.js-store-prod-all-text a:not([href*="rooftop-msk.ru/offers"]) {
    background-color: #FFB340 !important; /* Желто-оранжевая заливка */
    border: 0px solid #FFB340 !important;     
    color: #000000 !important;             /* Черный текст */
}

/* 1.4 Мобильная адаптация кнопок карточки товара */
@media screen and (max-width: 768px) {
    /* ИСПРАВЛЕНО: Теперь мобильное растягивание на 100% вообще не касается ссылки offers */
    .js-store-prod-text a:not([href*="rooftop-msk.ru/offers"]),
    .js-store-prod-all-text a:not([href*="rooftop-msk.ru/offers"]) {
        display: block !important;         /* Кнопки встают друг под другом */
        width: 100% !important;            /* Растягиваются под ширину контента */
        box-sizing: border-box !important; 
        font-size: 13px !important;        
        text-align: center !important;     /* Текст по центру */
        margin-left: 0px !important;       
        margin-right: 0px !important;       
        padding: 16px 28px !important;     
        margin-top: 15px !important;       /* Зазор между кнопками на мобильном */
        margin-bottom: 10px !important;    
    }
    
    .js-store-prod-text a:first-of-type:not([href*="rooftop-msk.ru/offers"]) {
        margin-top: -10px !important;      
        margin-bottom: 10px !important;    
    }
}


/* ==========================================================================
   БЛОК 2. ССЫЛКА "ПАКЕТНЫЕ ПРЕДЛОЖЕНИЯ" (СТИЛЬ С БЕЛОЙ ОБВОДКОЙ)
   ========================================================================== */
.t-records .r a[href*="rooftop-msk.ru/offers"]:not(.t-store__card a):not(.t-store__grid-cont a),
.t-records a[href*="rooftop-msk.ru/offers"]:not(.t-store__card a):not(.t-store__grid-cont a),
a[href*="rooftop-msk.ru/offers"]:not(.t-store__card a):not(.t-store__grid-cont a) {
    display: inline-block !important;   
    padding-top: 6px !important;    
    padding-bottom: 8px !important; 
    padding-left: 20px !important;   
    padding-right: 20px !important;  
    margin: 3px 0 3px 6px !important; 
    
    /* Новые стили: прозрачный фон, белая рамка и белый текст */
    background-color: transparent !important; 
    border: 1px solid #ffffff !important;      /* Белая обводка в 1 пиксель */
    color: #ffffff !important;                 /* Белый цвет текста */
    
    border-radius: 40px !important; 
    text-decoration: none !important; 
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    transition: all 0.3s ease !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Эффект при наведении на белую обводную кнопку */
.t-records .r a[href*="rooftop-msk.ru/offers"]:not(.t-store__card a):not(.t-store__grid-cont a):hover,
a[href*="rooftop-msk.ru/offers"]:not(.t-store__card a):not(.t-store__grid-cont a):hover {
    background-color: #ffffff !important;     /* Фон становится белым */
    color: #111111 !important;                 /* Текст становится темным для читаемости */
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}

/* Сброс подчеркиваний Tilda для текстовой ссылки */
.t-records .r a[href*="rooftop-msk.ru/offers"] font,
.t-records .r a[href*="rooftop-msk.ru/offers"] u,
a[href*="rooftop-msk.ru/offers"] font,
a[href*="rooftop-msk.ru/offers"] u {
    text-decoration: none !important;
    border: none !important;
}


/* ==========================================================================
   БЛОК 3. СИСТЕМНЫЕ СЛОИ (КОРЗИНА И СБРОСЫ)
   ========================================================================== */
.t706__cartwin_showed {
    z-index: 999999999 !important; /* Корзина всегда на переднем плане */
}

.t-records .r u {
    text-decoration: none !important;
    border: none !important;
}