.left-menu {
  display: grid;
}
.left-menu__item {
  padding: 19px 14px;
  color: #000;
  border:1px solid #D9D9D9;
}
.left-menu__item + .left-menu__item {
  border-top: none;
}
div.left-menu__item {
  font-weight: 600;
}

.kak-prin__container {
  display: grid;
  gap: 26px;
  margin: 24px 0 107px;
  line-height: 1.25em;
}
.kak-prin__container h3 {
  font-size: 20px;
  font-weight: 500;
}
.kak-prin__container p {
  margin: 0;
}
.kak-prin__container p + p {
  margin-top: 16px;
}

.local-menu {
  display: flex;
  gap: 10px;
  margin-bottom: 48px;
}
.local-menu__link {
  width:95px;
  height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  transition: .3s ease;
}
.local-menu__link.breakfast {
  background: #92BF30;
  border-color:#92BF30;
  color: #fff;
  cursor: default;
}
.local-menu__link.lunch {
  border-color:#EA7DAC;
  color: #EA7DAC;
}
.local-menu__link.lunch:hover {
  background: #EA7DAC;
  color: #fff;
}
.local-menu__link.dinner {
  border-color: #5745C2;
  color: #5745C2;
}
.local-menu__link.dinner:hover {
  background: #5745C2;
  color: #fff;
}
.local-menu.lunch {
  margin-bottom: 0;
}
.local-menu.lunch .local-menu__link.lunch {
  background: #EA7DAC;
  color: #fff;
}
.local-menu.dinner {
  position: absolute;
}
.local-menu.dinner .local-menu__link.dinner {
  background: #5745C2;
  color: #fff;
}
.local-menu.dinner + .kak-prin__img-box.collagennight {
  padding-top: 55px;
}

.kak-prin__wrapper {
  display: flex;
  gap: 24px;
  flex-direction: column;
}
.kak-prin__roundbox {
  padding: 21px 32px;
  border-radius: 30px;
  display: flex;
  gap: 24px;
}
.kak-prin__roundbox.green {
  background: #92BF30;
  color: #fff;
}
.kak-prin__roundbox.green b {
  color: #fff;
}
.kak-prin__roundbox.greenline {
  border: 1px solid #92BF30;
}
.kak-prin__roundbox.pink {
  background: #EA7DAC;
  color: #fff;
}
.kak-prin__roundbox.pink b {
  color: #fff;
}
.kak-prin__roundbox.violet {
  background: #5745C2;
  color: #fff;
}
.kak-prin__roundbox.violet b {
  color: #fff;
}

.attention {
  display: flex;
  align-items: center;
  gap: 10px;
}
.attention::before {
  content: '!';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  flex: 0 0 27px;
  height: 27px;
  border-radius: 20px;
}
.kak-prin__alone {
  font-weight: 600;
}
.kak-prin__alone .attention::before {
  color: #222;
  border-color: #222;
}


@media all and (min-width: 768px) {
  .kak-prin__wrapper {
    flex-direction: row;
  }
}