.zb-aanbieding{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:var(--zb-margin-top,24px);
  margin-bottom:var(--zb-margin-bottom,24px);
  min-height:var(--zb-height,280px);
  background-color:var(--zb-bg-color,#f7eedf);
  background-image:var(--zb-bg-image,none);
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
}
.zb-aanbieding::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
  pointer-events:none;
}
.zb-offer-inner{
  position:relative;
  z-index:1;
  max-width:1180px;
  min-height:var(--zb-height,280px);
  margin:0 auto;
  padding:28px clamp(20px,4vw,56px);
  display:grid;
  grid-template-columns:40% 60%;
  align-items:center;
  gap:26px;
}
.zb-layout-images-right .zb-offer-inner{
  grid-template-columns:60% 40%;
}
.zb-layout-images-right .zb-offer-products{
  order:2;
}
.zb-layout-images-right .zb-offer-copy{
  order:1;
}
.zb-layout-centered .zb-offer-inner{
  grid-template-columns:1fr;
  text-align:center;
  gap:10px;
}
.zb-layout-centered .zb-offer-products{
  order:1;
}
.zb-layout-centered .zb-offer-copy{
  order:2;
}
.zb-layout-soft-card .zb-offer-inner{
  grid-template-columns:40% 60%;
}
.zb-layout-soft-card .zb-offer-copy{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.55);
  border-radius:18px;
  padding:24px 28px;
  backdrop-filter:blur(3px);
}
.zb-offer-products{
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:0;
}
.zb-product-stack{
  position:relative;
  width:min(100%,330px);
  height:230px;
}

.zb-stack-item{
  position:absolute;
  top:50%;
  left:50%;
  display:inline-block;
  line-height:0;
  cursor:pointer;
  opacity:0;
  filter:drop-shadow(0 0 8px rgba(0,0,0,.18));
  transition:filter .2s ease;
  animation:zbBookFadeIn .45s ease forwards;
}

.zb-stack-item:hover,
.zb-stack-item:focus-visible{
  filter:
    drop-shadow(0 0 11px rgba(0,0,0,.26))
    drop-shadow(0 0 5px rgba(0,0,0,.18));
}

.zb-stack-item:hover .zb-product-thumb,
.zb-stack-item:focus-visible .zb-product-thumb{
  outline:1px solid rgba(255,255,255,.45);
  outline-offset:2px;
}

.zb-product-thumb{
  display:block;
  width:auto;
  max-width:none;
  border-radius:6px;
}

.zb-offer-copy{
  opacity:0;
  animation:zbTextFadeIn .35s ease forwards;
}

/* 1 boek */
.count-1 .item-1{
  z-index:3;
  transform:translate(-50%,-50%);
  animation-delay:.25s;
}
.count-1 .item-1 img{
  max-height:220px;
}

/* 2 boeken: item-2 achter, item-1 voor */
.count-2 .item-1{
  z-index:3;
  transform:translate(-34%,-50%);
  animation-delay:.70s;
}
.count-2 .item-1 img{
  max-height:220px;
}
.count-2 .item-2{
  z-index:2;
  transform:translate(-92%,-48%) scale(.82);
  animation-delay:.38s;
}
.count-2 .item-2 img{
  max-height:220px;
}

/* 3 boeken: item-3 achter, item-2 midden, item-1 voor */
.count-3 .item-1{
  z-index:4;
  transform:translate(-24%,-50%);
  animation-delay:.82s;
}
.count-3 .item-1 img{
  max-height:220px;
}
.count-3 .item-2{
  z-index:3;
  transform:translate(-78%,-48%) scale(.84);
  animation-delay:.56s;
}
.count-3 .item-2 img{
  max-height:220px;
}
.count-3 .item-3{
  z-index:2;
  transform:translate(-124%,-46%) scale(.70);
  animation-delay:.34s;
}
.count-3 .item-3 img{
  max-height:220px;
}

@keyframes zbTextFadeIn{
  from{
    opacity:0;
    transform:translateY(4px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes zbBookFadeIn{
  from{
    opacity:0;
  }
  to{
    opacity:1;
  }
}
.zb-offer-copy{
  min-width:0;
}
.zb-offer-text-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.zb-offer-headline{
  color:var(--zb-title-color,#fff);
  font-weight:300;
  font-size:clamp(2.1rem,5vw,4.6rem);
  line-height:1.02;
  letter-spacing:.01em;
  text-shadow:0 2px 12px rgba(0,0,0,.22);
}
.zb-offer-subline{
  margin-top:10px;
  color:var(--zb-text-color,#333);
  font-size:clamp(1rem,1.8vw,1.45rem);
  line-height:1.4;
  max-width:720px;
}
.zb-offer-valid{
  margin-top:10px;
  color:var(--zb-text-color,#333);
  font-size:.95rem;
  line-height:1.4;
  opacity:.9;
}
@media (max-width:760px){
  .zb-aanbieding{
    min-height:auto;
  }
  .zb-offer-inner,
  .zb-layout-images-right .zb-offer-inner,
  .zb-layout-soft-card .zb-offer-inner{
    grid-template-columns:1fr;
    min-height:auto;
    padding:24px 18px;
    gap:14px;
    text-align:center;
  }
  .zb-layout-images-right .zb-offer-products,
  .zb-layout-images-right .zb-offer-copy{
    order:initial;
  }
  .zb-product-stack{
    width:280px;
    max-width:100%;
    height:190px;
  }
  .count-1 .item-1 img,
  .count-2 .item-1 img,
  .count-2 .item-2 img,
  .count-3 .item-1 img,
  .count-3 .item-2 img,
  .count-3 .item-3 img{
    max-height:178px;
  }
  .zb-offer-headline{
    font-size:clamp(2rem,11vw,3.1rem);
  }
  .zb-offer-subline{
    margin-left:auto;
    margin-right:auto;
    font-size:1.05rem;
  }
  .zb-layout-soft-card .zb-offer-copy{
    padding:18px;
  }
}