.menu_canvas {
  width: 100%;
  background-color: #fff;
  padding: 20px 80px 30px;
  position: absolute;
  z-index: 5;
  border-bottom: 1px solid #b6b6b6;
  /* top: 18px; */
}

.menu_canvas.dark {
  background-color: #000;
  color: #fff;
}
.hr {
  margin-bottom: 30px;
  margin-top: 0px;
}
.main_menu {
  display: flex;
}

.main_menu_shop {
  display: flex;
  height: 100%;
}

.listMenu {
  width: 50%;
  display: flex;
}

.menuImage {
  width: 50%;
  display: flex;
}

.menuImage img {
  width:  auto !important;
  height: 300px !important;
  object-fit: cover;
  animation: fadeIn 0.2s ease-in-out;
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.sub_menu {
  margin-right: 70px;
}
.sub_title {
  font-family: var(--neuzeit-reg-font);
  margin-bottom: 10px;
}
.menu {
  font-family: var(--neuzeit-light-font);
  margin: 5px 0;
  width: fit-content;
  position: relative;
}

.new {
  position: absolute;
  top: -5px; /* naik ke atas */
  right: -25px; /* geser ke kanan */
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 4px;
  animation: blink 2s ease-in-out infinite;
  font-weight: bold;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

/* 2. Desktop / Laptop Layar Lebar */
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .listMenu {
    width: 50%;
    display: flex;
  }

  .menuImage {
    width: 50%;
    display: flex;
  }

  .menuImage img {
    width:  100% !important;
    height: auto !important;
    object-fit: cover;
    animation: fadeIn 0.2s ease-in-out;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
 
  .listMenu {
    width: 70%;
    display: flex;
  }

  .menuImage {
    width: 30%;
    display: flex;
  }

  .menuImage img {
    width:  100% !important;
    height: auto !important;
    object-fit: cover;
    animation: fadeIn 0.2s ease-in-out;
  }

  .menu_canvas {
    margin-bottom: 30px;
  }
}

@media only screen and (min-height: 1000px) {
  .menu_canvas {
    margin-bottom: 20px;
  }

  .sub_menu {
    margin-right: 0px !important;
    padding-right: 60px;
  }
}