/* TYNX HEADER & FOOTER STYLES */

      /* --- ULTIMATE PREMIUM FLOATING HEADER --- */
      
      /* Контейнер на всю ширину (фиксированный) */
      .tynx-premium-nav {
          position: fixed;
          top: 25px; /* Отступ от верха экрана */
          left: 0;
          width: 100%;
          z-index: 9999;
          display: flex;
          justify-content: center;
          pointer-events: none; /* Пропускаем клики сквозь прозрачную область */
          transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
      }

      /* Сама Левитирующая Капсула */
      .tynx-nav-capsule {
          pointer-events: auto; /* Включаем клики для самой капсулы */
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          width: 100%; /* Ширина контента */
          padding: 12px 24px;
          background: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый фон */
          backdrop-filter: blur(20px) saturate(150%);
          -webkit-backdrop-filter: blur(20px) saturate(150%);
          -webkit-backface-visibility: hidden; transform: translateZ(0);
          border: 1px solid rgba(255, 255, 255, 0.5);
          border-radius: 100px; /* Форма таблетки */
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
      }

      /* Логотип */
      .tynx-nav-capsule .nav-logo img {
          height: 32px;
          object-fit: contain;
          display: block;
      }

      /* Навигация */
      .tynx-nav-capsule .nav-links {
          display: flex;
          gap: 40px; /* Отступы между ссылками */
          align-items: center;
      }

      /* Ссылки */
      .tynx-nav-capsule .nav-links a {
          font-family: 'Inter', sans-serif;
          font-size: 15px;
          font-weight: 500;
          color: #4a5568;
          text-decoration: none;
          transition: all 0.2s ease;
          white-space: nowrap; /* ЗАПРЕТ ПЕРЕНОСА СТРОК! решает проблему из скриншота */
          position: relative;
      }
      
      /* Hover линия для ссылок */
      .tynx-nav-capsule .nav-links a::after {
          content: ''; position: absolute; bottom: -4px; left: 0; 
          width: 0%; height: 2px; background: #6633EE; 
          border-radius: 2px; transition: width 0.3s ease;
      }
      .tynx-nav-capsule .nav-links a:hover { color: #1a202c; }
      .tynx-nav-capsule .nav-links a:hover::after { width: 100%; }

      /* Кнопка "Начать" */
      .tynx-nav-capsule .nav-actions {
          display: flex;
          align-items: center;
      }
      .tynx-nav-capsule .nav-btn-primary {
          display: flex;
          align-items: center;
          gap: 8px;
          background: #6633EE; /* Фирменный цвет */
          color: #ffffff !important;
          font-family: 'Inter', sans-serif;
          font-weight: 600;
          font-size: 15px;
          padding: 10px 24px;
          border-radius: 100px; /* Круглая кнопка */
          text-decoration: none;
          transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
          box-shadow: 0 4px 15px rgba(102, 51, 238, 0.2);
      }
      .tynx-nav-capsule .nav-btn-primary i {
          font-size: 12px;
          transition: transform 0.3s ease;
      }
      .tynx-nav-capsule .nav-btn-primary:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 25px rgba(102, 51, 238, 0.3);
          background: #5a28df;
      }
      .tynx-nav-capsule .nav-btn-primary:hover i {
          transform: translateX(4px);
      }

      /* Мобильная адаптация */
      @media (max-width: 991px) {
          .tynx-premium-nav {
              top: 15px;
              padding: 0;
          }
          .tynx-nav-capsule {
              width: calc(100% - 30px);
              margin: 0 auto;
              padding: 12px 20px;
              border-radius: 24px;
              max-width: 100%;
          }
          h1.section-title { font-size: 38px !important; }
      }
  
/* MOBILE ADAPTATION STYLES */
.tynx-mobile-menu {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100vh;
    background: #ffffff;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    pointer-events: none;
}
.tynx-mobile-menu.active {
    opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.mobile-menu-inner {
    display: flex; flex-direction: column; gap: 24px; text-align: center;
    width: 100%; padding: 0 40px; position: relative;
}
.mobile-menu-inner a {
    font-family: 'Inter', sans-serif; font-size: 24px; font-weight: 700; color: #1a202c; text-decoration: none; transition: color 0.3s;
}
.mobile-menu-inner a:hover { color: #6633EE; }



    .tynx-floating-footer-wrapper {
        position: relative;
        padding: 40px 0 60px; /* Отступы снаружи футера */
        background: transparent;
        z-index: 10;
    }
    
    .tynx-premium-footer {
        position: relative;
        width: 100%;
        padding: 60px 60px 50px;
        background: rgba(102, 51, 238, 0.85); /* 6633ee с 85% opacity */
        backdrop-filter: blur(30px) saturate(150%);
        -webkit-backdrop-filter: blur(30px) saturate(150%);
        border-radius: 40px; /* Скругленный */
        color: #ffffff;
        font-family: 'Inter', sans-serif !important;
        border: 1px solid rgba(255, 255, 255, 0.15); /* Блик по рамке (создает объем) */
        box-shadow: 0 40px 80px rgba(102, 51, 238, 0.15), inset 0 2px 0 rgba(255, 255, 255, 0.15);
        overflow: hidden;
    }
    
    /* Шум поверх стекла */
    .tynx-noise-overlay {
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");
        pointer-events: none;
        z-index: 1;
        mix-blend-mode: overlay;
    }

    /* Декоративный свет-блик сверху (мягкий) */
    .tynx-footer-glow-top {
        position: absolute;
        top: -60%;
        left: -10%;
        width: 120%;
        height: 150%;
        background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.18) 0%, rgba(255,255,255,0) 65%);
        pointer-events: none;
        z-index: 0;
    }
    
    .tynx-footer-content-relative {
        position: relative;
        z-index: 3; /* Поверх шума и глоу */
    }

    .tynx-logo-text {
        font-family: 'Inter', sans-serif;
        font-weight: 800;
        font-size: 34px;
        letter-spacing: -0.02em;
        color: #ffffff;
        margin: 0;
    }

    .tynx-desc {
        color: rgba(255, 255, 255, 0.85);
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 30px;
        max-width: 280px;
    }

    .tynx-footer-col h3 {
        font-size: 16px;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 24px;
        letter-spacing: -0.01em;
    }

    .tynx-footer-col ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tynx-footer-col ul li {
        margin-bottom: 16px;
    }

    .tynx-footer-col ul li a {
        color: rgba(255, 255, 255, 0.75);
        font-size: 15px;
        text-decoration: none;
        transition: all 0.3s ease;
        font-weight: 500;
    }

    .tynx-footer-col ul li a:hover {
        color: #ffffff;
    }

    .tynx-support-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        padding: 12px 24px;
        border-radius: 100px;
        font-weight: 600;
        font-size: 15px;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .tynx-support-btn:hover {
        background: #ffffff;
        color: #6633EE;
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    }

    .tynx-pulse-dot {
        width: 8px;
        height: 8px;
        background: #10b981;
        border-radius: 50%;
        position: relative;
    }

    .tynx-pulse-dot::after {
        content: '';
        position: absolute;
        top: -4px; left: -4px; right: -4px; bottom: -4px;
        background: rgba(16, 185, 129, 0.4);
        border-radius: 50%;
        animation: pulse 2s infinite;
    }

    .tynx-footer-bottom {
        margin-top: 60px;
        padding-top: 30px;
        border-top: 1px solid rgba(255, 255, 255, 0.15); /* Разделитель */
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .tynx-footer-copy {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        font-weight: 500;
    }

    .tynx-footer-links a {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        text-decoration: none;
        transition: color 0.3s;
        font-weight: 500;
    }

    .tynx-footer-links a:hover {
        color: #ffffff;
    }

    @keyframes pulse {
        0% { transform: scale(0.5); opacity: 1; }
        100% { transform: scale(1.5); opacity: 0; }
    }

    @media (max-width: 991px) {
        .tynx-premium-footer { padding: 40px 30px; border-radius: 24px; }
        .tynx-footer-bottom { flex-direction: column; text-align: center; }
    }

    .tynx-footer-contact-link {
        color: rgba(255, 255, 255, 0.9);
        font-size: 16px;
        font-weight: 500;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: all 0.3s ease;
    }
    .tynx-footer-contact-link i {
        color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
        width: 16px;
        text-align: center;
    }
    .tynx-footer-contact-link:hover {
        color: #ffffff;
    }
    .tynx-footer-contact-link:hover i {
        color: #ffffff;
    }
    
    .footer-social-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        text-decoration: none;
        transition: all 0.3s ease;
        border: 1px solid rgba(255,255,255,0.1);
    }
    .footer-social-icon:hover {
        background: #ffffff;
        color: #6633EE;
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    }


/* FOOTER MOBILE ADAPTATION */
@media (max-width: 991px) {
    .tynx-floating-footer-wrapper {
        padding: 20px 15px 30px !important;
    }
    .tynx-premium-footer {
        padding: 40px 30px !important;
        border-radius: 30px !important;
        margin: 0 !important;
    }
    .tynx-footer-col {
        margin-bottom: 40px;
        text-align: left !important;
    }
    .tynx-footer-col h3 {
        text-align: left !important;
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }
    .tynx-desc {
        text-align: left !important;
        font-size: 16px !important;
        margin-bottom: 25px !important;
        max-width: 100% !important;
    }
    .tynx-logo-text {
        text-align: left !important;
        font-size: 38px !important;
        margin-bottom: 10px !important;
    }
    .tynx-footer-contacts {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }
    .tynx-footer-contact-link {
        font-size: 18px !important;
    }
    .tynx-footer-contact-link i {
        font-size: 16px !important;
        width: 24px !important;
        text-align: left !important;
    }
    .tynx-footer-socials {
        justify-content: flex-start !important;
        margin-top: 30px !important;
        gap: 12px !important;
    }
    .footer-social-icon {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
    }
    .tynx-footer-bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        padding-top: 30px !important;
        margin-top: 10px !important;
        gap: 20px !important;
    }
    .tynx-footer-links {
        flex-direction: column !important;
        gap: 15px !important;
        align-items: flex-start !important;
    }
    .tynx-footer-links a {
        font-size: 15px !important;
    }
    .tynx-footer-col ul li {
        margin-bottom: 20px !important;
    }
    .tynx-footer-col ul li a {
        font-size: 16px !important;
    }
}