@media (max-width: 768px) {
    #hotels101_partner_widget_866 {
        width: 100px !important;
        height: 110px !important;
    }
}

/* ==========================================
   1. БАЗОВЫЕ СТИЛИ И ЭФФЕКТ СТЕКЛА
   ========================================== */
.uc-lamberti-header .t280, 
.uc-lamberti-header .t456 {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Линия под пунктами меню */
.uc-lamberti-header .t-menu__link-item {
    position: relative;
    text-decoration: none !important;
}

.uc-lamberti-header .t-menu__link-item::after {
    content: '';
    position: absolute;
    bottom: -2px; 
    left: 0;
    width: 100%;
    height: 2px; 
    background-color: #333; 
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.uc-lamberti-header .t-menu__link-item.t-active::after,
.uc-lamberti-header .t-menu__link-item:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* ==========================================
   2. АНИМАЦИЯ НОМЕРА ТЕЛЕФОНА
   ========================================== */
.uc-lamberti-header a[href^="tel:"] {
    display: inline-block;
    transition: all 0.3s ease !important;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600 !important;
    text-decoration: none !important;
}

@media (hover: hover) and (pointer: fine) {
    .uc-lamberti-header a[href^="tel:"]:hover {
        color: #000 !important;
        animation: phone-glow 1.5s infinite;
        background: rgba(255, 255, 255, 0.4);
    }
}

@keyframes phone-glow {
    0% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
    70% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

/* ==========================================
   3. СОЦСЕТИ (ДЕСКТОП)
   ========================================== */
@media (hover: hover) and (pointer: fine) {
    .uc-lamberti-header .t-sociallinks__item {
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    .uc-lamberti-header .t-sociallinks__item:hover {
        transform: scale(1.15) translateY(-2px) !important; 
    }
}

/* ==========================================
   ГЛОБАЛЬНАЯ АНИМАЦИЯ ВСЕХ КНОПОК
   ========================================== */
/* Добавляем плавность перехода */
.t-btn, 
.t-submit {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
    will-change: transform, box-shadow; /* Оптимизация для браузера */
}

/* ==========================================
   ГЛОБАЛЬНАЯ АНИМАЦИЯ КНОПОК: ПРЕМИАЛЬНЫЙ БЛИК
   ========================================== */
/* 1. Подготовка базовой кнопки */
.t-btn, 
.t-submit {
    position: relative;
    overflow: hidden !important; /* Скрываем луч за пределами кнопки */
    transition: filter 0.2s ease, transform 0.1s ease !important;
}

/* 2. Создаем световой луч (блик) через псевдоэлемент */
.t-btn::after, 
.t-submit::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    /* Полупрозрачный белый градиент */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); /* Наклоняем луч */
}

/* 3. Запускаем анимацию луча при наведении (только для ПК) */
@media (hover: hover) and (pointer: fine) {
    .t-btn:hover::after, 
    .t-submit:hover::after {
        animation: btn-shine 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    /* Слегка осветляем саму кнопку при наведении для дополнительного отклика */
    .t-btn:hover, 
    .t-submit:hover {
        filter: brightness(1.1);
    }
}

/* Траектория движения луча */
@keyframes btn-shine {
    0% { left: -150%; }
    100% { left: 150%; }
}

/* 4. Строгий тактильный отклик при клике */
.t-btn:active, 
.t-submit:active {
    transform: scale(0.98) !important; /* Жесткое микро-сжатие вместо проваливания */
    filter: brightness(0.9);
}












/* ==========================================
   5. ГЛОБАЛЬНО: ПЛАВНЫЙ ЗУМ ФОТО ПРИ НАВЕДЕНИИ
   ========================================== */
.t-item .t-bgimg,
.t-store__card .t-bgimg,
.t-card__imgwrapper .t-bgimg {
    transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .t-item:hover .t-bgimg,
    .t-store__card:hover .t-bgimg,
    .t-card__imgwrapper:hover .t-bgimg {
        transform: scale(1.04) !important;
    }
}

/* ==========================================
   6. ГЛОБАЛЬНО: ПОДСВЕТКА ПОЛЕЙ БРОНИРОВАНИЯ
   ========================================== */
.t-input, 
.t-datepicker__input {
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
}

.t-input:focus, 
.t-datepicker__input:focus {
    border-color: #4A5D44 !important; 
    box-shadow: 0 0 0 4px rgba(74, 93, 68, 0.15) !important; 
    background-color: #ffffff !important;
}

/* ==========================================
   7. ФУТЕР: АНИМАЦИЯ ССЫЛОК И ИКОНОК
   ========================================== */
/* Подготовка плавного перехода для всех ссылок */
.uc-lamberti-footer a {
    transition: opacity 0.3s ease, color 0.3s ease !important;
}

@media (hover: hover) and (pointer: fine) {
    /* 1. Мягкое затухание для обычных текстовых ссылок (Навигация, Локация) */
    .uc-lamberti-footer a:not(.t-sociallinks__item a):hover {
        opacity: 0.6 !important;
    }

    /* 2. Анимация иконок соцсетей (подъем + мягкая тень) */
    .uc-lamberti-footer .t-sociallinks__item {
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease !important;
        border-radius: 50%; /* Скругляем углы для правильной тени */
    }

    .uc-lamberti-footer .t-sociallinks__item:hover {
        transform: translateY(-4px) scale(1.05) !important;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important;
    }

    /* 3. Свечение для номера телефона (переиспользуем анимацию phone-glow из шапки) */
    .uc-lamberti-footer a[href^="tel:"]:hover {
        opacity: 1 !important; /* Отменяем общее затухание для телефона */
        color: #000 !important;
        animation: phone-glow 1.5s infinite;
    }
}