.heading > p {
  font-weight: 600;
  font-size: var(--fz-16down13);
  letter-spacing: 5px;
  color: var(--text-label);
  margin-bottom: 16px !important;
}

.heading > :is(h1, h2) {
  font-family: var(--tenor-font);
  font-weight: 400;
  font-size: var(--fz-45down36);
  line-height: var(--lh-59-fz-45);
}

.menu-section {
  padding: 50px 15px !important;
}

.menu-item {
  align-items: center;
}

.menu-linecol > div {
  height: 1px;
  margin-left: 0 !important;
}

.menu-title > h2 {
  font-family: var(--tenor-font);
  font-weight: 400;
  font-size: var(--fz-45down32);
  line-height: var(--lh-59-fz-45);
  margin-bottom: 40px !important;
}

.menu-line {
  margin-bottom: 40px;
}

.menu-namecol,
.menu-pricecol {
  max-width: fit-content !important;
  flex: 0 0 auto !important;
}

.menu-dots {
  flex: 1 !important;
  max-width: 100% !important;
  margin: 0 10px !important;
  height: 1px;
  background: repeating-linear-gradient(
    90deg,
    var(--text-heading) 0 1px,
    transparent 1px 2px
  );
}

.menu-name > h3,
.menu-price > p {
  font-family: var(--tenor-font);
  font-weight: 400;
  font-size: var(--fz-22down18);
  line-height: var(--lh-25-fz-22);
  color: var(--text-heading);
}

.menu-description > p {
  font-family: var(--poppins-font);
  font-style: italic;
  font-size: var(--fz-14down13);
  line-height: var(--lh-25-fz-14);
  color: var(--text-label);
  min-height: 26px;
}

.menu-item + .menu-description {
  margin-top: 9px;
}

.menu-description + .menu-item {
  margin-top: 30px;
}

.menu-row {
  gap: 24px;
  flex-flow: unset !important;
}

.menu-highlight > h3 {
  font-family: var(--tenor-font);
  font-weight: 400;
  font-size: var(--fz-25down22);
  line-height: var(--lh-35-fz-25);
}

:is(.menu-item, .menu-description) + .menu-highlight {
  margin-top: 32px;
}

.menu-highlight + :is(.menu-item, .menu-description) {
  margin-top: 32px;
}

.menu-item + .menu-item {
  margin-top: 30px;
}

/* Desktop */

@media screen and (min-width: 1025px) {
  .menu-leftcol {
    max-width: 486px !important;
    flex-basis: 486px !important;
  }

  .menu-rightcol {
    flex: 1;
    max-width: 100% !important;
  }
}

/* Mobile */

@media screen and (max-width: 767px) {
  .heading-section {
    padding: 40px 0 !important;
  }

  .menu-section {
    padding: 40px 15px !important;
  }

  .heading > p {
    line-height: var(--lh-18-fz-13);
    letter-spacing: 4px;
    text-transform: uppercase;
  }

  .heading > :is(h1, h2) {
    line-height: var(--lh-44-fz-36);
  }

  .menu-linecol > div {
    max-width: 145px !important;
  }

  .menu-title > h2 {
    line-height: var(--lh-40-fz-32);
    margin-bottom: 16px !important;
  }

  .menu-name > h3,
  .menu-price > p {
    line-height: var(--lh-22-fz-18);
  }

  .menu-description > p {
    line-height: var(--lh-18-fz-13);
  }

  .menu-line {
    margin-bottom: 32px;
  }

  .menu-dots {
    margin: 0 8px !important;
    background: repeating-linear-gradient(
      90deg,
      var(--text-heading) 0 2px,
      transparent 2px 4px
    );
  }

  .menu-item + .menu-description {
    margin-top: 6px;
  }

  .menu-description + .menu-item {
    margin-top: 24px;
  }

  .menu-highlight > h3 {
    line-height: var(--lh-30-fz-22);
  }

  :is(.menu-item, .menu-description) + .menu-highlight {
    margin-top: 48px;
  }

  .menu-highlight + :is(.menu-item, .menu-description) {
    margin-top: 16px;
  }

  .menu-item + .menu-item {
    margin-top: 16px;
  }

  .menu-row {
    flex-direction: column !important;
    gap: 32px;
  }

  .menu-row > div {
    max-width: 100% !important;
  }
}
