/* Вместо rec00000000 укажи ID Zero Block фиксированного меню из Header. */
#rec1097897441 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

/* Эффект скругления углов для меню второго уровня */
.uc-menu-up {
  border-radius: 30px;
  overflow: hidden;
}


/* Стили для анимированной карточки */
.game-card-animated {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.game-card-animated .game-card-image {
  transition: transform 0.2s ease-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Увеличение изображения при наведении */
.game-card-animated.active .game-card-image {
  transform: scale(1.1);
}

/* Стрелка */
.game-card-arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5) rotate(-45deg);
  background-color: #FF6B00;
  border-radius: 50%;
  padding: 16px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-out;
  z-index: 10;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Показываем стрелку при наведении */
.game-card-animated.active .game-card-arrow {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1) rotate(0deg);
}

.game-card-arrow svg {
  width: 32px;
  height: 32px;
  stroke: white;
  stroke-width: 2;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Конец кода - Стили для анимированной карточки */