/* ============================================
   MAIN PAGE FIXES - ИСПРАВЛЕНИЯ ГЛАВНОЙ СТРАНИЦЫ
   ============================================ */

/* 1. ИСПРАВЛЕНИЕ РАЗМЕРА И ПОЗИЦИИ ПЛАШЕК */
.floating-cards {
    position: absolute !important;
    top: -50px !important;
    left: -100px !important;
    right: -100px !important;
    bottom: -50px !important;
    width: calc(100% + 200px) !important;
    height: calc(100% + 100px) !important;
    pointer-events: none !important;
    z-index: 20 !important;
}

.float-card {
    position: absolute !important;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    padding: 10px 18px !important; /* Уменьшен размер */
    border-radius: 25px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 0.9rem !important; /* Уменьшен шрифт */
    font-weight: 600 !important;
    color: #000000 !important;
    white-space: nowrap !important;
}

.float-card i {
    font-size: 1rem !important; /* Уменьшены иконки */
    color: #000000 !important;
}

/* Новые позиции плашек - не обрезаются */
.float-card:nth-child(1) {
    /* 5.0 рейтинг - слева сверху */
    top: 100px !important;
    left: 80px !important;
    animation: float-animation 4s ease-in-out infinite !important;
}

.float-card:nth-child(2) {
    /* +300% конверсия - справа сверху */
    top: 100px !important;
    right: 80px !important;
    animation: float-animation 4s ease-in-out infinite !important;
    animation-delay: 1.3s !important;
}

.float-card:nth-child(3) {
    /* 10K+ контактов/день - снизу по центру */
    bottom: 100px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    animation: float-center 4s ease-in-out infinite !important;
    animation-delay: 2.6s !important;
}

@keyframes float-animation {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

@keyframes float-center {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(-15px);
    }
}

/* 2. ЧЕРНЫЙ ТЕКСТ В ФУТЕРЕ ДЛЯ ROBOREKLAMA */
footer .footer-logo span,
.footer .footer-logo span,
footer .logo span,
.footer .logo span {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

footer .footer-logo,
.footer .footer-logo {
    color: #000000 !important;
}

footer .footer-description,
.footer .footer-description {
    color: #333333 !important;
    -webkit-text-fill-color: #333333 !important;
}

/* 3. ЗОЛОТАЯ КНОПКА "ПОЛУЧИТЬ КОНСУЛЬТАЦИЮ" */
.cta .btn-primary,
.cta button[onclick*="submitCTA"],
button:contains("Получить консультацию") {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: 0 6px 25px rgba(255, 215, 0, 0.4) !important;
    transition: all 0.3s ease !important;
}

.cta .btn-primary:hover,
.cta button[onclick*="submitCTA"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(255, 215, 0, 0.6) !important;
}

/* 4. ЭФФЕКТ ЗОЛОТОГО ОГНЯ ДЛЯ "УВЕЛИЧИВАЮТ ПРОДАЖИ" */
.hero-title span,
.hero-content h1 span,
h1 span[style*="color"] {
    background: linear-gradient(90deg, 
        #FFD700 0%, 
        #FFA500 25%, 
        #FF8C00 50%, 
        #FFA500 75%, 
        #FFD700 100%) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    animation: golden-fire 3s linear infinite !important;
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) 
            drop-shadow(0 0 16px rgba(255, 140, 0, 0.4)) !important;
    position: relative !important;
    display: inline-block !important;
}

@keyframes golden-fire {
    0% {
        background-position: 0% center;
        filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) 
                drop-shadow(0 0 16px rgba(255, 140, 0, 0.4));
    }
    50% {
        filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.8)) 
                drop-shadow(0 0 24px rgba(255, 140, 0, 0.6));
    }
    100% {
        background-position: 200% center;
        filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.6)) 
                drop-shadow(0 0 16px rgba(255, 140, 0, 0.4));
    }
}

/* Добавляем искры вокруг текста */
.hero-title::before,
.hero-content h1::before {
    content: '✨';
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    animation: sparkle-left 2s ease-in-out infinite;
}

.hero-title::after,
.hero-content h1::after {
    content: '✨';
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    animation: sparkle-right 2s ease-in-out infinite;
}

@keyframes sparkle-left {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-50%) rotate(-15deg) scale(1.2);
        opacity: 1;
    }
}

@keyframes sparkle-right {
    0%, 100% {
        transform: translateY(-50%) rotate(0deg) scale(1);
        opacity: 0.6;
    }
    50% {
        transform: translateY(-50%) rotate(15deg) scale(1.2);
        opacity: 1;
    }
}

/* 5. ДОПОЛНИТЕЛЬНЫЕ ИСПРАВЛЕНИЯ */

/* Контейнер робота не должен обрезать плашки */
.robot-container {
    overflow: visible !important;
}

.hero-visual {
    overflow: visible !important;
}

/* Убедимся что золотая статистика видна */
.stat-number,
.stats-number {
    color: #FFD700 !important;
    font-weight: 700 !important;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .float-card {
        font-size: 0.8rem !important;
        padding: 8px 14px !important;
    }
    
    .float-card:nth-child(1) {
        top: 80px !important;
        left: 20px !important;
    }
    
    .float-card:nth-child(2) {
        top: 80px !important;
        right: 20px !important;
    }
    
    .float-card:nth-child(3) {
        bottom: 80px !important;
    }
}