/* Brikki's boek. Bouwt voort op home.css. */
.boek-main{gap:var(--between)}
.boek-main>*{min-width:0}

/* Blauw huisje rechtsboven: terug naar home */
.boek-nav{display:flex;justify-content:flex-end;align-items:center;min-height:58px}
.home-link{position:relative;display:block;width:62px;height:58px;-webkit-tap-highlight-color:transparent}
.home-icon{position:absolute;right:6px;bottom:3px;width:42px;height:34px;background:var(--blue);transition:transform .2s ease}
.home-icon::before{content:'';position:absolute;left:-7px;top:-22px;border-right:28px solid transparent;border-bottom:24px solid var(--blue);border-left:28px solid transparent}
.home-link:hover .home-icon{transform:scale(1.06)}

/* Filmpje van Vimeo */
.pic.video iframe{display:block;width:100%;height:100%;border:0}

/* Voorkant bij Bestellen */
.cover{display:block;width:min(220px,60%);margin-bottom:clamp(18px,2.4vw,26px)}
.cover img{transition:transform .35s ease}
.cover:hover img{transform:scale(1.03)}

/* Fotostrook: vegen of met de gele knoppen bladeren */
.strip-wrap{position:relative;margin:clamp(18px,2.4vw,26px) 0}
.strip-wrap:last-child{margin-bottom:0}
.strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:4px}
.strip::-webkit-scrollbar{display:none}
.strip img{flex:0 0 auto;width:auto;height:clamp(220px,46vw,360px);scroll-snap-align:start;background:var(--turquoise)}
.strip.pages img{height:clamp(260px,56vw,420px);filter:brightness(.97)}
.strip-btn{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:var(--yellow);box-shadow:0 10px 28px -6px rgb(0 0 0 / .28);cursor:pointer;transition:opacity .2s ease,transform .2s ease}
.strip-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}
.strip-btn.prev{left:-12px}.strip-btn.prev::before{border-right:14px solid var(--black);transform:translate(-62%,-50%)}
.strip-btn.next{right:-12px}.strip-btn.next::before{border-left:14px solid var(--black);transform:translate(-38%,-50%)}
.strip-btn:hover{transform:scale(1.08)}
.strip-btn[disabled]{opacity:0;pointer-events:none}
.strip:focus-visible{outline:4px solid var(--blue);outline-offset:4px}

/* Blokken zonder tekst eronder: geen extra ruimte onder de foto, en een fotostrook direct onder de kop */
.block>.pic:last-child{margin-bottom:0}
.block>h2+.strip-wrap{margin-top:0}

/* Recensies */
.reviews .intro{margin-bottom:24px}

@media (hover:none){.home-link:hover .home-icon,.strip-btn:hover,.cover:hover img{transform:none}}
@media (prefers-reduced-motion:reduce){.strip{scroll-behavior:auto}}

/* Knop onder de stickerstrook: de halve ruimte erboven (11px in plaats van 22px) */
.knop.knop-online{margin-top:11px;width:fit-content;white-space:nowrap}
@media (max-width:440px){.knop.knop-online{font-size:min(22px,5vw);padding-inline:min(26px,4.5vw)}}