/* Красный рождественский шар - исправленная версия */
.t-store__card__mark {
    /* Форма и размер - адаптивные */
    border-radius: 50% !important;
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Красный фон с золотым узором */
    background-color: #8B0000 !important;
    background-image: 
        linear-gradient(45deg, 
            transparent 40%, 
            rgba(218, 165, 32, 0.7) 40%, 
            rgba(218, 165, 32, 0.7) 45%, 
            transparent 45%,
            transparent 50%,
            rgba(218, 165, 32, 0.7) 50%, 
            rgba(218, 165, 32, 0.7) 55%, 
            transparent 55%),
        linear-gradient(-45deg, 
            transparent 40%, 
            rgba(218, 165, 32, 0.7) 40%, 
            rgba(218, 165, 32, 0.7) 45%, 
            transparent 45%,
            transparent 50%,
            rgba(218, 165, 32, 0.7) 50%, 
            rgba(218, 165, 32, 0.7) 55%, 
            transparent 55%),
        radial-gradient(circle at 30% 25%, 
            rgba(255, 255, 255, 0.9) 0%, 
            rgba(255, 255, 255, 0.4) 8%, 
            transparent 15%),
        radial-gradient(circle at center, 
            #DC143C 0%, 
            #8B0000 60%, 
            #660000 100%) !important;
    
    /* Золотая обводка */
    border: 2px solid #DAA520 !important;
    box-shadow: 
        0 4px 12px rgba(139, 0, 0, 0.5),
        inset 0 0 15px rgba(255, 215, 0, 0.2) !important;
    
    /* Текст */
    color: #FFD700 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    font-family: 'Georgia', serif !important;
    text-shadow: 
        1px 1px 3px rgba(0, 0, 0, 0.8),
        0 0 5px rgba(255, 215, 0, 0.5) !important;
    
    /* Позиция */
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 100 !important;
    
    /* Только одна анимация - мерцание */
    animation: christmas-glow 3s infinite ease-in-out !important;
}

/* Петелька */
.t-store__card__mark::before {
    content: '' !important;
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 16px !important;
    height: 10px !important;
    background: linear-gradient(to bottom, #FFD700, #B8860B) !important;
    border-radius: 50% 50% 0 0 !important;
    border-top: 1px solid #8B0000 !important;
    border-left: 1px solid #8B0000 !important;
    border-right: 1px solid #8B0000 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    z-index: 101 !important;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .t-store__card__mark {
        width: 45px !important;
        height: 45px !important;
        font-size: 12px !important;
        top: 8px !important;
        right: 8px !important;
        border-width: 1.5px !important;
    }
    
    .t-store__card__mark::before {
        width: 12px !important;
        height: 8px !important;
        top: -6px !important;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .t-store__card__mark {
        width: 40px !important;
        height: 40px !important;
        font-size: 11px !important;
        top: 6px !important;
        right: 6px !important;
    }
    
    .t-store__card__mark::before {
        width: 10px !important;
        height: 6px !important;
        top: -5px !important;
    }
}

/* Анимация мерцания - упрощенная */
@keyframes christmas-glow {
    0%, 100% { 
        box-shadow: 
            0 4px 12px rgba(139, 0, 0, 0.5),
            inset 0 0 15px rgba(255, 215, 0, 0.2) !important;
    }
    50% { 
        box-shadow: 
            0 4px 18px rgba(139, 0, 0, 0.8),
            inset 0 0 20px rgba(255, 215, 0, 0.3),
            0 0 8px rgba(255, 69, 0, 0.5) !important;
    }
}