.t-card__title.t-name.t-name_xl {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
        font-family: 'ReformaGrotesk', sans-serif !important;

}
t-container .t-bgimg:hover {
    filter: brightness(0.7); /* затемняет изображение при наведении */
    transition: filter 0.3s ease-in-out; /* плавный переход */
}


/* Стиль каждой карточки */
.t851__col {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Добавляем легкую тень */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Плавные переходы для тени и положения */
    border-radius: 10px; /* Скругляем углы карточек */
    overflow: hidden; /* Обрезаем все, что выходит за границы */
        background-color: #ffffff00 !important;
}
/* Эффект при наведении на карточку */
.t851__col:hover {
   box-shadow: 0 6px 12px #da5538; /* Изменяем цвет тени на темно-оранжевую */ /* Увеличиваем тень для более выразительного эффекта */
    transform: translateY(-5px); /* Легкое поднятие карточки при наведении */
}

/* Кнопка карточки */
.t-card__btn {
    background-color: #007bff; /* Яркий синий фон кнопки */
    color: #ffffff; /* Белый цвет текста */
    border: none; /* Убираем границу */
    border-radius: 5px; /* Скругленные углы для приятного вида */
    padding: 10px 20px; /* Увеличенные отступы для удобства клика */
    text-transform: uppercase; /* Текст кнопки большими буквами для акцента */
    font-weight: bold; /* Жирный текст для выделения */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Плавные переходы для эффектов при наведении */
    cursor: pointer; /* Курсор в виде указателя при наведении */
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}


t-container .t-bgimg:hover {
    filter: brightness(0.7); /* затемняет изображение при наведении */
    transition: filter 0.3s ease-in-out; /* плавный переход */
}

/* Стиль каждой карточки */
.t851__col, .t778__wrapper {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Добавляем легкую тень */
    transition: box-shadow 0.3s ease, transform 0.3s ease; /* Плавные переходы для тени и положения */
    border-radius: 10px; /* Скругляем углы карточек */
    overflow: hidden; /* Обрезаем все, что выходит за границы */
    background-color: #ffffff; /* Белый фон для карточек */
}

/* Эффект при наведении на карточку */
.t851__col:hover, .t778__wrapper:hover {
    box-shadow: 0 6px 12px #da5538; /* Изменяем цвет тени на темно-оранжевую */ /* Увеличиваем тень для более выразительного эффекта */
    transform: translateY(-5px); /* Легкое поднятие карточки при наведении */
}

/* Стили для кастомизации блока AB802 */

#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 120, 215, 0.7), rgba(0, 40, 80, 0.9));
    overflow: hidden;
}
/* Убираем фоновое изображение */
#rec828085856 .t-cover__carrier {
    background-image: none !important;
}

/* Добавляем фон с анимацией частиц */
#rec828085856 .t-cover {
    position: relative;
    overflow: hidden;
}

/* Настройка контейнера для частиц */
#rec828085856 .t-cover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(0, 120, 215, 0.7) 0%, rgba(0, 40, 80, 0.9) 100%);
    z-index: 1;
}

/* Настройка текстового содержимого */
#rec828085856 .t476__content {
    position: relative;
    z-index: 3;
}

/* Стили для заголовка */
#rec828085856 .t476__title {
    font-size: 48px;
    color: #ffffff;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
}

/* Стили для описания */
#rec828085856 .t476__descr {
    font-size: 18px;
    color: #ffffff;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}




/* Основной контейнер попапа */
.t-popup__container {
    background-color: #000; /* Черный фон */
    border-radius: 20px; /* Закругленные углы */
    padding: 30px; /* Внутренние отступы */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); /* Тень */
}

/* Галерея: исправляем обрезку фотографий */
.t-slds__imgwrapper {
    overflow: visible; /* Убираем обрезку */
}

.t-slds__bgimg {
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Тень для фотографий */
}

/* Контейнер галереи */
.t-slds__main {
    padding: 20px; /* Добавляем отступы */
}

/* Стрелки слайдера: стиль */
.t-slds__arrow {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #da5538, #ff6a5c); /* Градиентный фон */
    border-radius: 50%; /* Круглая форма */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Тень для стрелки */
}

.t-slds__arrow:hover {
    transform: scale(1.2); /* Увеличение при наведении */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Более выразительная тень */
}

/* Толщина и цвет стрелки */
.t-slds__arrow_body polyline {
    stroke: #ffffff;
    stroke-width: 3; /* Увеличенная толщина линии стрелки */
}

/* Точки переключения слайдов */
.t-slds__bullet {
    background-color: transparent;
    border: 2px solid #da5538;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.t-slds__bullet_active {
    background-color: #da5538;
    border-color: #ffffff;
}

/* Галерея миниатюр: исправляем обрезку */
.t-slds__thumbsbullet-wrapper {
    display: flex;
    gap: 10px; /* Расстояние между миниатюрами */
    justify-content: center; /* Центрируем миниатюры */
}

.t-slds__thumbsbullet {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 8px; /* Закругленные углы миниатюр */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); /* Тень для миниатюр */
    transition: transform 0.3s ease;
}

.t-slds__thumbsbullet:hover {
    transform: scale(1.1); /* Увеличение миниатюры при наведении */
}

/* Миниатюры: изображения */
.t-slds__thumbsbullet .t-bgimg {
    background-size: cover;
    background-position: center;
}

/* Заголовок */
.t750__title {
    font-size: 28px;
    font-weight: bold;
    color: #da5538; /* Основной цвет текста */
    margin-bottom: 10px;
}

/* Маленький заголовок SKU */
.t750__title_small {
    font-size: 14px;
    color: #ffffff;
    opacity: 0.8; /* Легкая прозрачность */
}

/* Текстовое описание */
.t750__descr {
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
    margin-top: 20px;
    opacity: 0.9;
}



#rec830665956 {
    position: fixed; /* Логотип фиксирован */
    top: 10px; /* Отступ сверху */
    left: 10px; /* Отступ слева */
    z-index: 1000; /* Поверх всех элементов */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Плавный эффект исчезновения */
    opacity: 1; /* Логотип виден */
    visibility: visible; /* Логотип видим */
}

#rec830665956.hidden {
    opacity: 0; /* Логотип становится невидимым */
    visibility: hidden; /* Скрывает элемент, чтобы он не занимал место */
}