/* ========================================
   GLASSMORPHISM DESIGN SYSTEM 2026 - DARK THEME
   Эффект матового стекла для NovaDeploy
   Дата обновления: 05.03.2026
   ТЁМНАЯ ТЕМА ПО УМОЛЧАНИЮ
   ======================================== */

:root {
  /* Glass для ТЁМНОЙ темы - ПО УМОЛЧАНИЮ */
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-bg-hover: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-shadow: rgba(0, 0, 0, 0.3);
  --glass-shadow-hover: rgba(0, 0, 0, 0.4);
  
  /* Текстовые цвета - ТЁМНАЯ ТЕМА */
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-on-glass: #e2e8f0;
  --text-on-primary: #ffffff;
  --text-muted: #64748b;
  
  /* Фоны элементов - ТЁМНАЯ ТЕМА */
  --surface-header: rgba(10, 22, 40, 0.7);
  --surface-header-fixed: rgba(10, 22, 40, 0.85);
  --surface-dropdown: rgba(10, 22, 40, 0.85);
  --surface-modal: rgba(10, 22, 40, 0.92);
  --surface-footer: rgba(10, 22, 40, 0.6);
  --surface-card: rgba(255, 255, 255, 0.05);
  --surface-card-hover: rgba(255, 255, 255, 0.1);
  
  /* Z-index система */
  --z-background: -1;
  --z-content: 1;
  --z-card: 10;
  --z-card-hover: 20;
  --z-header: 100;
  --z-header-fixed: 1000;
  --z-dropdown: 1010;
  --z-mobile-menu: 1020;
  --z-overlay: 2000;
  --z-modal-backdrop: 2010;
  --z-modal: 2020;
  --z-toast: 2030;
  --z-tooltip: 3000;
  --z-popover: 3010;
  --z-lightbox: 9000;
  
  /* Semantic colors */
  --color-success: #10b981;
  --color-success-light: rgba(16, 185, 129, 0.1);
  --color-success-text: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: rgba(245, 158, 11, 0.1);
  --color-warning-text: #fcd34d;
  --color-error: #ef4444;
  --color-error-light: rgba(239, 68, 68, 0.1);
  --color-error-text: #fca5a5;
  --color-info: #3b82f6;
  --color-info-light: rgba(59, 130, 246, 0.1);
  --color-info-text: #93c5fd;
  
  /* Градиенты 2026 */
  --gradient-primary: linear-gradient(135deg, #218a64 0%, #04a39e 100%);
  --gradient-accent: linear-gradient(135deg, #04a39e 0%, #218a64 100%);
  --gradient-cosmic: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  --gradient-ocean: linear-gradient(135deg, #2e3192 0%, #1bffff 100%);
  --gradient-sunset: linear-gradient(135deg, #ff6b6b 0%, #feca57 100%);
  --gradient-aurora: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
  
  /* Blur эффекты */
  --blur-sm: blur(8px);
  --blur-md: blur(12px);
  --blur-lg: blur(16px);
  --blur-xl: blur(24px);
}

/* КРИТИЧНО: Тёмный градиентный фон с fixed attachment - УСИЛЕННЫЙ */
body.novadeploy {
  background:
    radial-gradient(ellipse at 10% 5%, rgba(4, 163, 158, 0.2) 0%, transparent 45%),
    radial-gradient(ellipse at 90% 15%, rgba(33, 138, 100, 0.15) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 40%, rgba(102, 126, 234, 0.12) 0%, transparent 45%),
    radial-gradient(ellipse at 15% 70%, rgba(4, 163, 158, 0.18) 0%, transparent 40%),
    radial-gradient(ellipse at 85% 85%, rgba(118, 75, 162, 0.12) 0%, transparent 45%),
    radial-gradient(ellipse at 50% 95%, rgba(4, 163, 158, 0.1) 0%, transparent 40%),
    #0a1628 !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

/* Сделать секции прозрачными чтобы градиент body просвечивал */
body.novadeploy .main,
body.novadeploy .main-block,
body.novadeploy .content-block,
body.novadeploy .wrapper-block,
body.novadeploy .wrapper,
body.novadeploy section,
body.novadeploy .container,
body.novadeploy .body,
body.novadeploy .banner-auto,
body.novadeploy .index-block,
body.novadeploy .content-md {
  background: transparent !important;
  background-color: transparent !important;
}

/* ========================================
   БАЗОВЫЙ GLASS ЭФФЕКТ
   ======================================== */

.glass {
  background: var(--glass-bg);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--glass-border);
  box-shadow: 
    0 8px 32px 0 var(--glass-shadow),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  color: var(--text-on-glass);
}

.glass::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(255, 255, 255, 0.2) 50%, 
    transparent 100%);
  opacity: 0.5;
}

.glass-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-hover:hover {
  background: var(--glass-bg-hover);
  transform: translateY(-2px);
  box-shadow: 
    0 12px 40px 0 var(--glass-shadow-hover),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.1);
}

/* ========================================
   КАРТОЧКИ ТОВАРОВ / УСЛУГ
   ======================================== */

/* Убираем фон у обёрток карточек */
body.novadeploy .services-list__wrapper,
body.novadeploy .grid-list__item {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Glass-фон только на самой карточке */
body.novadeploy .services-list__item,
body.novadeploy .catalog-item,
body.novadeploy .product-card {
  background: var(--surface-card) !important;
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--glass-border) !important;
  border-radius: 20px !important;
  box-shadow: 
    0 8px 32px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.05) !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: var(--z-card);
  color: var(--text-on-glass);
  transition: 
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.3s ease;
}

body.novadeploy .services-list__item::before,
body.novadeploy .catalog-item::before,
body.novadeploy .product-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--gradient-primary);
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

body.novadeploy .services-list__item:hover::before,
body.novadeploy .catalog-item:hover::before,
body.novadeploy .product-card:hover::before {
  opacity: 1;
}

body.novadeploy .services-list__item::after,
body.novadeploy .catalog-item::after,
body.novadeploy .product-card::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}

body.novadeploy .services-list__item:hover::after,
body.novadeploy .catalog-item:hover::after,
body.novadeploy .product-card:hover::after {
  opacity: 1;
}

body.novadeploy .services-list__item:hover,
body.novadeploy .catalog-item:hover,
body.novadeploy .product-card:hover {
  background: var(--surface-card-hover) !important;
  transform: translateY(-3px);
  z-index: var(--z-card-hover);
  box-shadow: 
    0 16px 48px 0 rgba(4, 163, 158, 0.25),
    0 0 0 1px rgba(255, 255, 255, 0.12),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.08) !important;
}

/* Изображения в карточках */
body.novadeploy .services-list__item-image-wrapper,
body.novadeploy .catalog-item__image,
body.novadeploy .product-card__image {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

body.novadeploy .services-list__item-image-wrapper::after,
body.novadeploy .catalog-item__image::after,
body.novadeploy .product-card__image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.novadeploy .services-list__item:hover .services-list__item-image-wrapper::after,
body.novadeploy .catalog-item:hover .catalog-item__image::after,
body.novadeploy .product-card:hover .product-card__image::after {
  opacity: 1;
}

/* ========================================
   МЕНЮ (HEADER) - ТЁМНАЯ ТЕМА
   ======================================== */

body.novadeploy .header,
body.novadeploy .header-wrapper,
body.novadeploy .header-menu,
body.novadeploy .logo-row,
body.novadeploy .menu-row {
  background: var(--surface-header) !important;
  backdrop-filter: var(--blur-lg);
  -webkit-backdrop-filter: var(--blur-lg);
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3) !important;
  z-index: var(--z-header);
  color: var(--text-primary);
}

/* Убираем фоны у внутренних элементов */
body.novadeploy .header .logo,
body.novadeploy .header .logo-block,
body.novadeploy .header .menu-block,
body.novadeploy .header-menu__list,
body.novadeploy .header-menu__item {
  background: transparent !important;
}

/* Фиксированное меню - более плотный фон */
body.novadeploy .header.fixed,
body.novadeploy .header-wrapper.fixed {
  background: var(--surface-header-fixed) !important;
  backdrop-filter: var(--blur-xl);
  -webkit-backdrop-filter: var(--blur-xl);
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.4) !important;
  z-index: var(--z-header-fixed);
}

/* Пункты меню */
body.novadeploy .header-menu__item {
}

body.novadeploy .header-menu__link {
  position: relative;
  padding: 12px 20px;
  border-radius: 12px;
  transition: all 0.3s ease;
  background: transparent !important;
  color: var(--text-primary);
}

/* Градиентное подчёркивание при наведении */
body.novadeploy .header-menu__link::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 20px;
  right: 20px;
  height: 2px;
  background: var(--gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

body.novadeploy .header-menu__link:hover::after,
body.novadeploy .header-menu__item.active .header-menu__link::after {
  transform: scaleX(1);
}


/* Мобильное меню */
body.novadeploy #mobilemenu,
body.novadeploy .mobile-menu {
  background: rgba(10, 22, 40, 0.95) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

body.novadeploy #mobilemenu a,
body.novadeploy .mobile-menu a {
  color: rgba(255, 255, 255, 0.8) !important;
}

body.novadeploy #mobilemenu a:hover,
body.novadeploy .mobile-menu a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* ========================================
   ФУТЕР - ТЁМНАЯ ТЕМА
   ======================================== */

body.novadeploy .footer,
body.novadeploy footer {
  background: var(--surface-footer) !important;
  backdrop-filter: var(--blur-lg);
  -webkit-backdrop-filter: var(--blur-lg);
  border-top: 1px solid var(--glass-border) !important;
  position: relative;
  overflow: hidden;
  color: var(--text-on-glass);
}

body.novadeploy .footer::before,
body.novadeploy footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--gradient-primary);
  opacity: 0.6;
}

body.novadeploy .footer::after,
body.novadeploy footer::after {
  content: '';
  position: absolute;
  bottom: -100px;
  right: -100px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(4, 163, 158, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

body.novadeploy .footer-menu,
body.novadeploy .footer-column {
  position: relative;
  z-index: 1;
}

body.novadeploy .footer-menu__link,
body.novadeploy .footer a {
  position: relative;
  transition: all 0.3s ease;
  display: inline-block;
  color: var(--text-on-glass);
}

body.novadeploy .footer-menu__link::after,
body.novadeploy .footer a:not(.btn)::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--gradient-primary);
  transition: width 0.3s ease;
}

body.novadeploy .footer-menu__link:hover::after,
body.novadeploy .footer a:not(.btn):hover::after {
  width: 100%;
}

/* ========================================
   КНОПКИ - ТЁМНАЯ ТЕМА
   ======================================== */

/* Вторичные кнопки - glass стиль */
body.novadeploy .btn-secondary,
body.novadeploy .btn-glass,
body.novadeploy .button-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
  border: 1px solid var(--glass-border) !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: var(--text-primary);
  transition: 
    background 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
  box-shadow: 
    0 4px 16px 0 rgba(0, 0, 0, 0.2),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
}

body.novadeploy .btn-secondary::before,
body.novadeploy .btn-glass::before {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--gradient-primary);
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.novadeploy .btn-secondary:hover::before,
body.novadeploy .btn-glass:hover::before {
  opacity: 0.15;
}

body.novadeploy .btn-secondary:hover,
body.novadeploy .btn-glass:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 24px 0 rgba(4, 163, 158, 0.25),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Первичная кнопка - solid градиент */
body.novadeploy .btn-primary,
body.novadeploy .btn.btn-default,
body.novadeploy .button-primary {
  background: var(--gradient-primary) !important;
  border: none !important;
  color: var(--text-on-primary) !important;
  border-radius: 12px !important;
  padding: 14px 32px !important;
  font-weight: 600 !important;
  box-shadow: 
    0 4px 16px 0 rgba(4, 163, 158, 0.3),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  transition: 
    transform 0.15s ease,
    box-shadow 0.15s ease;
  position: relative;
}

body.novadeploy .btn-primary::before,
body.novadeploy .btn.btn-default::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  opacity: 1;
  pointer-events: none;
}

body.novadeploy .btn-primary:hover,
body.novadeploy .btn.btn-default:hover {
  transform: translateY(-2px);
  box-shadow: 
    0 8px 32px 0 rgba(4, 163, 158, 0.4),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.3) !important;
}

body.novadeploy .btn-primary:active,
body.novadeploy .btn-secondary:active {
  transform: translateY(0);
}

/* ========================================
   ТИЗЕРЫ И МАРКЕТИНГОВЫЕ БЛОКИ
   ======================================== */

body.novadeploy .tizers-list__item,
body.novadeploy .marketing-item {
  background: var(--surface-card) !important;
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  box-shadow: 
    0 8px 32px 0 rgba(0, 0, 0, 0.3),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.05) !important;
  transition: 
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.3s ease;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: var(--z-card);
  color: var(--text-on-glass);
}

body.novadeploy .tizers-list__item::before,
body.novadeploy .marketing-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--gradient-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

body.novadeploy .tizers-list__item:hover::before,
body.novadeploy .marketing-item:hover::before {
  transform: scaleX(1);
}

body.novadeploy .tizers-list__item:hover,
body.novadeploy .marketing-item:hover {
  background: var(--surface-card-hover) !important;
  transform: translateY(-3px);
  z-index: var(--z-card-hover);
  box-shadow: 
    0 12px 40px 0 rgba(4, 163, 158, 0.2),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.08) !important;
}

/* ========================================
   МОДАЛЬНЫЕ ОКНА - ТЁМНАЯ ТЕМА
   ======================================== */

body.novadeploy .modal-content,
body.novadeploy .popup,
body.novadeploy .fancybox-content {
  background: var(--surface-modal) !important;
  backdrop-filter: var(--blur-xl);
  -webkit-backdrop-filter: var(--blur-xl);
  border: 1px solid var(--glass-border) !important;
  border-radius: 24px !important;
  box-shadow: 
    0 24px 64px 0 rgba(0, 0, 0, 0.5),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.05) !important;
  z-index: var(--z-modal);
  color: var(--text-primary);
}

body.novadeploy .modal-backdrop,
body.novadeploy .popup-backdrop,
body.novadeploy .fancybox-backdrop {
  z-index: var(--z-modal-backdrop);
}

body.novadeploy .modal-header,
body.novadeploy .popup-header {
  border-bottom: 1px solid var(--glass-border) !important;
  position: relative;
}

body.novadeploy .modal-header::after,
body.novadeploy .popup-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--gradient-primary);
  opacity: 0.3;
}

/* ========================================
   ФОРМЫ - ТЁМНАЯ ТЕМА
   ======================================== */

body.novadeploy .form-control,
body.novadeploy input[type="text"],
body.novadeploy input[type="email"],
body.novadeploy input[type="tel"],
body.novadeploy input[type="password"],
body.novadeploy input[type="search"],
body.novadeploy input[type="url"],
body.novadeploy input[type="number"],
body.novadeploy textarea,
body.novadeploy select {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  color: var(--text-primary) !important;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

body.novadeploy .form-control::placeholder,
body.novadeploy input::placeholder,
body.novadeploy textarea::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.7;
}

body.novadeploy .form-control:focus,
body.novadeploy input:focus,
body.novadeploy textarea:focus,
body.novadeploy select:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(4, 163, 158, 0.8) !important;
  color: var(--text-primary) !important;
  box-shadow: 
    0 0 0 3px rgba(4, 163, 158, 0.2),
    inset 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  outline: none;
}

/* ========================================
   ГЕОМЕТРИЧЕСКИЕ ФИГУРЫ (ДЕКОР) - ЦВЕТНОЙ GLASS
   ======================================== */

.glass-shapes {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: var(--z-background);
  overflow: hidden;
}

body.novadeploy .glass-shape {
  position: fixed;
  border: 1px solid rgba(255, 255, 255, 0.04);
  opacity: 0.35;
  pointer-events: none;
}

body.novadeploy .glass-shape-1 {
  top: 15%;
  right: -150px;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: radial-gradient(circle,
    rgba(4, 163, 158, 0.15) 0%,
    rgba(4, 163, 158, 0.05) 40%,
    transparent 70%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  animation: floatRight 25s ease-in-out infinite;
}

body.novadeploy .glass-shape-2 {
  bottom: 10%;
  left: -100px;
  width: 350px;
  height: 350px;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  background: radial-gradient(circle,
    rgba(102, 126, 234, 0.12) 0%,
    rgba(102, 126, 234, 0.04) 40%,
    transparent 70%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  animation: floatLeft 30s ease-in-out infinite;
}

body.novadeploy .glass-shape-3 {
  top: 45%;
  right: -80px;
  width: 250px;
  height: 250px;
  border-radius: 20px;
  background: radial-gradient(circle,
    rgba(118, 75, 162, 0.1) 0%,
    rgba(118, 75, 162, 0.03) 40%,
    transparent 70%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transform: rotate(45deg);
  animation: rotateRight 35s linear infinite;
}

@keyframes floatRight {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(-40px) translateX(-20px);
  }
}

@keyframes floatLeft {
  0%, 100% {
    transform: translateY(0) translateX(0);
  }
  50% {
    transform: translateY(40px) translateX(20px);
  }
}

@keyframes rotateRight {
  from {
    transform: rotate(45deg);
  }
  to {
    transform: rotate(405deg);
  }
}

/* ========================================
   АДАПТИВНОСТЬ
   ======================================== */

@media (max-width: 768px) {
  body.novadeploy .glass,
  body.novadeploy .services-list__item,
  body.novadeploy .catalog-item,
  body.novadeploy .product-card {
    border-radius: 16px !important;
  }
  
  body.novadeploy .services-list__item:hover,
  body.novadeploy .catalog-item:hover,
  body.novadeploy .product-card:hover {
    transform: translateY(-2px);
  }
  
  body.novadeploy .btn,
  body.novadeploy .button,
  body.novadeploy .btn-primary,
  body.novadeploy .btn-secondary {
    padding: 12px 24px !important;
    border-radius: 10px !important;
  }
  
  body.novadeploy .modal-content,
  body.novadeploy .popup {
    border-radius: 20px !important;
  }
  
  .glass-shapes {
    display: none;
  }
}

/* ========================================
   АНИМАЦИИ ПОЯВЛЕНИЯ
   ======================================== */

@keyframes glassAppear {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.glass-animate {
  animation: glassAppear 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* ========================================
   УТИЛИТЫ
   ======================================== */

.glass-light {
  --glass-bg: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(255, 255, 255, 0.15);
}

.glass-dark {
  --glass-bg: rgba(0, 0, 0, 0.3);
  --glass-border: rgba(255, 255, 255, 0.05);
}

.glass-gradient {
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.08) 0%, 
    rgba(255, 255, 255, 0.03) 100%) !important;
}

.glass-no-blur {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ========================================
   ПОДДЕРЖКА БРАУЗЕРОВ - FALLBACK
   ======================================== */

@supports not (backdrop-filter: blur(10px)) {
  body.novadeploy .glass,
  body.novadeploy .services-list__item,
  body.novadeploy .catalog-item,
  body.novadeploy .product-card {
    background: rgba(10, 22, 40, 0.95) !important;
  }
  
  body.novadeploy .header,
  body.novadeploy .header-wrapper {
    background: rgba(10, 22, 40, 0.95) !important;
  }
  
  
  body.novadeploy .modal-content,
  body.novadeploy .popup {
    background: rgba(10, 22, 40, 0.98) !important;
  }
  
  body.novadeploy .footer,
  body.novadeploy footer {
    background: rgba(10, 22, 40, 0.9) !important;
  }
}

/* ========================================
   ACCESSIBILITY - FOCUS STATES
   ======================================== */

*:focus-visible {
  outline: 2px solid rgba(4, 163, 158, 0.8);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(4, 163, 158, 0.2);
}

button:focus-visible,
a:focus-visible,
body.novadeploy .btn:focus-visible,
body.novadeploy .btn-primary:focus-visible,
body.novadeploy .btn-secondary:focus-visible {
  outline: 2px solid rgba(4, 163, 158, 0.8);
  outline-offset: 2px;
}

/* ========================================
   ACCESSIBILITY - REDUCED MOTION
   ======================================== */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .glass-shape {
    animation: none !important;
  }
  
  body.novadeploy .services-list__item:hover,
  body.novadeploy .catalog-item:hover,
  body.novadeploy .product-card:hover,
  body.novadeploy .tizers-list__item:hover,
  body.novadeploy .marketing-item:hover,
  body.novadeploy .btn:hover,
  body.novadeploy .btn-primary:hover,
  body.novadeploy .btn-secondary:hover {
    transform: none !important;
  }
}

/* ========================================
   SEMANTIC COLORS - ALERTS
   ======================================== */

.alert-success,
.notification-success {
  background: var(--color-success-light);
  border-left: 4px solid var(--color-success);
  color: var(--color-success-text);
  padding: 16px;
  border-radius: 12px;
}

.alert-error,
.notification-error {
  background: var(--color-error-light);
  border-left: 4px solid var(--color-error);
  color: var(--color-error-text);
  padding: 16px;
  border-radius: 12px;
}

.alert-warning,
.notification-warning {
  background: var(--color-warning-light);
  border-left: 4px solid var(--color-warning);
  color: var(--color-warning-text);
  padding: 16px;
  border-radius: 12px;
}

.alert-info,
.notification-info {
  background: var(--color-info-light);
  border-left: 4px solid var(--color-info);
  color: var(--color-info-text);
  padding: 16px;
  border-radius: 12px;
}

/* ========================================
   FIGURE ТЕГИ - ПРОЗРАЧНЫЕ ПО УМОЛЧАНИЮ
   ======================================== */

/* Все figure на сайте — прозрачные */
body.novadeploy figure {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Если figure нужен glass-эффект (например, как карточка) */
body.novadeploy figure.glass,
body.novadeploy .glass figure {
  background: var(--glass-bg) !important;
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
  border: 1px solid var(--glass-border) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

/* ========================================
   КНОПКИ ХЕДЕРА - GLASS СТИЛЬ
   Реальные классы из разведки:
     .burger — кнопка-гамбургер
     .header-search — кнопка поиска
   ======================================== */

/* Контейнер навигации — прозрачный, никакой полосы */
body.novadeploy .header-menu__wrapper,
body.novadeploy .header-menu__list {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Пункты основного меню (не dropdown) */
body.novadeploy .header-menu__item > .header-menu__link {
  color: rgba(255, 255, 255, 0.85) !important;
  background: transparent !important;
  transition: color 0.2s ease;
}

body.novadeploy .header-menu__item > .header-menu__link:hover,
body.novadeploy .header-menu__item.active > .header-menu__link {
  color: #ffffff !important;
}

/* Гамбургер */
body.novadeploy .burger {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background 0.2s ease, border-color 0.2s ease;
}

body.novadeploy .burger:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Линии гамбургера */
body.novadeploy .burger span,
body.novadeploy .burger i,
body.novadeploy .burger::before,
body.novadeploy .burger::after {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

body.novadeploy .burger:hover span,
body.novadeploy .burger:hover i,
body.novadeploy .burger:hover::before,
body.novadeploy .burger:hover::after {
  background-color: #ffffff !important;
}

/* Кнопка поиска */
body.novadeploy .header-search {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 8px !important;
  transition: background 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

body.novadeploy .header-search:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Иконка поиска (SVG или символ) */
body.novadeploy .header-search svg,
body.novadeploy .header-search i,
body.novadeploy .header-search .icon,
body.novadeploy .header-search path {
  color: rgba(255, 255, 255, 0.8) !important;
  fill: rgba(255, 255, 255, 0.8) !important;
  stroke: rgba(255, 255, 255, 0.8) !important;
}

body.novadeploy .header-search:hover svg,
body.novadeploy .header-search:hover i,
body.novadeploy .header-search:hover .icon,
body.novadeploy .header-search:hover path {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ========================================
   АНОНСНЫЕ КАРТОЧКИ КАТЕГОРИЙ - GLASS
   ======================================== */

/* Внутренние слои — прозрачные */
body.novadeploy .sections-list__item-wrapper,
body.novadeploy .catalog-sections__item-wrapper,
body.novadeploy .section-item__inner,
body.novadeploy .smartcat-block__item-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Анонсные карточки категорий */
body.novadeploy .sections-list__item,
body.novadeploy .catalog-sections__item,
body.novadeploy .section-item,
body.novadeploy .category-card,
body.novadeploy .smartcat-block__item,
body.novadeploy .catalog-block__item {
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.25s ease,
              background 0.3s ease;
}

/* Градиентная полоска сверху */
body.novadeploy .sections-list__item::before,
body.novadeploy .catalog-sections__item::before,
body.novadeploy .section-item::before,
body.novadeploy .smartcat-block__item::before,
body.novadeploy .catalog-block__item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(135deg, #218a64 0%, #04a39e 100%);
  opacity: 0.6;
  transition: opacity 0.3s ease;
  z-index: 1;
}

body.novadeploy .sections-list__item:hover::before,
body.novadeploy .catalog-sections__item:hover::before,
body.novadeploy .section-item:hover::before,
body.novadeploy .smartcat-block__item:hover::before,
body.novadeploy .catalog-block__item:hover::before {
  opacity: 1;
}

body.novadeploy .sections-list__item:hover,
body.novadeploy .catalog-sections__item:hover,
body.novadeploy .section-item:hover,
body.novadeploy .smartcat-block__item:hover,
body.novadeploy .catalog-block__item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-3px);
  box-shadow:
    0 16px 48px rgba(4, 163, 158, 0.15),
    0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Текст внутри анонсных карточек */
body.novadeploy .sections-list__item-name,
body.novadeploy .catalog-sections__item-name,
body.novadeploy .section-item__title,
body.novadeploy .smartcat-block__item-title {
  color: #f1f5f9 !important;
}

body.novadeploy .sections-list__item-count,
body.novadeploy .catalog-sections__item-count,
body.novadeploy .section-item__count,
body.novadeploy .smartcat-block__item-count {
  color: #94a3b8 !important;
}

/* ========================================
   КАРТОЧКИ ТОВАРОВ (ПРОДУКТОВ) - GLASS
   ======================================== */

/* Внутренние слои — прозрачные */
body.novadeploy .catalog-item__wrapper,
body.novadeploy .catalog-item__inner,
body.novadeploy .product-item__wrapper,
body.novadeploy .product-item__inner,
body.novadeploy .item-card__inner,
body.novadeploy .item_block .item-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Glass на внешнем контейнере товара */
body.novadeploy .catalog-item,
body.novadeploy .product-item,
body.novadeploy .item-card,
body.novadeploy .item_block {
  background: rgba(255, 255, 255, 0.04) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 20px !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.25s ease,
              background 0.3s ease;
}

/* Градиентная полоска сверху */
body.novadeploy .catalog-item::before,
body.novadeploy .product-item::before,
body.novadeploy .item-card::before,
body.novadeploy .item_block::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(135deg, #218a64 0%, #04a39e 100%);
  opacity: 0.6;
  transition: opacity 0.3s ease;
  z-index: 1;
}

body.novadeploy .catalog-item:hover::before,
body.novadeploy .product-item:hover::before,
body.novadeploy .item-card:hover::before,
body.novadeploy .item_block:hover::before {
  opacity: 1;
}

body.novadeploy .catalog-item:hover,
body.novadeploy .product-item:hover,
body.novadeploy .item-card:hover,
body.novadeploy .item_block:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-3px);
  box-shadow:
    0 16px 48px rgba(4, 163, 158, 0.15),
    0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Текст в карточках товаров */
body.novadeploy .catalog-item__title,
body.novadeploy .product-item__title,
body.novadeploy .item-card__title,
body.novadeploy .item_block .item-title {
  color: #f1f5f9 !important;
}

body.novadeploy .catalog-item__category,
body.novadeploy .product-item__category,
body.novadeploy .item-card__category {
  color: #94a3b8 !important;
}

body.novadeploy .catalog-item__price,
body.novadeploy .product-item__price,
body.novadeploy .item-card__price,
body.novadeploy .item_block .item-price {
  color: #04a39e !important;
}

/* ========================================
   СЕКЦИЯ "РЕКОМЕНДУЕМ" / "ЛУЧШИЕ" - GLASS
   ======================================== */

/* Секция "Лучшие" / "Рекомендуем" — лёгкий glass */
body.novadeploy .recommend-block,
body.novadeploy .best-products,
body.novadeploy .catalog-block__header,
body.novadeploy .catalog-tabs-block {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 24px;
}

/* Табы "Рекомендуем" / "Хит" */
body.novadeploy .catalog-tabs__item,
body.novadeploy .filter-tab,
body.novadeploy .tab-item {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 10px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 8px 20px !important;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

body.novadeploy .catalog-tabs__item:hover,
body.novadeploy .filter-tab:hover,
body.novadeploy .tab-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

body.novadeploy .catalog-tabs__item.active,
body.novadeploy .filter-tab.active,
body.novadeploy .tab-item.active {
  background: rgba(4, 163, 158, 0.2) !important;
  border-color: rgba(4, 163, 158, 0.4) !important;
  color: #04a39e !important;
}

/* === FIX: wide-dropdown требует position: static === */
body.novadeploy .header-menu__item--wide {
  position: static !important;
}


/* ========================================
   DROPDOWN МЕНЮ v10 — ЕДИНЫЙ БЛОК
   Заменяет v9 + v9.1 + v9.2
   Layout от Aspro — НЕ ТРОГАТЬ
   ======================================== */

/* ─── 1. ОБЁРТКА — glass на всю ширину viewport ─── */
body.novadeploy .header-menu__dropdown-menu {
  background: rgba(8, 15, 30, 0.97) !important;
  -webkit-backdrop-filter: blur(48px) saturate(1.5);
  backdrop-filter: blur(48px) saturate(1.5);
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0 0 20px 20px !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.55),
    0 8px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  z-index: 1010 !important;
  animation: dropdownSlide 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  transform-origin: top center;
}

/* Градиентная полоска сверху */
body.novadeploy .header-menu__dropdown-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg,
    transparent 5%,
    rgba(4, 163, 158, 0.5) 25%,
    rgba(33, 138, 100, 0.7) 50%,
    rgba(4, 163, 158, 0.5) 75%,
    transparent 95%);
  z-index: 2;
  pointer-events: none;
}

/* Мягкое свечение */
body.novadeploy .header-menu__dropdown-menu::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
  height: 60px;
  background: radial-gradient(ellipse, rgba(4, 163, 158, 0.04) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

@keyframes dropdownSlide {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ─── 2. ВСЕ ВНУТРЕННИЕ ОБЁРТКИ — прозрачные ─── */
body.novadeploy .header-menu__dropdown-menu > .dropdown,
body.novadeploy .header-menu__dropdown-menu .dropdown,
body.novadeploy .header-menu__wide-limiter,
body.novadeploy .header-menu__dropdown-menu .maxwidth-theme,
body.novadeploy .header-menu__dropdown-menu > .maxwidth-theme,
body.novadeploy .header-menu__dropdown-menu .row,
body.novadeploy .header-menu__dropdown-menu .container,
body.novadeploy .header-menu__dropdown-menu .dropdown-wrapper,
body.novadeploy .header-menu__dropdown-inner,
body.novadeploy .header-menu__dropdown-menu-inner,
body.novadeploy .header-menu__dropdown-menu > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Убрать ::before/::after с внутренних .dropdown */
body.novadeploy .header-menu__dropdown-menu .dropdown::before,
body.novadeploy .header-menu__dropdown-menu .dropdown::after {
  display: none !important;
}

/* menu-row под dropdown */
body.novadeploy .menu-row,
body.novadeploy .menu-row .maxwidth-theme,
body.novadeploy .menu-row .container {
  background: transparent !important;
  background-color: transparent !important;
}

/* ─── 3. КОЛОНКИ ─── */
body.novadeploy .header-menu__dropdown-item,
body.novadeploy .header-menu__dropdown-menu .dropdown-col,
body.novadeploy .header-menu__dropdown-menu [class*="col-"] {
  background: transparent !important;
}

/* Разделители между колонками */
body.novadeploy .header-menu__dropdown-item + .header-menu__dropdown-item {
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}

body.novadeploy .header-menu__dropdown-item:first-child {
  border-left: none !important;
}

/* ─── 4. ИКОНКИ — 56x56, свечение ─── */
body.novadeploy .header-menu__dropdown-item img,
body.novadeploy .header-menu__dropdown-menu img:not(.logo-image) {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(4, 163, 158, 0.35)) !important;
  margin-bottom: 10px !important;
}

/* ─── 5. ЗАГОЛОВКИ КОЛОНОК ─── */
body.novadeploy .header-menu__dropdown-item > a:first-child,
body.novadeploy .header-menu__dropdown-item > span:first-child {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.4 !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid rgba(4, 163, 158, 0.2) !important;
}

/* ─── 6. ССЫЛКИ ─── */
body.novadeploy .header-menu__dropdown-item a,
body.novadeploy .header-menu__dropdown-item a.dark_link,
body.novadeploy .header-menu__dropdown-item a.font_14,
body.novadeploy .header-menu__dropdown-item a.menu-light-text1,
body.novadeploy .header-menu__dropdown-menu a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  text-decoration: none !important;
  transition: color 0.15s ease, padding-left 0.15s ease;
}

body.novadeploy .header-menu__dropdown-item a:hover,
body.novadeploy .header-menu__dropdown-item a.dark_link:hover,
body.novadeploy .header-menu__dropdown-item a.font_14:hover,
body.novadeploy .header-menu__dropdown-item a.menu-light-text1:hover,
body.novadeploy .header-menu__dropdown-menu a:hover {
  color: #06d6a0 !important;
  padding-left: 5px !important;
}

/* ─── 7. SVG / стрелки ─── */
body.novadeploy .header-menu__dropdown-item svg,
body.novadeploy .header-menu__dropdown-item path {
  fill: rgba(255, 255, 255, 0.35) !important;
  transition: fill 0.15s ease;
}

body.novadeploy .header-menu__dropdown-item:hover svg,
body.novadeploy .header-menu__dropdown-item:hover path {
  fill: rgba(4, 163, 158, 0.7) !important;
}

/* ─── 8. КНОПКА «Все / Смотреть всё» ─── */
body.novadeploy .header-menu__dropdown-menu .btn,
body.novadeploy .header-menu__dropdown-menu .all-link,
body.novadeploy .header-menu__dropdown-menu a.all,
body.novadeploy .header-menu__dropdown-menu .show-all {
  color: #04a39e !important;
  border: 1px solid rgba(4, 163, 158, 0.25) !important;
  border-radius: 8px !important;
  background: rgba(4, 163, 158, 0.06) !important;
  font-size: 13px !important;
  transition: all 0.15s ease;
}

body.novadeploy .header-menu__dropdown-menu .btn:hover,
body.novadeploy .header-menu__dropdown-menu .all-link:hover,
body.novadeploy .header-menu__dropdown-menu a.all:hover,
body.novadeploy .header-menu__dropdown-menu .show-all:hover {
  background: rgba(4, 163, 158, 0.12) !important;
  border-color: rgba(4, 163, 158, 0.45) !important;
}

/* ─── 9. ОБЫЧНЫЙ (не wide) dropdown ─── */
body.novadeploy .header-menu__item:not(.header-menu__item--wide) .header-menu__dropdown-menu {
  border-radius: 0 0 16px 16px !important;
}

body.novadeploy .header-menu__item:not(.header-menu__item--wide) .header-menu__dropdown-menu > ul,
body.novadeploy .header-menu__item:not(.header-menu__item--wide) .header-menu__dropdown-menu > div {
  background: transparent !important;
}

/* ─── 10. БОКОВОЕ МЕНЮ — низкий z-index ─── */
body.novadeploy .left-block,
body.novadeploy .left-col,
body.novadeploy .aside,
body.novadeploy .sidebar,
body.novadeploy .sections-list,
body.novadeploy .right-sidebar-wrapper,
body.novadeploy .catalog-menu,
body.novadeploy .vertical-menu {
  z-index: 1 !important;
}

/* ─── 11. ТИПОГРАФИЯ тёмной темы ─── */

/* Заголовки */
body.novadeploy h1,
body.novadeploy h2,
body.novadeploy h3,
body.novadeploy h4,
body.novadeploy h5,
body.novadeploy h6,
body.novadeploy .page-title,
body.novadeploy .block-title,
body.novadeploy .section-title {
  color: #f1f5f9 !important;
}

/* Текст */
body.novadeploy p,
body.novadeploy .text,
body.novadeploy .description,
body.novadeploy li:not([class*="menu"]):not([class*="header"]) {
  color: #cbd5e1 !important;
}

/* Мелкий текст */
body.novadeploy small,
body.novadeploy .small,
body.novadeploy .caption,
body.novadeploy .text-muted {
  color: #94a3b8 !important;
}

/* Контентные ссылки */
body.novadeploy .main a:not(.btn):not([class*="menu"]):not([class*="header"]):not([class*="dropdown"]) {
  color: #04a39e !important;
  border-bottom: 1px solid rgba(4, 163, 158, 0.25);
  transition: color 0.15s ease, border-color 0.15s ease;
  text-decoration: none;
}

body.novadeploy .main a:not(.btn):not([class*="menu"]):not([class*="header"]):not([class*="dropdown"]):hover {
  color: #06d6a0 !important;
  border-color: rgba(6, 214, 160, 0.4);
}

/* Breadcrumbs */
body.novadeploy .breadcrumbs a,
body.novadeploy .breadcrumb a,
body.novadeploy .bx-breadcrumb a {
  color: #94a3b8 !important;
}

body.novadeploy .breadcrumbs a:hover,
body.novadeploy .breadcrumb a:hover {
  color: #04a39e !important;
}

/* ─── 12. БОКОВОЕ МЕНЮ — glass ─── */
body.novadeploy .aside-menu,
body.novadeploy .left-menu,
body.novadeploy .sidebar-menu,
body.novadeploy .side-menu,
body.novadeploy .sections-list:not(.header-menu *) {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: 16px !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

body.novadeploy .aside-menu a,
body.novadeploy .left-menu a,
body.novadeploy .sidebar-menu a,
body.novadeploy .side-menu a {
  color: rgba(255, 255, 255, 0.7) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
  transition: color 0.15s ease, background 0.15s ease;
}

body.novadeploy .aside-menu a:hover,
body.novadeploy .left-menu a:hover,
body.novadeploy .sidebar-menu a:hover,
body.novadeploy .side-menu a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* === КОНЕЦ DROPDOWN v10 === */

/* ========================================
   FIXED HEADER — DROPDOWN FIX v10.1
   При скролле header.fixed сжимает dropdown.
   Нужно: dropdown на всю ширину viewport.
   ======================================== */

/* --- Fixed header — полная ширина --- */
body.novadeploy .header.fixed,
body.novadeploy .header-wrapper.fixed,
body.novadeploy .header--fixed,
body.novadeploy .header-fixed {
  background: rgba(8, 15, 30, 0.95) !important;
  -webkit-backdrop-filter: blur(48px) saturate(1.5);
  backdrop-filter: blur(48px) saturate(1.5);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5) !important;
  z-index: 1000 !important;
}

/* --- Dropdown в fixed header — такой же glass --- */
body.novadeploy .header.fixed .header-menu__dropdown-menu,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu,
body.novadeploy .header--fixed .header-menu__dropdown-menu,
body.novadeploy .header-fixed .header-menu__dropdown-menu {
  background: rgba(8, 15, 30, 0.97) !important;
  -webkit-backdrop-filter: blur(48px) saturate(1.5);
  backdrop-filter: blur(48px) saturate(1.5);
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 0 0 20px 20px !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.55),
    0 8px 30px rgba(0, 0, 0, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  z-index: 1010 !important;
}

/* --- Все обёртки внутри dropdown в fixed — прозрачные --- */
body.novadeploy .header.fixed .header-menu__dropdown-menu > .dropdown,
body.novadeploy .header.fixed .header-menu__dropdown-menu .dropdown,
body.novadeploy .header.fixed .header-menu__wide-limiter,
body.novadeploy .header.fixed .header-menu__dropdown-menu .maxwidth-theme,
body.novadeploy .header.fixed .header-menu__dropdown-menu .row,
body.novadeploy .header.fixed .header-menu__dropdown-menu .container,
body.novadeploy .header.fixed .header-menu__dropdown-menu > div,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu > .dropdown,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu .dropdown,
body.novadeploy .header-wrapper.fixed .header-menu__wide-limiter,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu .maxwidth-theme,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu .row,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu .container,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu > div {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* --- Иконки в fixed dropdown — те же 56px --- */
body.novadeploy .header.fixed .header-menu__dropdown-item img,
body.novadeploy .header.fixed .header-menu__dropdown-menu img:not(.logo-image),
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-item img,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu img:not(.logo-image) {
  width: 56px !important;
  height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(4, 163, 158, 0.35)) !important;
}

/* --- Заголовки колонок в fixed --- */
body.novadeploy .header.fixed .header-menu__dropdown-item > a:first-child,
body.novadeploy .header.fixed .header-menu__dropdown-item > span:first-child,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-item > a:first-child,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-item > span:first-child {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* --- Ссылки в fixed dropdown --- */
body.novadeploy .header.fixed .header-menu__dropdown-item a,
body.novadeploy .header.fixed .header-menu__dropdown-menu a,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-item a,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body.novadeploy .header.fixed .header-menu__dropdown-item a:hover,
body.novadeploy .header.fixed .header-menu__dropdown-menu a:hover,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-item a:hover,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-menu a:hover {
  color: #06d6a0 !important;
}

/* --- Разделители в fixed --- */
body.novadeploy .header.fixed .header-menu__dropdown-item + .header-menu__dropdown-item,
body.novadeploy .header-wrapper.fixed .header-menu__dropdown-item + .header-menu__dropdown-item {
  border-left: 1px solid rgba(255, 255, 255, 0.07) !important;
}

/* --- Menu-row в fixed — прозрачный --- */
body.novadeploy .header.fixed .menu-row,
body.novadeploy .header.fixed .menu-row .maxwidth-theme,
body.novadeploy .header.fixed .menu-row .container,
body.novadeploy .header-wrapper.fixed .menu-row,
body.novadeploy .header-wrapper.fixed .menu-row .maxwidth-theme,
body.novadeploy .header-wrapper.fixed .menu-row .container {
  background: transparent !important;
  background-color: transparent !important;
}

/* === КОНЕЦ FIXED HEADER v10.1 === */

/* ========================================
   HEADERFIXED OVERFLOW FIX v11
   Только overflow:visible для #headerfixed
   ======================================== */
#headerfixed,
#headerfixed.fixed,
#headerfixed .header,
#headerfixed .header__inner,
#headerfixed .menu-row,
#headerfixed .maxwidth-theme,
#headerfixed .container,
#headerfixed .header-menu,
#headerfixed .header-menu__wrapper,
#headerfixed .header-menu__list,
#headerfixed .header-menu__item,
#headerfixed .header-menu__item--wide,
body.novadeploy .header.fixed,
body.novadeploy .header.fixed .menu-row,
body.novadeploy .header.fixed .maxwidth-theme,
body.novadeploy .header.fixed .container,
body.novadeploy .header.fixed .header-menu,
body.novadeploy .header.fixed .header-menu__wrapper,
body.novadeploy .header.fixed .header-menu__list,
body.novadeploy .header.fixed .header-menu__item,
body.novadeploy .header.fixed .header-menu__item--wide {
  overflow: visible !important;
}
/* === КОНЕЦ HEADERFIXED v11 === */


/* ========================================
   FIXED DROPDOWN FIX v11.1 (исправлен)
   overflow:visible ТОЛЬКО на dropdown
   и его прямых обёртках, НЕ на header__main-item
   ======================================== */
body.novadeploy .header-menu__dropdown-menu,
body.novadeploy .header-menu__wrapper,
body.novadeploy .header-menu__list,
body.novadeploy .header-menu__item,
body.novadeploy .header-menu__item--wide,
body.novadeploy .mega-menu,
body.novadeploy .catalog_icons_,
#headerfixed .header-menu__dropdown-menu,
#headerfixed .header-menu__wrapper,
#headerfixed .header-menu__list,
#headerfixed .header-menu__item,
#headerfixed .header-menu__item--wide,
#headerfixed .mega-menu,
#headerfixed .catalog_icons_ {
  overflow: visible !important;
}
/* === КОНЕЦ FIXED v11.1 === */