/* Фото ресторана: при наведении сзади проявляется свечение из самого снимка */
.glow-photo {
  position: relative;
  z-index: 0;
}

.glow-photo__bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  filter: blur(100px);
  -webkit-filter: blur(100px);
  transform: translate3d(0, 0, 0);
  transition: opacity 0.3s ease;
}

/* ховер ловит вся карточка целиком, а не фото и название по отдельности */
.glow-row:hover .glow-photo__bg {
  opacity: 1;
}

/* Название ресторана: свечение белое и тусклее, по форме букв — иначе подложка
   разъезжается с текстом на переносах */
.glow-title {
  /* подчёркивание есть всегда, проявляется цветом — иначе строка дёргается */
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: text-shadow 0.3s ease, text-decoration-color 0.3s ease;
}

.glow-row:hover .glow-title {
  text-shadow: 0 0 16px rgba(255, 255, 255, 0.38), 0 0 44px rgba(255, 255, 255, 0.22);
  text-decoration-color: currentColor;
}

@media (max-width: 1050px) {
  .section1__restaurant-all {
    padding-top: 109px !important;
  }
  .section2-container-block-middle__restaurant-all > h5 {
    font-size: 40px !important;
  }
  .section2-container-block__restaurant-all {
    padding: 11px;
  }
}
@media (max-width: 475px) {
  .section1__restaurant-all {
    padding-top: 50px !important;
  }
  .section2-container-block-middle__restaurant-all > h5 {
    font-size: 28px !important;
    line-height: 32px !important;
    letter-spacing: 1px !important;
  }
  .section2-container-block__restaurant-all {
    padding: 15px;
  }
}