/* START_FILE: css/menu.css */
/* Фиксированная кнопка-триггер */
.floating-menu-trigger {
  position: fixed !important;
  top: 25px !important;
  right: 25px !important;
  width: 55px !important;
  height: 55px !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(74, 74, 74, 0.2) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  z-index: 10000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  outline: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.3s ease, background-color 0.3s ease !important;
}

/* Класс для плавного проявления кнопки после открытия конверта */
.floating-menu-trigger.show-trigger {
  opacity: 1 !important;
  visibility: visible !important;
}

.floating-menu-trigger:hover {
  transform: scale(1.05) !important;
  background-color: #FFFFFF !important;
  border-color: #4A4A4A !important;
}

/* Конструкция гамбургера */
.hamburger-box {
  width: 22px !important;
  height: 16px !important;
  position: relative !important;
}

.hamburger-line {
  display: block !important;
  position: absolute !important;
  height: 2px !important;
  width: 100% !important;
  background-color: #4A4A4A !important;
  border-radius: 2px !important;
  opacity: 1 !important;
  left: 0 !important;
  transform: rotate(0deg) !important;
  transition: all 0.25s ease-in-out !important;
}

.hamburger-line:nth-child(1) { top: 0px !important; }
.hamburger-line:nth-child(2) { top: 7px !important; }
.hamburger-line:nth-child(3) { top: 14px !important; }

/* Анимация превращения гамбургера в крестик при активности */
.floating-menu-trigger.is-active .hamburger-line:nth-child(1) { top: 7px !important; transform: rotate(135deg) !important; }
.floating-menu-trigger.is-active .hamburger-line:nth-child(2) { opacity: 0 !important; left: -40px !important; }
.floating-menu-trigger.is-active .hamburger-line:nth-child(3) { top: 7px !important; transform: rotate(-135deg) !important; }

/* Навигационная панель-оверлей */
.navigation-overlay-panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(253, 253, 253, 0.98) !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.4s ease, visibility 0.4s ease !important;
}

.navigation-overlay-panel.is-open {
  opacity: 1 !important;
  visibility: visible !important;
}

.nav-menu-inner-content {
  width: 90% !important;
  max-width: 500px !important;
  text-align: center !important;
}

.nav-links-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 25px !important;
}

.nav-links-list a {
  font-family: 'Alexander', serif !important;
  font-size: 2rem !important;
  color: #4A4A4A !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: relative !important;
  transition: color 0.3s ease !important;
}

.nav-links-list a::after {
  content: "" !important;
  position: absolute !important;
  bottom: -4px !important;
  left: 50% !important;
  width: 0 !important;
  height: 1px !important;
  background-color: #4A4A4A !important;
  transition: all 0.3s ease !important;
  transform: translateX(-50%) !important;
}

.nav-links-list a:hover {
  color: #1A1A1A !important;
}

.nav-links-list a:hover::after {
  width: 60% !important;
}

@media (max-width: 580px) {
  .floating-menu-trigger { top: 15px !important; right: 15px !important; width: 48px !important; height: 48px !important; }
  .nav-links-list { gap: 20px !important; }
  .nav-links-list a { font-size: 1.6rem !important; }
}
/* END_FILE: css/menu.css */