/* ═══════════════════════════════════════════════════════════
   LUMINFLEX — ULTRA SAFE CSS v4.0
   Только визуальные эффекты. НЕ трогаем layout.
   Вставьте в: Настройки сайта → Пользовательский CSS
   ═══════════════════════════════════════════════════════════ */

/* ПРАВИЛА БЕЗОПАСНОСТИ:
   - НЕ трогаем: display, position, flex, grid, width, height, float
   - НЕ используем !important (только для цвета меню при необходимости)
   - Только: цвета, фоны, тени, скругления, transform, transition */

/* ─── 1. ХЕДЕР: белые пункты меню ─── */
#rec1938870961 .t-menu__link-item {
  color: #ffffff;
}

#rec1938870961 .t-menu__link-item:hover {
  color: #ffffff;
  opacity: 0.85;
}

#rec1938870961 .t-menu-base__right_descr {
  color: #ffffff;
}

/* ─── 2. КАРТОЧКИ МОДЕЛЕЙ: тени и hover ─── */
.t1196__item {
  border-radius: 20px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.t1196__item:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(88,11,228,0.2);
}

.t1196__bgimg {
  transition: transform 0.6s ease;
}

.t1196__item:hover .t1196__bgimg {
  transform: scale(1.08);
}

/* ─── 3. ГАЛЕРЕЯ: hover-эффекты ─── */
.t603__tile {
  border-radius: 16px;
  transition: transform 0.4s ease;
}

.t603__tile:hover {
  transform: translateY(-6px);
}

.t603__blockimg {
  transition: transform 0.6s ease;
}

.t603__tile:hover .t603__blockimg {
  transform: scale(1.08);
}

/* ─── 4. АККОРДЕОН: стилизация ─── */
.t1118__wrapper {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.t1118__trigger-button {
  cursor: pointer;
}

.t1118__icon .t1118__lines {
  transition: transform 0.3s ease;
}

.t1118__trigger-button[aria-expanded="true"] .t1118__lines {
  transform: rotate(45deg);
}

/* ─── 5. УСТАНОВКА: стилизация кругов ─── */
.t550__circle {
  background: linear-gradient(135deg, #580be4 0%, #8b4dff 100%);
  box-shadow: 0 6px 20px rgba(88,11,228,0.25);
}

.t550__digit {
  font-weight: 700;
}

/* ─── 6. ЗАГОЛОВКИ СЕКЦИЙ: акцентная линия ─── */
.t-section__title {
  position: relative;
  padding-bottom: 16px;
}

.t-section__title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background: linear-gradient(135deg, #580be4 0%, #8b4dff 100%);
  border-radius: 2px;
}

/* ─── 7. HERO: градиентный оверлей ─── */
.t-cover__filter {
  background-image: linear-gradient(to bottom, rgba(88,11,228,0.4), rgba(0,0,0,0.5));
}

/* ─── 8. КНОПКИ: градиент ─── */
.t-btnflex_type_button {
  background: linear-gradient(135deg, #580be4 0%, #8b4dff 100%);
  box-shadow: 0 4px 20px rgba(88,11,228,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.t-btnflex_type_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(88,11,228,0.4);
}

/* ─── 9. КОНТАКТЫ: фон ─── */
#rec1976833571,
#rec1976827451 {
  background-color: #f5f0fe;
}

/* ─── 10. МОБИЛЬНАЯ АДАПТАЦИЯ ─── */
@media (max-width: 960px) {
  .t1196__item {
    border-radius: 16px;
  }
  
  .t603__tile {
    border-radius: 12px;
  }
}

/* ─── 11. ДОСТУПНОСТЬ ─── */
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
  }
}

/* ═══════════════════════════════════════════════════════════
   END OF ULTRA SAFE CSS v4.0
   ═══════════════════════════════════════════════════════════ */