/* ========== МЕНЮ УСЛУГ ========== */
.menu-dropdown {
  position: relative;
}

.menu-dropdown > .header__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-dropdown > .header__link i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.menu-dropdown.active > .header__link i {
  transform: rotate(180deg);
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  background-color: var(--light-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  z-index: 100;
  padding: 10px 0;
  max-height: 70vh;
  overflow-y: auto;
}

.menu-dropdown.active .dropdown-menu {
  display: block;
}

.dropdown-item {
  display: block;
  padding: 12px 20px;
  color: var(--dark-color);
  transition: background-color 0.2s ease;
}

.dropdown-item:hover {
  background-color: rgba(240, 41, 48, 0.1);
}

.dropdown-item-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dropdown-price {
  color: var(--primary-color);
  font-weight: 600;
}

.dropdown-submenu {
  display: none;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.03);
}

.dropdown-submenu a {
  display: block;
  padding: 8px 20px;
  font-size: 14px;
  color: var(--gray-color);
  transition: color 0.2s ease;
}

.dropdown-submenu a:hover {
  color: var(--primary-color);
}

/* Иконки в меню */
.header__link .fa-percentage,
.header__link .fa-gavel {
  margin-left: 8px;
  color: var(--primary-color);
}

.promo-icon {
  animation: pulse 2s infinite;
}

.auction-icon {
  animation: shake 0.5s infinite alternate;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

@keyframes shake {
  0% { transform: rotate(-10deg); }
  100% { transform: rotate(10deg); }
}