/**
 * Стили для маркеров на карте
 * Используются для блока shopsAvailable
 */

.ymap-marker {
    cursor: pointer;
    position: absolute;
    z-index: 1000;
    pointer-events: auto;
}

.ymap-marker .marker-icon {
    width: 56px;
    height: 56px;
    display: block;
    transition: transform 0.2s ease, filter 0.2s ease;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
}

/* Состояние при наведении */
.ymap-marker:hover .marker-icon {
    transform: scale(1.05);
    filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.4));
}

/* Активный маркер */
.ymap-marker--active .marker-icon {
    transform: scale(1.15);
    filter: drop-shadow(0 8px 12px rgba(229, 64, 32, 0.5));
    z-index: 1001;
}

/* Анимация появления маркера */
@keyframes markerAppear {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.5);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ymap-marker {
    animation: markerAppear 0.3s ease-out;
}

/* Пульсация для привлечения внимания */
@keyframes markerPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.ymap-marker--pulse .marker-icon {
    animation: markerPulse 1.5s ease-in-out infinite;
}