.breakfast-lunch-dinner-block {
  color: var(--light-green);
  padding-top: max(2.265rem, 9.8046875vw);
  padding-bottom: max(7.274375rem, 12.9296875vw);
  transition: background-color 0.4s ease, color 0.4s ease;
  grid-template-rows: auto 1fr;
}

.breakfast-lunch-dinner-block.bg-green {
  color: var(--dark-green);
}

.breakfast-lunch-dinner-block__upper-slider-img {
  grid-column: 2 / span 5;
  grid-row: 1 / span 2;
}

.breakfast-lunch-dinner-block__upper-slider-nav {
  grid-column: 8 / span 6;
  grid-row: 1 / span 1;
  width: min(100%, 35em);
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  margin-bottom: var(--s-lg);
}

.breakfast-lunch-dinner-block__upper-slider-text-wrapper {
  grid-column: 8 / span 5;
  grid-row: 2 / span 1;
}

.breakfast-lunch-dinner-block__pill-btn {
  grid-column: 10 / span 4;
  grid-row: 3 / span 1;
}

.content-wrapper a.breakfast-lunch-dinner-block__pill-btn {
  color: var(--light-green);
}

.content-wrapper .bg-green a.breakfast-lunch-dinner-block__pill-btn:hover {
  color: var(--dark-green);
}

.breakfast-lunch-dinner-block__gallery-slider {
  grid-column: 1 / span 14;
  grid-row: 4 / span 1;
  margin-top: var(--s-md);
}

.breakfast-lunch-dinner-block__upper-slider-nav button {
  color: var(--light-green);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: max(1.265rem, 1.512em);
}

.breakfast-lunch-dinner-block__upper-slider-nav button.is-active {
  color: var(--green);
  pointer-events: none;
}

.bg-green .breakfast-lunch-dinner-block__upper-slider-nav button {
  color: var(--dark-green);
}

.bg-green .breakfast-lunch-dinner-block__upper-slider-nav button.is-active {
  color: var(--white);
}

.breakfast-lunch-dinner-block__upper-slider-nav button::before {
  content: "";
  width: max(2.38375rem, 1.907em);
  aspect-ratio: 38.06/39.19;
  mask-image: url("../../img/sunset-icon.svg");
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentColor;
  mask-position: bottom center;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.breakfast-lunch-dinner-block__upper-slider-description {
  margin-bottom: max(1.875rem, 1.171875vw);
}

.breakfast-lunch-dinner-block__upper-slider-nav button.is-active::before {
  opacity: 1;
}

.breakfast-lunch-dinner-block__upper-slider-nav li:nth-child(2) button::before {
  mask-image: url("../../img/sunrise-icon.svg");
}

.breakfast-lunch-dinner-block__pill-btn .small-pill {
  mask-image: url("../../img/soup-pill.svg");
}

.breakfast-lunch-dinner-block__upper-slider-img-element {
  aspect-ratio: 970/909;
}

.breakfast-lunch-dinner-block__upper-slider-headline {
  text-wrap: balance;
}

.breakfast-lunch-dinner-block__gallery-slider-nav {
  grid-column: 13 / span 1;
  grid-row: 5 / span 1;
}

@media (max-width: 1199.98px) {
  .breakfast-lunch-dinner-block__upper-slider-text-wrapper {
    grid-column: 8 / span 6;
  }

  .breakfast-lunch-dinner-block__pill-btn {
    grid-column: 8 / span 6;
    justify-self: center;
  }

  .breakfast-lunch-dinner-block__upper-slider-text-wrapper .splide__list {
    align-items: flex-start;
  }

}

@media (max-width: 991.98px) {
  .breakfast-lunch-dinner-block__upper-slider-text-wrapper,
  .breakfast-lunch-dinner-block__upper-slider-nav {
    grid-column: 7 / span 7;
    padding-left: var(--grid-gap);
  }

  .breakfast-lunch-dinner-block__gallery-slider-nav {
    grid-column: 2 / span 12;
  }

}

@media (max-width: 767.98px) {
  .breakfast-lunch-dinner-block {
    grid-template-rows: unset;
  }

  .breakfast-lunch-dinner-block__upper-slider-nav,
  .breakfast-lunch-dinner-block__upper-slider-text-wrapper,
  .breakfast-lunch-dinner-block__upper-slider-img {
    grid-column: 3 / span 10;
  }

  .breakfast-lunch-dinner-block__upper-slider-nav {
    grid-row: 1 / span 1;
    margin-bottom: var(--s-md);
    padding-left: 0;
  }

  .breakfast-lunch-dinner-block__upper-slider-img {
    grid-row: 2 / span 1;
    margin-bottom: var(--s-md);
  }

  .breakfast-lunch-dinner-block__upper-slider-text-wrapper {
    grid-row: 3 / span 1;
    padding-left: 0;
  }

  .breakfast-lunch-dinner-block__pill-btn {
    grid-row: 4 / span 1;
    grid-column: 3 / span 10;
  }

  .breakfast-lunch-dinner-block__gallery-slider {
    grid-row: 5 / span 1;
  }

  .breakfast-lunch-dinner-block__gallery-slider-nav {
    grid-row: 6 / span 1;
  }

.breakfast-lunch-dinner-block__upper-slider-description {
  margin-bottom: max(3.125rem);
}

}

@media (max-width: 575.98px) {
.breakfast-lunch-dinner-block__pill-btn,
.breakfast-lunch-dinner-block__upper-slider-text-wrapper,
.breakfast-lunch-dinner-block__upper-slider-nav,
.breakfast-lunch-dinner-block__upper-slider-img {
  grid-column: 2 / span 12;
}
}