.bookzo-header {
  background-color: var(--color-white);
  --section__margin-bottom: 2rem;
}
.bookzo-header__container {
  position: relative;
  grid-column: 2 / -2;
}
.bookzo-header.--draad bookzo-object-part img {
  display: none;
}
@media (min-width: 64rem) {
  .bookzo-header .images-wrapper, .bookzo-header__images {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 26.875rem;
  }
}
.bookzo-header .images-wrapper .btn {
  display: none;
}
.bookzo-header .images-wrapper .item {
  border-radius: var(--border-radius-small);
}
.bookzo-header .images-wrapper .main-image {
  block-size: 100%;
  max-block-size: 31.875rem;
  object-position: left bottom;
}
.bookzo-header .images-wrapper .smaller-images {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-block-size: 100%;
  block-size: 100%;
}
.bookzo-header .images-wrapper .smaller-images img {
  aspect-ratio: 1.7695473251;
  object-position: bottom;
  max-block-size: 15.1875rem;
}
#site-content .bookzo-header .images-wrapper .smaller-images .item {
  max-width: 100%;
  flex: inherit;
}
.bookzo-header__images img {
  border-radius: var(--border-radius-small);
}
@media (max-width: 30rem) {
  .bookzo-header__images .--image-1 {
    display: flex;
    max-block-size: 20rem;
    min-block-size: 16rem;
    block-size: 100%;
  }
}
@media (min-width: 64rem) {
  .bookzo-header__images .--image-1 {
    grid-row-start: 1;
    grid-row-end: 3;
    max-block-size: 31.875rem;
  }
}
.bookzo-header__images .--image-1 img {
  object-position: left bottom;
}
.bookzo-header__images .--image-2, .bookzo-header__images .--image-3 {
  display: none;
}
@media (min-width: 64rem) {
  .bookzo-header__images .--image-2, .bookzo-header__images .--image-3 {
    display: block;
    max-block-size: 15.1875rem;
  }
  .bookzo-header__images .--image-2 .media__image img, .bookzo-header__images .--image-3 .media__image img {
    aspect-ratio: 1.7695473251;
    object-position: left bottom;
  }
}
@media (min-width: 64rem) {
  .bookzo-header__images .--image-2 {
    grid-row: 1;
  }
}
@media (min-width: 64rem) {
  .bookzo-header__images .--image-3 {
    grid-row: 2;
    grid-column: 2;
  }
}
.bookzo-header__images .media__image {
  block-size: 100%;
  --media__image-height: 100%;
  --media__image-object-fit: cover;
  cursor: pointer;
}
@media (max-width: 30rem) {
  .bookzo-header__images .media__image {
    block-size: auto;
  }
}
.bookzo-header__images .media__image img {
  aspect-ratio: 2;
}
.bookzo-header button.--primary {
  position: absolute;
  z-index: 1;
  inline-size: auto;
  inset: auto 0.5rem 3.625rem auto;
}
@media (max-width: 30rem) {
  .bookzo-header button.--primary {
    padding: 1rem;
  }
}
@media (max-width: 30rem) {
  .bookzo-header button.--primary .button__title {
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  }
}
#site-content .bookzo-header button.--primary:hover, #site-content .bookzo-header button.--primary:focus-visible {
  padding-inline-end: var(--button__padding-inline);
}
@media (max-width: 30rem) {
  #site-content .bookzo-header button.--primary:hover, #site-content .bookzo-header button.--primary:focus-visible {
    padding: 1rem;
  }
}
#site-content .bookzo-header button.--primary .icon {
  order: -1;
  position: unset;
  inset-inline-end: 0;
  inline-size: 1em;
}