/* Стили для текста внутри контейнера */
.menu-text1 {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
  pointer-events: none;
  color: inherit;
}

/* Эффект ПРИ НАВЕДЕНИИ НА КОНТЕЙНЕР */
.menu-container1:hover .menu-text1 {
  color: #F7F7F9 !important;
  text-shadow: 0.5px 0 0 #F7F7F9;
}

/* Линия под текстом */
.menu-text1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background-color: #F7F7F9;
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: center;
}

/* Показываем линию при наведении на КОНТЕЙНЕР */
.menu-container1:hover .menu-text1::after {
  transform: scaleX(1);
}

/* Убираем стандартное подчеркивание ссылок Тильды */
.menu-container1 {
  text-decoration: none !important;
}
/* Стили для текста внутри контейнера */
.menu-text {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
  pointer-events: none; /* Текст не мешает клику по контейнеру */
  color: inherit;
}

/* Эффект ПРИ НАВЕДЕНИИ НА КОНТЕЙНЕР */
.menu-container:hover .menu-text {
  color: #3E0715 !important;
  text-shadow: 0.5px 0 0 #3E0715; /* Имитация жирности */
}

/* Линия под текстом */
.menu-text::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background-color: #3E0715;
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: center;
}

/* Показываем линию при наведении на КОНТЕЙНЕР */
.menu-container:hover .menu-text::after {
  transform: scaleX(1);
}

/* Убираем стандартное подчеркивание ссылок Тильды, если оно есть */
.menu-container {
  text-decoration: none !important;
}
/* Стили ссылки */
.restorans-link {
  color: inherit;
  text-decoration: none;
}

.restorans:hover .restorans-link {
  text-decoration: underline;
  text-decoration-color: #252525;
}

/* Тень и скругление для карточки только на десктопе (1200px+) */
@media (min-width: 1200px) {
  .restorans {
    overflow: visible;
    border-radius: 24px;
    box-shadow:
      0px 8px 10px -6px #1018281a,
      0px 20px 25px -5px #1018281a;
  }
}

/* Подчеркивание ссылки на мобильных (до 1200px) */
@media (max-width: 1199px) {
  .restorans-link {
    text-decoration: underline;
    text-decoration-color: #252525;
    text-decoration-thickness: 1px;
  }
}