/**
 * Eten & Drinken page
 *
 * Ported from the approved static design. Everything is scoped to the page
 * body class so these component overrides cannot leak into other templates.
 */

body.etenendrinken-page header.site-header {
  background: #feeeed;
}

body.etenendrinken-page .hero {
  padding: 60px 0 100px;
  background: #feeeed;
}

body.etenendrinken-page .hero.be-section .be-row--align-center {
  align-items: flex-start;
}

body.etenendrinken-page .hero .media-zigzag--hero-top {
  top: 40px;
}

body.etenendrinken-page .hero .media-zigzag--hero-bottom {
  bottom: -15px;
}

body.etenendrinken-page .hero__copy {
  margin-top: 55px;
}

body.etenendrinken-page .food-hero .hero__title > em {
  margin-left: 0;
}

body.etenendrinken-page .hero__intro {
  margin-top: 20px;
}

body.etenendrinken-page .hero__intro > p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

body.etenendrinken-page p.be-copy.hero__intro strong,
body.etenendrinken-page .hero__intro > p strong {
  font-weight: 700;
}

body.etenendrinken-page .hero__actions {
  margin-top: 40px !important;
}

/* Section navigation and reception options. */
body.etenendrinken-page .bekij-onze,
body.etenendrinken-page .food-navigation {
  --bekij-plum: #6e223a;
  --bekij-plum-dark: #4e223a;
  --bekij-title: #4b2439;
  --bekij-coral: #f9895b;
  --bekij-heading-coral: #f56c57;
  --bekij-red: #f44d4a;
  --bekij-text: #4b2439;
  --bekij-muted: #6f5a64;
  margin-top: -55px;
  padding: 0 0 5px;
  color: var(--bekij-text);
}

body.etenendrinken-page .bekij-onze .be-container,
body.etenendrinken-page .food-navigation .be-container,
body.etenendrinken-page .food-reception .be-container {
  width: min(calc(100% - 160px), 1300px);
  padding-inline: 0;
}

body.etenendrinken-page .bekij-onze__tabs {
  overflow: visible;
  border-radius: 22px;
  background: var(--bekij-plum, #6e223a);
  box-shadow: 0 0 10px rgba(80, 31, 58, 0.14);
}

body.etenendrinken-page .bekij-onze__tabs-inner {
  min-height: 96px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  padding: 22px;
}

body.etenendrinken-page .bekij-onze__label {
  width: auto;
  max-width: none;
  min-width: 132px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0 12px 0 0;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

body.etenendrinken-page .bekij-onze__tab {
  width: auto;
  max-width: none;
  min-width: 0;
  min-height: 64px;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 12px;
  background: #8f2c4b;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease;
}

body.etenendrinken-page .bekij-onze__tab:hover,
body.etenendrinken-page .bekij-onze__tab:focus-visible {
  border-color: transparent;
  background: var(--bekij-coral, #f9895b);
}

body.etenendrinken-page .bekij-onze__tab img {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
}

body.etenendrinken-page .bekij-onze__tab span {
  font-size: 15px;
}

body.etenendrinken-page .bekij-onze__tab:nth-of-type(6),
body.etenendrinken-page .bekij-onze__tab:nth-of-type(7) {
  gap: 6px;
}

body.etenendrinken-page .bekij-onze__tab--download {
  background: #8f2c4b;
}

body.etenendrinken-page .bekij-onze__content {
  padding-top: 80px;
}

/* The approved HTML keeps navigation and cards in one section. The WordPress
 * build splits them for ACF ordering, so keep the source spacing on the card
 * section instead of inserting it between the navigation and its content. */
body.etenendrinken-page .food-navigation {
  padding-bottom: 0;
}

body.etenendrinken-page .food-reception {
  padding-top: 0;
  padding-bottom: 5px;
}

body.etenendrinken-page #ontvangstopties,
body.etenendrinken-page #lunchbuffetten,
body.etenendrinken-page #dinnerbuffetten,
body.etenendrinken-page #bbq-grill,
body.etenendrinken-page #hapjes-plankjes,
body.etenendrinken-page #drankopties {
  scroll-margin-top: 140px;
}

body.etenendrinken-page .bekij-onze__heading {
  margin: 0;
  padding-bottom: 4px;
  color: var(--bekij-plum-dark, #4e223a);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
}

body.etenendrinken-page .bekij-onze__heading span {
  display: inline-block;
  /* The two coloured title parts are stored separately in ACF.  Keep the
   * visual join tight, just like the shared split-colour headings sitewide. */
  
  background: linear-gradient(90deg, #f9895b 0%, #f56c57 52%, #f44d4a 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
}

body.etenendrinken-page .bekij-onze__intro {
  max-width: 880px;
  margin: 0 0 20px;
  color: #501f3a;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

body.etenendrinken-page .bekij-onze__content > .be-row:first-child > .be-col-12 {
  padding-bottom: 45px;
}

body.etenendrinken-page .bekij-onze__cards {
  --be-grid-gutter-x: 48px;
  --be-grid-gutter-y: 34px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--be-grid-gutter-y) var(--be-grid-gutter-x);
  margin-inline: 0;
}

body.etenendrinken-page .bekij-onze__cards > article {
  width: auto;
  max-width: none;
  display: flex;
  margin-top: 0;
  padding-inline: 0;
}

body.etenendrinken-page .bekij-onze__card {
  width: 100%;
  min-width: 0;
  height: 230px;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(210px, 1.03fr);
  overflow: hidden;
  border: 1px solid rgba(80, 31, 58, 0.07);
  border-radius: 18px;
  background: #fff;
  box-shadow: 1px 0 6px 2px rgba(80, 31, 58, 0.11);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

body.etenendrinken-page .bekij-onze__card:hover {
  box-shadow: 0 10px 30px rgba(80, 31, 58, 0.15);
  transform: translateY(-2px);
}

body.etenendrinken-page .bekij-onze__card:focus-visible {
  box-shadow: 0 22px 48px rgba(80, 31, 58, 0.13), 0 7px 16px rgba(80, 31, 58, 0.07);
}

body.etenendrinken-page .bekij-onze__media {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  margin: 0;
}

body.etenendrinken-page .bekij-onze__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.etenendrinken-page .bekij-onze__price {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 86.4px;
  height: 86.4px;
  display: grid;
  place-items: center;
  background: url("../food-drink/bekij_onze/box-shape.svg") center / 100% 100% no-repeat;
  color: #fff;
  font-size: 15.6px;
  font-weight: 700;
  line-height: 1;
}

body.etenendrinken-page .bekij-onze__body {
  min-width: 0;
  padding: 28px 24px 24px 18px;
}

body.etenendrinken-page .bekij-onze__body h3 {
  margin: 0 0 10px;
  color: var(--bekij-title, #4b2439);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.12;
}

body.etenendrinken-page .bekij-onze__body p {
  margin: 0;
  color: #501f3a;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.55;
}

/* Lunchbuffetten carousel. */
body.etenendrinken-page .lunchbuffetten {
  overflow: hidden;
  padding: 88px 0 48px;
  background: #fff;
  color: #59213f;
}

body.etenendrinken-page .lunchbuffetten .be-container {
  padding-inline: 0;
}

body.etenendrinken-page .lunchbuffetten__head {
  margin-bottom: 38px;
}

body.etenendrinken-page .lunchbuffetten__head h4 {
  margin: 0 0 4px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

body.etenendrinken-page .lunchbuffetten__head h4 span {
  display: inline-block;
  
  background: linear-gradient(90deg, #f9895b 0%, #f56c57 52%, #f44d4a 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
}

body.etenendrinken-page .lunchbuffetten__intro {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

body.etenendrinken-page .lunchbuffetten__viewport {
  width: calc(100vw - max(18px, (100vw - 1300px) / 2));
  max-width: none;
  overflow: visible;
}

body.etenendrinken-page .lunchbuffetten__track {
  width: calc(100% + 12px);
  display: flex;
  gap: 30px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  margin-left: -12px;
  padding: 0 0 20px 12px;
  scroll-behavior: smooth;
  scroll-padding-left: 12px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

body.etenendrinken-page .lunchbuffetten__track::-webkit-scrollbar {
  display: none;
}

body.etenendrinken-page .lunchbuffetten__track.is-drag-ready {
  cursor: grab;
  scroll-snap-type: x mandatory;
  touch-action: pan-y pinch-zoom;
}

body.etenendrinken-page .lunchbuffetten__track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
  user-select: none;
}

body.etenendrinken-page .lunchbuffetten__track.is-dragging .product-card,
body.etenendrinken-page .lunchbuffetten__track.is-dragging .product-card *,
body.etenendrinken-page .lunchbuffetten__track.is-dragging .product-card *::before,
body.etenendrinken-page .lunchbuffetten__track.is-dragging .product-card *::after {
  cursor: grabbing !important;
}

body.etenendrinken-page .lunchbuffetten__track img {
  -webkit-user-drag: none;
  user-select: none;
}

body.etenendrinken-page .lunchbuffetten .product-card {
  position: relative;
  min-width: 0;
  flex: 0 0 365px;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(80, 31, 58, 0.11);
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

body.etenendrinken-page .lunchbuffetten .product-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

body.etenendrinken-page .lunchbuffetten .product-card__media {
  position: relative;
  aspect-ratio: 1.66 / 1;
}

body.etenendrinken-page .lunchbuffetten .product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.etenendrinken-page .lunchbuffetten .product-card__price {
  position: absolute;
  right: 16px;
  bottom: -31.2px;
  width: 79.2px;
  height: 79.2px;
  display: grid;
  place-content: center;
  border-radius: 0;
  background: url("../food-drink/etenendrinken/stage-padding-box-sec-shape.svg") center / contain no-repeat;
  color: #fff;
  line-height: 0.9;
  text-align: center;
}

body.etenendrinken-page .lunchbuffetten .product-card__price strong {
  padding-top: 9.6px;
  font-size: 16.8px;
}

body.etenendrinken-page .lunchbuffetten .product-card__price small {
  font-size: 15.6px;
}

body.etenendrinken-page .lunchbuffetten .product-card__body {
  padding: 24px 30px 36px;
}

body.etenendrinken-page .lunchbuffetten .product-card__body h3 {
  margin: 0 0 5px;
  font-size: 24px;
  line-height: 1.15;
}

body.etenendrinken-page .lunchbuffetten .product-card__title-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
}

body.etenendrinken-page .lunchbuffetten .product-card__people {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  line-height: 1;
}

body.etenendrinken-page .lunchbuffetten .product-card__people::before {
  content: "\1F465";
  position: relative;
  top: -2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
}

body.etenendrinken-page .lunchbuffetten .product-card__body p {
  margin: 18px 0 20px;
  font-size: 14px;
  line-height: 1.55;
}

body.etenendrinken-page .lunchbuffetten .product-card__body .be-button {
  min-width: 154px;
  min-height: 38px;
  justify-content: center;
  background: #ff5156;
  cursor: pointer;
  transition: background-color 180ms ease, transform 180ms ease;
}

body.etenendrinken-page .lunchbuffetten .product-card__body .be-button:hover,
body.etenendrinken-page .lunchbuffetten .product-card__body .be-button:focus-visible {
  background-color: #963a75;
  transform: translateY(-1px);
}

body.etenendrinken-page .lunchbuffetten .product-card:has(.be-button:focus-visible) {
  outline: 3px solid rgba(255, 131, 89, 0.75);
  outline-offset: 3px;
}

body.etenendrinken-page .lunchbuffetten__controls {
  width: min(100%, 1300px);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
}

body.etenendrinken-page .lunchbuffetten__controls button {
  position: relative;
  width: 42px;
  height: 42px;
  border: 1px solid #eadde3;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px auto;
  box-shadow: 0 6px 15px rgba(70, 32, 54, 0.12);
  color: transparent;
  font-size: 0;
  cursor: pointer;
  transition: opacity 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.etenendrinken-page .lunchbuffetten__controls button[data-lunch-prev] {
  background-image: url("../food-drink/etenendrinken/carousel-arrow-left-active.svg");
}

body.etenendrinken-page .lunchbuffetten__controls button[data-lunch-next] {
  background-image: url("../food-drink/etenendrinken/carousel-arrow-right-active.svg");
}

body.etenendrinken-page .lunchbuffetten__controls button:not(:disabled):hover,
body.etenendrinken-page .lunchbuffetten__controls button:not(:disabled):focus-visible {
  box-shadow: 0 9px 20px rgba(70, 32, 54, 0.16);
  transform: translateY(-1px);
}

body.etenendrinken-page .lunchbuffetten__controls button:disabled {
  visibility: visible;
  opacity: 1;
  border-color: rgba(143, 44, 75, 0.14);
  box-shadow: 0 4px 10px rgba(70, 32, 54, 0.08);
  cursor: default;
  transform: none;
}

body.etenendrinken-page .lunchbuffetten__controls button[data-lunch-prev]:disabled {
  background-image: url("../food-drink/etenendrinken/carousel-arrow-left.svg");
}

body.etenendrinken-page .lunchbuffetten__controls button[data-lunch-next]:disabled {
  background-image: url("../food-drink/etenendrinken/carousel-arrow-right.svg");
}

/* Diet CTA. */
body.etenendrinken-page .heb-jij {
  position: relative;
  overflow: hidden;
  padding: 18px 0 20px;
  background: linear-gradient(to bottom, #fff 54%, #fff3ee 54%);
}

body.etenendrinken-page .heb-jij .be-container {
  width: min(calc(100% - 160px), 1300px);
  padding-inline: 0;
}

body.etenendrinken-page .heb-jij__panel {
  --heb-jij-photo-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1211' height='1128' viewBox='0 0 1211 1128'%3E%3Cpath d='M 1135.09 965.546 C 1116.765 990.192, 1095.143 1011.119, 1070.823 1027.761 C 900.463 1144.339, 651.785 1160.26, 405.613 1070.352 C 201.671 995.864, 46.532 863.588, 10.385 733.366 C -18.227 630.323, 12.088 514.746, 98.052 399.13 C 274.491 161.83, 648.235 -33.518, 852.596 4.74 C 962.719 25.363, 1067.316 143.118, 1139.577 327.82 C 1220.179 533.843, 1250.048 810.934, 1135.09 965.546 Z' fill='black'/%3E%3C/svg%3E");
  position: relative;
  isolation: isolate;
  min-height: 414px;
  align-items: center;
  overflow: hidden;
  border-radius: 21px;
  background-color: #ff895e;
  box-shadow: 0 0 6px 4px rgba(80, 31, 58, 0.15);
}

body.etenendrinken-page .heb-jij__panel::before,
body.etenendrinken-page .heb-jij__panel::after {
  position: absolute;
  z-index: 0;
  background: var(--heb-jij-shape, url("../food-drink/heb-jij/image content sec shape.svg")) center / cover no-repeat;
  content: "";
  pointer-events: none;
}

body.etenendrinken-page .heb-jij__panel::before {
  top: 0;
  left: 0;
  width: 380px;
  height: 165px;
}

body.etenendrinken-page .heb-jij__panel::after {
  bottom: 0;
  left: 238px;
  width: 365px;
  height: 152px;
}

body.etenendrinken-page .heb-jij__media-col {
  position: relative;
  z-index: 1;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  padding: 16px 0 10px 38px;
}

body.etenendrinken-page .heb-jij__media {
  width: min(100%, 420px);
  overflow: hidden;
  margin: 0;
  aspect-ratio: 1.07 / 1;
  mask-image: var(--heb-jij-photo-mask);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-image: var(--heb-jij-photo-mask);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}

body.etenendrinken-page .heb-jij__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
}

body.etenendrinken-page .heb-jij__content {
  position: relative;
  z-index: 1;
  padding: 52px 88px 52px 70px;
  color: #fff;
}

body.etenendrinken-page .heb-jij__content h4 {
  margin: 0 0 14px;
  color: #501f3a;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
}

body.etenendrinken-page .heb-jij__content h4 span {
  color: #fff;
}

body.etenendrinken-page .heb-jij__content p {
  max-width: 485px;
  margin: 0 0 23px;
  color: #fff;
  font-size: 16px;
  line-height: 1.55;
}

body.etenendrinken-page .heb-jij__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

body.etenendrinken-page .heb-jij__actions a {
  min-width: 182px;
  min-height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 23px;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.etenendrinken-page .heb-jij__actions a img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  object-fit: contain;
}

body.etenendrinken-page .heb-jij__actions a:hover,
body.etenendrinken-page .heb-jij__actions a:focus-visible {
  background: #fff;
  box-shadow: 0 10px 24px rgba(80, 31, 58, 0.14);
  color: #501f3a;
  transform: translateY(-1px);
}

/* Dinner buffet cards. */
body.etenendrinken-page .dinnerbuffetten {
  padding: 65px 0 82px;
  background: #fff4ef;
  color: #57213f;
}

body.etenendrinken-page .dinnerbuffetten .be-container,
body.etenendrinken-page .bbqs .be-container {
  width: min(calc(100% - 160px), 1300px);
  padding-inline: 0;
}

body.etenendrinken-page .dinnerbuffetten__head {
  margin-bottom: 36px;
}

body.etenendrinken-page .dinnerbuffetten__head h4 {
  margin: 0 0 5px;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
}

body.etenendrinken-page .dinnerbuffetten__head h4 span {
  display: inline-block;
  
  background: linear-gradient(90deg, #f9895b 0%, #f56c57 52%, #f44d4a 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
}

body.etenendrinken-page .dinnerbuffetten__intro {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

body.etenendrinken-page .dinnerbuffetten__grid {
  row-gap: 33px;
}

body.etenendrinken-page .dinner-card {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 5px 10px rgba(80, 31, 58, 0.11);
}

body.etenendrinken-page .dinner-card__media {
  position: relative;
  height: 190px;
  overflow: visible;
}

body.etenendrinken-page .dinner-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.etenendrinken-page .dinner-card__media > span {
  position: absolute;
  right: 10px;
  bottom: -21.6px;
  width: 79.2px;
  height: 79.2px;
  display: grid;
  place-content: center;
  border-radius: 0;
  background: url("../food-drink/Hapjes/grid-box-shape.svg") center / contain no-repeat;
  color: #fff;
  line-height: 0.85;
  text-align: center;
}

body.etenendrinken-page .dinner-card__media strong {
  padding-top: 9.6px;
  font-size: 14.4px;
}

body.etenendrinken-page .dinner-card__media small {
  font-size: 12px;
}

body.etenendrinken-page .dinner-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 17px 17px 25px;
}

body.etenendrinken-page .dinner-card__body h3 {
  min-height: 25px;
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 1.15;
}

body.etenendrinken-page .dinner-card__people {
  display: block;
  font-size: 10px;
}

body.etenendrinken-page .dinner-card__people::before {
  margin-right: 7px;
  content: "\1F465";
}

body.etenendrinken-page .dinner-card__body p {
  margin: 13px 0;
  font-size: 13px;
  line-height: 1.45;
}

body.etenendrinken-page .dinner-card__body a.dinner-card__cta {
  margin-top: auto;
  align-self: flex-start;
  min-width: 166px;
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 999px;
  background: #ff8759;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.18s, color 0.18s, box-shadow 0.18s, transform 0.18s;
}

body.etenendrinken-page .dinner-card__title-link {
  color: inherit;
  text-decoration: none;
}

body.etenendrinken-page .dinner-card__title-link:focus-visible {
  outline: 3px solid rgba(255, 131, 89, 0.75);
  outline-offset: 3px;
}

body.etenendrinken-page .dinner-card__body a.dinner-card__cta:hover,
body.etenendrinken-page .dinner-card__body a.dinner-card__cta:focus-visible {
  background: #963a75 !important;
  transform: translateY(-1px) !important;
}

body.etenendrinken-page .dinner-card:has(.dinner-card__body a:focus-visible) {
  outline: 3px solid rgba(255, 131, 89, 0.75);
  outline-offset: 3px;
}

/* BBQ cards. */
body.etenendrinken-page .bbqs {
  padding: 55px 0 33px;
  background: #fff;
  color: #57213f;
}

body.etenendrinken-page .bbqs__head {
  margin-bottom: 37px;
}

body.etenendrinken-page .bbqs__head h4 {
  margin: 0 0 6px;
  color: #57213f;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
  display: inline-block;
}

body.etenendrinken-page .bbqs__head h4 span {
  display: inline-block;
  background: linear-gradient(90deg, #f9895b 0%, #f56c57 52%, #f44d4a 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.etenendrinken-page .bbqs__intro {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

body.etenendrinken-page .bbqs__grid {
  --be-grid-gutter-x: 44px;
  row-gap: 26px;
}

body.etenendrinken-page .bbq-card {
  position: relative;
  min-height: 198px;
  display: flex;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(80, 31, 58, 0.13);
}

body.etenendrinken-page .bbq-card__link {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
}

body.etenendrinken-page .bbq-card__link:focus-visible {
  outline: 3px solid rgba(255, 131, 89, 0.75);
  outline-offset: -3px;
}

body.etenendrinken-page .bbq-card__media {
  position: relative;
  flex: 0 0 50%;
  overflow: hidden;
  margin: 0;
}

body.etenendrinken-page .bbq-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none;
}

body.etenendrinken-page .bbq-card__price {
  position: absolute;
  top: 12px;
  left: 14px;
  z-index: 1;
  width: 76.8px;
  height: 72px;
  display: grid;
  place-items: center;
  background: url("../food-drink/Hapjes/grid-box-shape.svg") center / contain no-repeat;
  color: #fff;
  font-size: 14.4px;
  font-weight: 700;
  line-height: 1;
}

body.etenendrinken-page .bbq-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 22px 20px 22px 16px;
}

body.etenendrinken-page .bbq-card__body h3 {
  margin: 0 0 5px;
  font-size: 22px;
  line-height: 1.15;
}

body.etenendrinken-page .bbq-card__people {
  font-size: 10px;
}

body.etenendrinken-page .bbq-card__people::before {
  margin-right: 7px;
  content: "\1F465";
}

body.etenendrinken-page .bbq-card__body p {
  margin: 23px 0 0;
  font-size: 13px;
  line-height: 1.48;
}

/* Hapjes grid. */
body.etenendrinken-page .hapjes-section {
  padding: 5px 0 20px;
  background: var(--be-white);
  font-family: var(--be-font);
}

body.etenendrinken-page .hapjes-section .be-container {
  width: min(calc(100% - 160px), 1300px);
  padding-inline: 0;
}

body.etenendrinken-page .hapjes-section__head {
  margin-bottom: 34px;
}

body.etenendrinken-page .hapjes-section__title {
  display: inline-block;
  margin: 0;
  padding-bottom: 0;
  color: var(--be-plum);
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
}

body.etenendrinken-page .hapjes-section__title span {
  background: linear-gradient(90deg, #fb8d5a 0%, #f84b4c 100%);
  background-clip: text;
  color: #fb745f;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.etenendrinken-page .hapjes-section__intro {
  margin: 5px 0 0;
  color: var(--be-plum);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.45;
}

body.etenendrinken-page .hapjes-section__grid {
  --be-grid-gutter-x: 25px;
  --be-grid-gutter-y: 25px;
}

body.etenendrinken-page .hapjes-card {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 18px;
  background: var(--be-white);
  box-shadow: 0 5px 10px rgba(80, 31, 58, 0.11);
}

body.etenendrinken-page .hapjes-card__link {
  position: absolute;
  inset: 0;
  z-index: 3;
  border-radius: inherit;
}

body.etenendrinken-page .hapjes-card__link:focus-visible {
  outline: 3px solid rgba(255, 131, 89, 0.75);
  outline-offset: -3px;
}

body.etenendrinken-page .hapjes-card__media {
  position: relative;
  height: 100px;
  overflow: hidden;
}

body.etenendrinken-page .hapjes-card__media img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

body.etenendrinken-page .hapjes-card__price {
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 1;
  width: 64px;
  height: 60px;
  display: grid;
  place-items: center;
  background: url("../food-drink/Hapjes/grid-box-shape.svg") center / contain no-repeat;
  color: var(--be-white);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

body.etenendrinken-page .hapjes-card__body {
  padding: 15px 20px 22px;
}

body.etenendrinken-page .hapjes-card h3 {
  margin: 0;
  color: #501f3a;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}

body.etenendrinken-page .hapjes-card p {
  margin: 0;
  color: #501f3a;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.45;
}

/* Drankafkoop. */
body.etenendrinken-page .drankafkoop-section {
  padding: 76px 0 245px;
  background: var(--be-white);
  font-family: var(--be-font);
}

body.etenendrinken-page .drankafkoop-section .be-container {
  width: min(calc(100% - 160px), 1300px);
  padding-inline: 0;
}

body.etenendrinken-page .drankafkoop-section__head {
  margin-bottom: 42px;
}

body.etenendrinken-page .drankafkoop-section__title {
  display: inline-block;
  margin: 0;
  padding-bottom: 0;
  color: var(--be-plum);
  font-size: 44px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}

body.etenendrinken-page .drankafkoop-section__title span {
  background: linear-gradient(90deg, #fb8d5a 0%, #f84b4c 100%);
  background-clip: text;
  color: #fb745f;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

body.etenendrinken-page .drankafkoop-section__intro {
  margin: 5px 0 0;
  color: var(--be-plum);
  font-family: var(--be-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.45;
}

body.etenendrinken-page .drankafkoop-section__layout {
  --be-grid-gutter-x: 50px;
  --be-grid-gutter-y: 34px;
  align-items: flex-start;
}

body.etenendrinken-page .drankafkoop-section__cards {
  display: grid;
  gap: 20px;
}

body.etenendrinken-page .drankafkoop-card {
  border-radius: 21px;
  background: var(--be-white);
  box-shadow: 0 2px 5px 2px rgba(80, 31, 58, 0.11);
}

body.etenendrinken-page .drankafkoop-card__inner {
  padding: 21px 27px 16px;
}

body.etenendrinken-page .drankafkoop-card h3 {
  margin: 0 0 10px;
  color: #501f3a;
  font-family: var(--be-font);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}

body.etenendrinken-page .drankafkoop-card p {
  margin: 0;
  color: #501f3a;
  font-family: var(--be-font);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.45;
}

body.etenendrinken-page .drankafkoop-card__price {
  display: block;
  margin-top: 9px;
  color: #ff5b62;
  font-family: var(--be-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

body.etenendrinken-page .drankafkoop-card--cta .drankafkoop-card__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 11px 15px 7px 27px;
}

body.etenendrinken-page .drankafkoop-card--cta h3 {
  margin: 0;
}

body.etenendrinken-page .drankafkoop-section__button {
  position: relative;
  box-sizing: border-box;
  width: 160px;
  height: 56px;
  min-height: 56px;
  display: block;
  flex: 0 0 auto;
  padding: 12px 12px 0;
  border-radius: 14px;
  background: #f78b59;
  color: var(--be-white);
  font-family: var(--be-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.etenendrinken-page .drankafkoop-section__button::before {
  content: none;
}

body.etenendrinken-page .drankafkoop-section__button::after {
  position: absolute;
  right: 11px;
  bottom: 7px;
  width: 47px;
  height: 15px;
  background: url("../food-drink/Drankafkoop/btn-shape-arrow.svg") center / contain no-repeat;
  content: "";
}

body.etenendrinken-page .drankafkoop-section__image-wrap {
  position: relative;
  top: 0;
  width: min(100%, calc(var(--drankafkoop-stack-height, 520px) * 0.72));
  height: var(--drankafkoop-stack-height, 520px);
  min-height: 0;
  align-self: flex-start;
  margin: 0 0 0 auto;
  filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.23));
}

body.etenendrinken-page .drankafkoop-section__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  width: 100%;
  height: var(--drankafkoop-stack-height, 520px);
  min-height: var(--drankafkoop-stack-height, 520px);
  max-height: var(--drankafkoop-stack-height, 520px);
  display: block;
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
}

body.etenendrinken-page .drankafkoop-section__menu-button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 176px;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 18px;
  border-radius: 10px;
  background: var(--be-white);
  box-shadow: 0 0 51px rgba(0, 0, 0, 0.23);
  color: #ff5b62;
  font-family: var(--be-font);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.12;
  text-align: center;
  text-decoration: none;
  transform: translate(-50%, -50%);
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.etenendrinken-page .drankafkoop-section__button:hover,
body.etenendrinken-page .drankafkoop-section__button:focus-visible {
  background: var(--be-plum-soft);
  box-shadow: 0 10px 24px rgba(80, 31, 58, 0.16);
  color: var(--be-white);
  transform: translateY(-1px);
}

body.etenendrinken-page .drankafkoop-section__menu-button:hover,
body.etenendrinken-page .drankafkoop-section__menu-button:focus-visible {
  background: var(--be-plum-soft);
  box-shadow: 0 12px 28px rgba(80, 31, 58, 0.22);
  color: var(--be-white);
  transform: translate(-50%, calc(-50% - 1px));
}

@media (min-width: 1025px) {
  body.etenendrinken-page .dinnerbuffetten__grid > .be-col-lg-3,
  body.etenendrinken-page .hapjes-section__grid > .be-col-lg-3 {
    width: 25%;
    flex: 0 0 auto;
  }
}

@media (min-width: 1201px) {
  body.etenendrinken-page .bekij-onze__card {
    height: 230px;
    min-height: 230px;
    max-height: 230px;
  }
}

@media (min-width: 768px) {
  body.etenendrinken-page .drankafkoop-section__content-col {
    width: 66%;
    flex: 0 0 auto;
  }

  body.etenendrinken-page .drankafkoop-section__image-col {
    width: 34%;
    display: flex;
    flex: 0 0 auto;
    align-self: flex-start;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0;
  }
}

@media (max-width: 1500px) and (min-width: 1201px) {
  body.etenendrinken-page .bekij-onze .be-container,
  body.etenendrinken-page .food-navigation .be-container,
  body.etenendrinken-page .food-reception .be-container,
  body.etenendrinken-page .heb-jij .be-container,
  body.etenendrinken-page .dinnerbuffetten .be-container,
  body.etenendrinken-page .bbqs .be-container,
  body.etenendrinken-page .hapjes-section .be-container,
  body.etenendrinken-page .drankafkoop-section .be-container,
  body.etenendrinken-page .lunchbuffetten .be-container {
    width: min(calc(100% - 160px), 1300px);
    padding-inline: 0;
  }
}

@media (max-width: 1500px) and (min-width: 907px) {
  body.etenendrinken-page .bekij-onze__label {
    grid-row: 1;
    min-width: 0;
    align-self: center;
  }

  body.etenendrinken-page .bekij-onze__tab {
    width: 100%;
    min-height: 68px;
    gap: 9px;
    padding-inline: 10px;
    font-size: 15px;
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(1),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(2),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(3),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(4),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(5) {
    grid-row: 1;
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(6),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(7) {
    grid-row: 2;
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(6) {
    grid-column: 2;
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(7) {
    grid-column: 3;
  }

  body.etenendrinken-page .bekij-onze__tab img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 1410px) and (min-width: 768px) {
  body.etenendrinken-page .lunchbuffetten .card-row {
    width: 108% !important;
  }
}

@media (max-width: 1340px) and (min-width: 907px) {
  body.etenendrinken-page .bekij-onze__tabs-inner {
    display: grid;
    grid-template-columns: 150px repeat(5, minmax(0, 1fr));
    align-items: stretch;
  }
}

@media (max-width: 1200px) {
  body.etenendrinken-page .bekij-onze__label {
    min-width: 116px;
    font-size: 24px;
  }

  body.etenendrinken-page .bekij-onze__tab {
    gap: 8px;
    padding-inline: 10px;
    font-size: 15px;
  }

  body.etenendrinken-page .bekij-onze__tab img {
    width: 30px;
    height: 30px;
  }

  body.etenendrinken-page .bekij-onze__cards {
    --be-grid-gutter-x: 28px;
    grid-auto-rows: 1fr;
  }

  body.etenendrinken-page .bekij-onze__card {
    height: 100%;
    min-height: 230px;
    max-height: none;
  }

  body.etenendrinken-page .lunchbuffetten .product-card {
    flex-basis: calc((100vw - 72px) / 2.25);
  }

  body.etenendrinken-page .lunchbuffetten__track {
    gap: 24px;
  }
}

@media (max-width: 1200px) and (min-width: 1025px) {
  body.etenendrinken-page h4 {
    font-size: 38px !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
  }

  body.etenendrinken-page .bekij-onze .be-container,
  body.etenendrinken-page .food-navigation .be-container,
  body.etenendrinken-page .food-reception .be-container,
  body.etenendrinken-page .heb-jij .be-container,
  body.etenendrinken-page .dinnerbuffetten .be-container,
  body.etenendrinken-page .bbqs .be-container,
  body.etenendrinken-page .hapjes-section .be-container,
  body.etenendrinken-page .drankafkoop-section .be-container,
  body.etenendrinken-page .lunchbuffetten .be-container {
    width: min(calc(100% - 120px), 1300px);
    padding-inline: 0;
  }

  body.etenendrinken-page .drankafkoop-section__layout {
    --be-grid-gutter-x: 46px;
  }
}

@media (max-width: 1100px) and (min-width: 907px) {
  body.etenendrinken-page .bekij-onze__tabs-inner {
    grid-template-columns: 150px repeat(4, minmax(0, 1fr));
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(1),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(2),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(3),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(4) {
    grid-row: 1;
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(5),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(6),
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(7) {
    grid-row: 2;
  }

  body.etenendrinken-page .bekij-onze__tab:nth-of-type(5) { grid-column: 2; }
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(6) { grid-column: 3; }
  body.etenendrinken-page .bekij-onze__tab:nth-of-type(7) { grid-column: 4; }
}

@media (max-width: 1024px) {
  body.etenendrinken-page h4 {
    font-size: 36px !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
  }

  body.etenendrinken-page .bekij-onze__cards {
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
  }

  body.etenendrinken-page .bekij-onze__card {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  body.etenendrinken-page .heb-jij__content {
    padding: 45px 45px 45px 30px;
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  body.etenendrinken-page .bekij-onze .be-container,
  body.etenendrinken-page .food-navigation .be-container,
  body.etenendrinken-page .food-reception .be-container,
  body.etenendrinken-page .heb-jij .be-container,
  body.etenendrinken-page .dinnerbuffetten .be-container,
  body.etenendrinken-page .bbqs .be-container,
  body.etenendrinken-page .hapjes-section .be-container,
  body.etenendrinken-page .drankafkoop-section .be-container,
  body.etenendrinken-page .lunchbuffetten .be-container {
    width: min(calc(100% - 80px), 1300px);
    padding-inline: 0;
  }

  body.etenendrinken-page .hapjes-section {
    padding: 64px 0 72px;
  }

  body.etenendrinken-page .drankafkoop-section {
    padding: 64px 0 230px;
  }

  body.etenendrinken-page .drankafkoop-section__layout {
    --be-grid-gutter-x: 24px;
    --be-grid-gutter-y: 34px;
    align-items: flex-start;
  }

  body.etenendrinken-page .drankafkoop-section__content-col { width: 52%; }
  body.etenendrinken-page .drankafkoop-section__image-col { width: 48%; }
  body.etenendrinken-page .drankafkoop-section__image-wrap { width: 100%; }
}

@media (max-width: 906px) {
  body.etenendrinken-page .food-navigation {
    padding-bottom: 0;
  }

  body.etenendrinken-page .bekij-onze__content {
    padding-top: 62px;
  }

  body.etenendrinken-page .food-reception {
    padding-top: 0;
    padding-bottom: 24px;
  }

  body.etenendrinken-page .lunchbuffetten {
    padding-top: 36px;
  }

  body.etenendrinken-page .bekij-onze__tabs-inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.etenendrinken-page .bekij-onze__label {
    grid-column: 1 / -1;
    width: 100%;
    padding: 0 0 8px;
  }

  body.etenendrinken-page .bekij-onze__tab {
    width: 100%;
  }

  body.etenendrinken-page .bekij-onze__tab br {
    display: none;
  }

  body.etenendrinken-page .bekij-onze__tab span {
    white-space: nowrap;
  }

  body.etenendrinken-page .bekij-onze__card {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  }
}

@media (max-width: 768px) {
  body.etenendrinken-page .hero {
    padding: 60px 0 100px;
  }

  body.etenendrinken-page .heb-jij__panel {
    min-height: 0;
  }

  body.etenendrinken-page .heb-jij__panel::before { width: 62%; }
  body.etenendrinken-page .heb-jij__panel::after { left: 25%; width: 72%; }

  body.etenendrinken-page .heb-jij__media-col {
    padding: 28px 22px 0;
  }

  body.etenendrinken-page .heb-jij__media {
    width: min(100%, 405px);
  }

  body.etenendrinken-page .heb-jij__content {
    padding: 24px 28px 38px;
    text-align: center;
  }

  body.etenendrinken-page .heb-jij__content p {
    margin-right: auto;
    margin-left: auto;
  }

  body.etenendrinken-page .heb-jij__actions {
    justify-content: center;
  }

  body.etenendrinken-page .dinnerbuffetten {
    padding: 55px 0;
  }

  body.etenendrinken-page .dinnerbuffetten__head {
    margin-bottom: 28px;
  }

  body.etenendrinken-page .bbqs {
    padding: 55px 0 30px;
  }

  body.etenendrinken-page .bbqs__head {
    margin-bottom: 28px;
  }

  body.etenendrinken-page .bbq-card {
    flex-direction: column;
  }

  body.etenendrinken-page .bbq-card__media {
    flex-basis: auto;
    aspect-ratio: 1.7 / 1;
  }

  body.etenendrinken-page .bbq-card__body {
    padding: 24px;
  }

  body.etenendrinken-page .bbq-card__body p {
    margin-top: 15px;
  }
}

@media (max-width: 767px) and (min-width: 641px) {
  body.etenendrinken-page .bekij-onze__tabs-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.etenendrinken-page .bekij-onze__tab span { font-size: 15px; }
  body.etenendrinken-page .bekij-onze__tab img { width: 28px; height: 28px; }
}

@media (max-width: 767px) {
  body.etenendrinken-page .bekij-onze .be-container,
  body.etenendrinken-page .food-navigation .be-container,
  body.etenendrinken-page .food-reception .be-container,
  body.etenendrinken-page .heb-jij .be-container,
  body.etenendrinken-page .dinnerbuffetten .be-container,
  body.etenendrinken-page .bbqs .be-container,
  body.etenendrinken-page .hapjes-section .be-container,
  body.etenendrinken-page .drankafkoop-section .be-container,
  body.etenendrinken-page .lunchbuffetten .be-container {
    width: min(calc(100% - 40px), 1300px);
    padding-inline: 0;
  }

  body.etenendrinken-page .hapjes-section {
    padding: 25px 0 60px;
  }

  body.etenendrinken-page .hapjes-section__head {
    margin-bottom: 26px;
  }

  body.etenendrinken-page .drankafkoop-section__head {
    margin-bottom: 28px;
  }

  body.etenendrinken-page .hapjes-section__title,
  body.etenendrinken-page .drankafkoop-section__title {
    font-size: 40px;
  }

  body.etenendrinken-page .hapjes-section__intro,
  body.etenendrinken-page .drankafkoop-section__intro {
    font-size: 14px;
  }

  body.etenendrinken-page .hapjes-card__body {
    padding: 20px 20px 24px;
  }

  body.etenendrinken-page .drankafkoop-section {
    padding: 15px 0 180px;
  }

  body.etenendrinken-page .drankafkoop-section__layout {
    --be-grid-gutter-x: 25px;
    --be-grid-gutter-y: 28px;
  }

  body.etenendrinken-page .drankafkoop-card__inner {
    padding: 22px 20px;
  }

  body.etenendrinken-page .drankafkoop-card h3 {
    font-size: 22px;
  }

  body.etenendrinken-page .drankafkoop-card--cta .drankafkoop-card__inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px 20px;
  }

  body.etenendrinken-page .drankafkoop-section__image-col {
    width: 100%;
  }

  body.etenendrinken-page .drankafkoop-section__image-wrap {
    width: 100%;
    height: auto;
    min-height: 0;
    max-width: none;
    margin-inline: auto;
    aspect-ratio: 0.72 / 1;
  }

  body.etenendrinken-page .drankafkoop-section__image {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 0.72 / 1;
  }
}

@media (max-width: 640px) {
  body.etenendrinken-page h4 {
    font-size: 32px !important;
  }

  body.etenendrinken-page .bekij-onze__tabs {
    border-radius: 18px;
  }

  body.etenendrinken-page .bekij-onze__tabs-inner {
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 28px 16px;
  }

  body.etenendrinken-page .bekij-onze__label { font-size: 24px; }

  body.etenendrinken-page .bekij-onze__tab {
    min-height: 54px;
    gap: 8px;
    padding: 10px 12px;
  }

  body.etenendrinken-page .bekij-onze__tab img { width: 28px; height: 28px; }
  body.etenendrinken-page .bekij-onze__tab span { font-size: 15px; }

  body.etenendrinken-page .bekij-onze__card {
    grid-template-columns: minmax(0, 1fr);
  }

  body.etenendrinken-page .bekij-onze__media {
    width: 100%;
    height: 300px;
    min-height: 0;
    aspect-ratio: auto;
  }

  body.etenendrinken-page .bekij-onze__body {
    padding: 30px 22px 34px;
  }

  body.etenendrinken-page .lunchbuffetten {
    padding: 15px 0 50px;
  }

  body.etenendrinken-page .lunchbuffetten__head {
    margin-bottom: 26px;
  }

  body.etenendrinken-page .lunchbuffetten__viewport {
    width: calc(100vw - 18px);
  }

  body.etenendrinken-page .lunchbuffetten .product-card {
    flex-basis: calc(100vw - 62px);
  }

  body.etenendrinken-page .lunchbuffetten .product-card__body {
    padding: 22px 22px 28px;
  }

  body.etenendrinken-page .lunchbuffetten .product-card__body h3 {
    font-size: 21px;
  }
}

@media (max-width: 560px) {
  body.etenendrinken-page .bekij-onze__media {
    height: 260px;
  }
}

@media (max-width: 480px) {
  body.etenendrinken-page .bekij-onze__tabs-inner {
    grid-template-columns: minmax(0, 1fr);
    padding-block: 32px;
  }

  body.etenendrinken-page .heb-jij {
    padding: 12px 0;
  }

  body.etenendrinken-page .heb-jij__panel {
    border-radius: 17px;
  }

  body.etenendrinken-page .heb-jij__content {
    padding: 20px 20px 30px;
  }

  body.etenendrinken-page .heb-jij__content p {
    font-size: 14px;
  }

  body.etenendrinken-page .heb-jij__actions a {
    width: 100%;
  }
}

@media (max-width: 390px) {
  body.etenendrinken-page .bekij-onze__heading {
    font-size: 31px;
  }

  body.etenendrinken-page .bekij-onze__media {
    height: 220px;
  }
}

/* Source three-icon panel, mapped to the shared ACF feature component. */
body.etenendrinken-page .legendarisch-icon-box {
  padding: 78px 0 72px;
}

body.etenendrinken-page .legendarisch-icon-box .be-container {
  width: min(calc(100% - 160px), 1300px);
}

body.etenendrinken-page .legendarisch-icon-box__panel {
  padding: 45px 85px 90px;
  box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
}

body.etenendrinken-page .legendarisch-icon-box__header {
  margin-bottom: 55px;
}

body.etenendrinken-page .legendarisch-icon-box__title {
  font-size: 44px;
}

body.etenendrinken-page .legendarisch-icon-box__subtitle {
  font-size: 17px !important;
}

body.etenendrinken-page .legendarisch-icon-box__subtitle > p {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

body.etenendrinken-page .legendarisch-icon-box__items {
  --be-grid-gutter-x: 34px;
}

body.etenendrinken-page .legendarisch-icon-box__icon {
  height: 34px;
  margin-bottom: 18px;
}

body.etenendrinken-page .legendarisch-icon-box__item h3 {
  margin-bottom: 5px;
}

body.etenendrinken-page .legendarisch-icon-box__item p {
  max-width: 340px;
  padding: 0;
}

@media (max-width: 1500px) and (min-width: 1201px) {
  body.etenendrinken-page .legendarisch-icon-box .be-container {
    width: min(calc(100% - 160px), 1300px);
  }
}

@media (max-width: 1200px) and (min-width: 1025px) {
  body.etenendrinken-page .legendarisch-icon-box .be-container {
    width: min(calc(100% - 120px), 1300px);
  }
}

@media (max-width: 1024px) and (min-width: 768px) {
  body.etenendrinken-page .legendarisch-icon-box .be-container {
    width: min(calc(100% - 80px), 1300px);
  }
}

@media (max-width: 1024px) {
  body.etenendrinken-page .legendarisch-icon-box {
    padding: 60px 0;
  }

  body.etenendrinken-page .legendarisch-icon-box__panel {
    padding: 45px 40px 60px;
  }

  body.etenendrinken-page .legendarisch-icon-box__header {
    margin-bottom: 40px;
  }

  body.etenendrinken-page .legendarisch-icon-box__subtitle {
    font-size: 16px !important;
  }

  body.etenendrinken-page .legendarisch-icon-box__items {
    --be-grid-gutter-x: 28px;
    --be-grid-gutter-y: 40px;
  }

  body.etenendrinken-page .legendarisch-icon-box__icon {
    height: 34px;
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  body.etenendrinken-page .legendarisch-icon-box .be-container {
    width: min(calc(100% - 40px), 1300px);
  }
}

@media (max-width: 640px) {
  body.etenendrinken-page .legendarisch-icon-box {
    padding: 48px 0;
  }

  body.etenendrinken-page .legendarisch-icon-box__panel {
    padding: 45px 40px 60px;
  }

  body.etenendrinken-page .legendarisch-icon-box__title {
    font-size: 32px;
  }

  body.etenendrinken-page .legendarisch-icon-box__subtitle {
    font-size: 15px !important;
  }

  body.etenendrinken-page .legendarisch-icon-box__items {
    --be-grid-gutter-x: 28px;
    --be-grid-gutter-y: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.etenendrinken-page .lunchbuffetten__track {
    scroll-behavior: auto;
  }
}

/* Keep the full price line bold, including cached legacy markup. */
body.etenendrinken-page .drankafkoop-card__price {
  font-weight: 700 !important;
}

body.etenendrinken-page .drankafkoop-card__price > strong {
  font-weight: 700 !important;
}

body.etenendrinken-page .heb-jij__panel::before,
body.etenendrinken-page .heb-jij__panel::after {
  background-size: contain;
}

body.etenendrinken-page .heb-jij__panel::after {
  bottom: -15px;
  left: 240px;
}

body.etenendrinken-page .heb-jij__panel::before {
  top: -15px;
}

@media (max-width: 767px) {
  body.etenendrinken-page .heb-jij__panel::before {
    top: -35px;
  }

  body.etenendrinken-page .heb-jij__panel::after {
    bottom: -25px;
  }
}

body.etenendrinken-page .drankafkoop-card--cta .drankafkoop-card__inner {
  padding: 18px 20px 18px 27px;
}

body.etenendrinken-page .hapjes-section {
  padding: 60px 0 20px;
}