.menu-page-wrapper {
   padding-top: 40px;
   padding-bottom: 40px;
}
 .menu-header {
   border-bottom: 1px solid #e5e5e5;
   padding-bottom: 10px;
}
 .menu-header__title {
   font-style: normal;
   font-weight: bold;
   font-size: 36px;
   line-height: 30px;
   color: #000;
}
 .menu-content-part {
   margin-top: 40px;
}
 .menu-content-part__title {
   font-style: normal;
   font-weight: bold;
   font-size: 28px;
   line-height: 30px;
   color: #000;
}
 .menu-content-part__subtitle {
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 20px;
   color: #000;
   margin-bottom: 35px;
}
 .menu-content-item {
   border-radius: 8px;
   overflow: hidden;
}
 .menu-content-item:hover {
   text-decoration: none;
}
 .menu-content-item-info {
   padding-top: 20px;
   padding-bottom: 20px;
}
 .menu-content-item-info__title {
   font-style: normal;
   font-weight: bold;
   font-size: 20px;
   line-height: 25px;
   color: #2e662e;
}
 .menu-content-item-info__title:hover {
   color: #2e662e;
}
 .menu-content-item-info-footer {
   display: flex;
   justify-content: space-between;
}
 .menu-content-item-info-footer__cats {
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 20px;
   color: #262322;
   flex-basis: 70%;
}
 .menu-content-item__image {
   /*position: relative;*/
}
 .menu-content-item__image:hover .menu-content-item__overlay {
   max-height: 250px;
   display: flex;
   overflow: visible;
   transition: all ease-in-out 0.25s;
}
 .menu-content-item__overlay {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: rgba(0, 0, 0, .3);
   justify-content: center;
   align-items: center;
   display: none;
   overflow: hidden;
   transition: all ease-in-out 0.25s;
}
 .menu-content-item__cta {
   display: inline-block;
   border: 2px solid #fff;
   border-radius: 30px;
   font-family: 'Lato', sans-serif;
   font-style: normal;
   font-weight: 900;
   font-size: 14px;
  /* identical to box height, or 214% */
   text-align: center;
   letter-spacing: 0.07em;
   text-transform: uppercase;
   color: #fff;
   padding: 0 20px;
   height: 40px;
   line-height: 40px;
   transition: all ease-in-out 0.25s;
}
 .menu-content-item__cta:hover {
   text-decoration: none;
   background-color: #fff;
   color: #2e662e;
   transition: all ease-in-out 0.25s;
}
.menu-content-part .modal-content {
   padding: 30px 20px 10px;
}
 .menu-content-part .modal-content h2 {
   color: #2e662e;
}
 .menu-section .modal-content {
   padding: 30px 20px 10px;
}
 .menu-section .modal-content h2 {
   color: #2e662e;
}
/* Removed global font override to prevent site-wide reflow and conflicts.
   Use existing app font variables and scoped font rules instead. */