.ks-menu__ingredients {
  --gap: 5px;
  margin-top: 30px;
}
.ks-menu__ingredients span {
  margin: 0 var(--gap);
}

.ks-menu__section-title h2 {
  font-size: calc(28 / var(--base) * 1rem);
}

.ks-menu__ingredients,
h3.ks-menu__ingredients-title {
  font-size: calc(20 / var(--base) * 1rem);
}

h3.ks-menu__ingredients-title {
  color: rgb(var(--color-secondary));
  display: inline;
  line-height: 1;
  margin-right: var(--gap);
  font-weight: 600;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.ks-menu-nav {
  background: rgb(var(--color-dark));
}

.ks-menu-nav__item {
  cursor: pointer;
}

.ks-menu-nav__title {
  --barHeight: 5px;
  --barColor: var(--color-secondary);
}
.ks-menu-nav__title:after {
  content: "";
  background: rgb(var(--barColor));
  display: block;
  height: var(--barHeight);
  width: 0;
  opacity: 0;
  transition: 250ms opacity ease, 250ms width ease;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.active .ks-menu-nav__title:after {
  opacity: 1;
  width: 100%;
}

@media (pointer: fine) {
  .ks-menu-nav__item:not(.active):hover .ks-menu-nav__title:after {
    opacity: 1;
    width: 60%;
  }
}

.product-card {
  line-height: 1.2;
}

h3.product-card__title {
  color: rgb(var(--color-secondary));
  font-size: calc(24 / var(--base) * 1rem);
  font-weight: 500;
  line-height: 1.2;
  margin-top: 20px;
}