.layout-menu-specials {
  position: relative;
}

.info-item
{font-size: 3rem;
    line-height: 3rem;
    color: #d09a49;
    position: relative;
    top: 0.5rem;
    padding: 0 10px 0px 0px;
}
.menu-specials__categories {
  transition: transform 0.5s ease;
  /* Other styles as needed */
}

.menu-specials__fixed-categories {
  width: 300px;
  padding: 0 40px 0 40px;
  position: absolute;
  left: 0;
  top: calc(-60px - 4vw);
  height: 100vh;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  z-index: 3;
}
@media only screen and (max-width: 1440px) {
  .menu-specials__fixed-categories {
    left: 0;
  }
}
@media only screen and (max-width: 960px) {
  .menu-specials__fixed-categories {
    display: none;
  }
}
.menu-specials__fixed-categories ul {list-style:none; margin:0; padding:0;}
.menu-specials__fixed-categories ul li {
  font-size: 26px;
  font-size: 1.35vw;
  line-height: 30px;
  cursor: pointer;
}
@media (max-width: 1481.4814814815px) {
  .menu-specials__fixed-categories ul li {
    font-size: 20px;
  }
}
@media (min-width: 1925.9259259259px) {
  .menu-specials__fixed-categories ul li {
    font-size: 26px;
  }
}
.menu-specials__fixed-categories ul li.-active {
  color: #d09a49;
}
.menu-specials__category {
/*  padding-top: 1vw */
  padding-top: 0;
  padding-bottom: 0;
}
.menu-specials__category .menu-specials__category-head {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: bottom;
  margin-bottom: -2px;
}
.menu-specials__category .menu-specials__category-head .size {
  color: #d09a49;
  font-size: 20px;
  font-size: 1.04vw;
  text-transform: lowercase;
  justify-content: flex-end;
  white-space: nowrap;
}
@media (max-width: 1538.4615384615px) {
  .menu-specials__category .menu-specials__category-head .size {
    font-size: 16px;
  }
}
@media (min-width: 1923.0769230769px) {
  .menu-specials__category .menu-specials__category-head .size {
    font-size: 20px;
  }
}
.menu-specials__category .menu-specials__category-title {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.-super.menu-specials__category-title {color:#d09a49; font-size:1.5rem}

.menu-specials__category .menu-specials__category-title .menu-specials__name {
  display: flex;
  gap: 10px;
}
.menu-specials__category
  .menu-specials__category-title
  .menu-specials__name.-vegan {
  gap: 4px;
}
.menu-specials__category .menu-specials__category-title .menu-specials__vegan {
  width: 24px;
}
.menu-specials__category .menu-specials__description {
  font-size: 18px;
  font-size: 0.94vw;
  text-transform: none;
}
@media (max-width: 1489.3617021277px) {
  .menu-specials__category .menu-specials__description {
    font-size: 14px;
  }
}
@media (min-width: 1914.8936170213px) {
  .menu-specials__category .menu-specials__description {
    font-size: 18px;
  }
}
.menu-specials__category .menu-specials__category-sizes {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: bottom;
}
.menu-specials__category .menu-specials__category-sizes .size {
  width: 100px;
  padding: 0 12px;
  text-align: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: left;
  white-space: nowrap;
  align-items: flex-end;
}
@media only screen and (max-width: 640px) {
  .menu-specials__category .menu-specials__category-sizes .size {
    width: 70px;
    padding: 0 0;
  }
}
.menu-specials__category .menu-specials__category-body {
  font-size: 26px;
  font-size: 1.35vw;
}
@media (max-width: 1481.4814814815px) {
  .menu-specials__category .menu-specials__category-body {
    font-size:18px;
    padding-right:0;
    padding-left:0;
  }
}
@media (min-width: 1925.9259259259px) {
  .menu-specials__category .menu-specials__category-body {
    font-size:22px;
  }
}
.menu-specials__category .menu-specials__category-body li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  line-height: 24px;
  padding: 8px 0;
}
.menu-specials__category
  .menu-specials__category-body
  li
  .menu-specials__category-title {
  text-transform: uppercase;
}


.container{
  max-width:100%;
  width: 100%;
  padding: 0 4vw;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 960px) {
  .container {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 960px) {
  .container.-menu-specials {
    padding: 0 300px;
  }
}