.menu-featured-content {
  width: 23.7500rem;
  height: var(--hh-mega-menu-drawer-height);
  max-height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--hh-color-night);
  transition: all var(--hh-duration-medium) var(--hh-cubic-1);
  opacity: 0;
  z-index: 1000;
}

.mega-menu-drawer__container[open] .menu-featured-content {
  right: -23.7500rem;
  opacity: 1;
}

.menu-featured-content__inner {
  padding: 0.6250rem;
  height: 100%;
  display: grid;
  grid-template-rows: repeat(var(--hh-content-count), 1fr);
  gap: 0.6250rem;
}

.menu-featured-content__media {
  height: 100%;
  position: relative;
}

.menu-featured-content__media::before {
  content: '';
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.56) 80.73%
  );
  z-index: 1;
}

.menu-featured-content__heading {
  margin: 0;
  font: var(--hh-h-small-font);
  letter-spacing: var(--hh-body-letter-spacing);
  color: var(--hh-color-day);
  position: absolute;
  left: 0.7500rem;
  bottom: 0.9375rem;
  z-index: 1;
}

.menu-featured-content__carousel {
  margin: 0 -1.2500rem;
}

.menu-featured-content__slide {
  flex-shrink: 0;
  scroll-snap-align: center;
  width: 100%;
}

.menu-featured-content__mobile-slide {
  height: 100%;
}