:root {
  --header-height: 6.7rem;
}
@media (width > 768px) {
  :root {
    --header-height: 11.2rem;
  }
}

.menu-part {
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 54rem 1fr;
}
.menu-part.multi-column {
  grid-template-columns: repeat(3, 1fr);
}
.menu-part .menu-part-column {
  display: grid;
  grid-template-rows: 9rem 46rem 8.3rem;
  border-inline-start: 1px solid var(--red-30);
}
.menu-part .menu-part-column .title-container {
  align-self: self-end;
  margin-bottom: 0.8rem;
  margin-inline-start: 2.1rem;
}
.menu-part .menu-part-column .title-container h3 {
  color: var(--red-main);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 150%;
}
@media (width > 768px) {
  .menu-part .menu-part-column .title-container h2 {
    font-size: 2rem;
  }
}
.menu-part .menu-part-column .title-container .btn .text-container {
  padding-inline-end: 0.2rem;
}
.menu-part .menu-part-column .title-container .btn .icon-container {
  height: 2rem;
  width: 2rem;
}
.menu-part .menu-part-column .title-container .btn .btn-text,
.menu-part .menu-part-column .title-container .btn .btn-text::after {
  font-size: 1.7rem;
  line-height: 130%;
}
.menu-part .menu-part-column .title-container.flex.align-center.gap-10 .btn:hover .btn-text.font-weight.red-main,
.menu-part .menu-part-column .title-container.flex.align-center.gap-10 .btn:hover .icon-container.black.flip-english {
  color: var(--red-main);
}
.menu-part .navigation-items-section {
  position: relative;
}
.menu-part .navigation-items-section .navigation-items {
  display: grid;
  grid-auto-rows: min-content;
  gap: 1.4rem;
  padding: 3.6rem 0;
}
.menu-part .sub-menu-container {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 100%;
}
[lang=en] .menu-part .sub-menu-container {
  left: 100%;
  right: auto;
}
.menu-part .sub-menu-container {
  top: 0;
  animation: vanish 0s forwards;
}
.menu-part .sub-menu-container.active {
  animation: appear 0.3s ease forwards;
}
.menu-part .sub-menu-container.close {
  animation: vanish 0.3s ease forwards;
}
.menu-part .promotional-section {
  grid-column: 2/4;
  border-inline-end: 1px solid var(--red-30);
}
.menu-part .promotional-section.multi-column {
  grid-column: 3/4;
}
.menu-part .promotional-section .promotional-img {
  position: relative;
  container-type: size;
  --pixel-size: 16.666%;
}
.menu-part .promotional-section .promotional-img.multi-column {
  --pixel-size: 33.333%;
}
.menu-part .promotional-section .promotional-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px 0px 9.5rem 0px;
}
.menu-part .promotional-section .promotional-img .pixel {
  position: absolute;
  backdrop-filter: blur(20px);
}
.menu-part .promotional-section .promotional-img .pixel.pixel-white {
  width: var(--pixel-size);
  aspect-ratio: 1/1;
  top: 0;
  background-color: var(--white-main);
  left: 0;
}
[lang=en] .menu-part .promotional-section .promotional-img .pixel.pixel-white {
  right: 0;
  left: auto;
}
.menu-part .promotional-section .promotional-img .pixel.pixel-top {
  width: var(--pixel-size);
  aspect-ratio: 1/1;
  top: 0;
  background-color: var(--white-main);
  left: var(--pixel-size);
}
[lang=en] .menu-part .promotional-section .promotional-img .pixel.pixel-top {
  right: var(--pixel-size);
  left: auto;
}
.menu-part .promotional-section .promotional-img .pixel.pixel-left {
  width: var(--pixel-size);
  left: 0;
}
[lang=en] .menu-part .promotional-section .promotional-img .pixel.pixel-left {
  right: 0;
  left: auto;
}
.menu-part .promotional-section .promotional-img .pixel.pixel-left {
  background-color: var(--white-main);
  height: calc(100% - 16.666cqw);
  top: 16.666cqw;
}
.menu-part .promotional-section .promotional-img.multi-column .pixel.pixel-left {
  height: calc(100% - 33.333cqw);
  top: 33.333cqw;
}