/* Page-specific styles: Boeken / Book us */

.bk-events, .bk-steps, .bk-region, .bk-faq { background: #000; padding: 70px 0; }
.bk-steps { padding-top: 20px; }
.bk-region { padding: 20px 0 50px; }
.bk-region-text { max-width: 70ch; color: #ddd; font-size: 1.1rem; }
.bk-events .brush-title, .bk-steps .brush-title, .bk-region .brush-title, .bk-faq .brush-title { transform: rotate(-3deg); margin-bottom: 48px; }

.bk-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px; list-style: none; padding: 0; }
.bk-grid li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.bk-grid li { scroll-margin-top: 110px; }
.bk-card-title { font-family: var(--font-display); text-transform: uppercase; font-size: 1.8rem; line-height: 1.1; margin-bottom: 8px; }
.bk-grid p, .bk-steplist p { color: #ddd; }

.bk-steplist { list-style: none; padding: 0; counter-reset: step; display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.bk-steplist li { counter-increment: step; position: relative; padding-top: 64px; }
.bk-steplist li::before {
    content: counter(step);
    position: absolute; top: 0; left: 0;
    font-family: var(--font-display); font-size: 3.6rem; line-height: 1; color: var(--yellow);
    text-shadow: 3px 3px 0 var(--pink);
}

.bk-faq-list { max-width: 860px; margin: 0 auto; }
.bk-q { border-bottom: 2px solid #333; }
.bk-q summary {
    cursor: pointer; list-style: none; padding: 20px 44px 20px 0; position: relative;
    font-family: var(--font-ui); font-size: 1.15rem; text-transform: uppercase; letter-spacing: .02em;
}
.bk-q summary::-webkit-details-marker { display: none; }
.bk-q summary::after {
    content: '+'; position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
    font-family: var(--font-display); font-size: 2rem; color: var(--yellow);
}
.bk-q[open] summary::after { content: '\2013'; }
.bk-q summary:hover, .bk-q summary:focus-visible { color: var(--yellow); }
.bk-q p { padding: 0 0 22px; color: #ddd; max-width: 70ch; }

.page-boeken .band-book { padding: 100px 0; }
.page-boeken .band-book-wrap { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.page-boeken .band-book-text { font-family: var(--font-display); text-transform: uppercase; line-height: 1; font-size: clamp(2.2rem, 5vw, 4rem); transform: rotate(-3deg); text-shadow: 3px 3px 0 rgba(0,0,0,.6); }
.page-boeken .band-book-text span { display: block; color: var(--white); }
.page-boeken .band-book-text em { display: block; font-style: italic; color: var(--yellow); font-size: 1.12em; text-shadow: 3px 3px 0 #000; }
.page-boeken .band-book .btn { --btn-bw: 0px; border: none; box-shadow: 5px 5px 0 rgba(0,0,0,.6); }

@media (max-width: 1024px) {
    .bk-steplist { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .bk-grid, .bk-steplist { grid-template-columns: 1fr; }
    .page-boeken .band-book-wrap { justify-content: center; text-align: center; }
    .page-boeken .band-book { padding: 80px 0; }
    .page-boeken .band-book .btn { width: 100%; text-align: center; }
}