.section--reservation {
  --reservation-accent: #EBB667;
  --reservation-dark: #0A1B12;
  padding-block: 96px;
}

body.home .section--reservation[data-deferred-background] {
  background-image: none;
}

body.home .section--reservation[data-deferred-background].is-background-loaded {
  background-image: url('../../images/a10/reservation-desktop-a10-1600.webp');
  background-image: image-set(
    url('../../images/a10/reservation-desktop-a10-1600.webp') 1x,
    url('../../images/a10/reservation-desktop-a10-3200.webp') 2x
  );
}

.section--reservation > .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 42px;
}

.section--reservation .section__header--reservation {
  margin-bottom: 0;
}

.section--reservation .restocraft-booking-host {
  position: relative;
  top: auto;
  right: auto;
  width: min(438px, 100%);
  max-width: 100%;
  margin-inline: auto;
  transform: none;
  text-align: left;
}

@media (max-width: 1023px) {
  .section--reservation {
    padding-block: 72px;
  }
}

@media (max-width: 767px) {
  body.home .section--reservation[data-deferred-background].is-background-loaded {
    background-image: url('../../images/a10/reservation-mobile-a10-480.webp');
    background-image: image-set(
      url('../../images/a10/reservation-mobile-a10-480.webp') 1x,
      url('../../images/a10/reservation-mobile-a10-960.webp') 2x
    );
  }

  .section--reservation {
    padding-block: 52px;
  }

  .section--reservation > .container {
    gap: 32px;
  }
}