/* Aanvullingen voor bundelpagina. Alleen laden op die pagina, anders overschrijven
   deze regels de basis op plekken waar dat niet de bedoeling is. */

.bhero{display:grid;grid-template-columns:1fr;gap:1.8rem;align-items:start;padding-block:1.2rem 2.8rem}
@media(min-width:900px){.bhero{grid-template-columns:1.02fr .98fr;gap:3.4rem}}
.bstage{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.6rem 1.2rem;display:flex;gap:.6rem;align-items:flex-end;justify-content:center}
.bstage img{width:32%;max-width:150px;height:auto}
.bstage img:nth-child(2){width:36%;max-width:168px}
.blist{list-style:none;padding:0;margin:1.3rem 0 0;display:flex;flex-direction:column;gap:.7rem}
.blist li{display:flex;gap:.75rem;align-items:flex-start;font-size:.98rem;line-height:1.5}
.blist li i{flex:none;width:20px;height:20px;border-radius:50%;background:var(--green-wash);color:var(--green-deep);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-style:normal;font-weight:700;margin-top:.15rem}
.blist li b{color:var(--ink);font-weight:600}
.bprice2{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--ink)}
.bprice2 .now{font-size:2rem;font-weight:700;color:var(--ink);line-height:1}
.bprice2 .was{font-size:1rem;color:var(--muted);text-decoration:line-through}
.bprice2 .pd{font-size:.86rem;color:var(--muted)}
/* Dit blok volgt direct op de beloftenbalk, die geen ruimte onder zich heeft.
   Daarom krijgt het zelf bovenmarge, even groot als de 3rem tussen alle blokken.
   Ondermarge zit al in .sect, dus de kaarten zelf hebben er geen. */
.sect-inhoud{padding-top:3rem}
.inhoud{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
@media(min-width:820px){
  .inhoud.kol-1{grid-template-columns:1fr}
  .inhoud.kol-2{grid-template-columns:repeat(2,1fr)}
  .inhoud.kol-3{grid-template-columns:repeat(3,1fr)}
}
.icell{background:var(--surface);padding:1.3rem 1.3rem 1.45rem;display:flex;flex-direction:column;gap:.3rem}
.icell .ipic{position:relative;background:#fff;border:1px solid var(--hair);border-radius:8px;padding:.6rem;margin-bottom:.7rem;display:flex;justify-content:center}
/* Zit een potje er twee of drie keer in, dan staat dat op het beeld. */
.icell .ipic .ikeer{position:absolute;right:.5rem;bottom:.5rem;min-width:1.6rem;padding:.1rem .4rem;border-radius:999px;background:var(--green-deep);color:#fff;font-size:.8rem;font-weight:700;line-height:1.5;text-align:center}
.icell .ipic img{width:100%;max-width:110px;height:auto}
.icell h3{font-size:1.02rem}
.icell .ifor{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);font-weight:600}
.icell .iqty{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .55rem;margin:.15rem 0 .35rem;font-size:.86rem;color:var(--body)}
.icell .iqty b{font-size:1.2rem;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.icell p{font-size:.92rem;line-height:1.55}
.icell .idose{margin-top:auto;padding-top:.7rem;font-size:.82rem;color:var(--muted);border-top:1px solid var(--hair)}
.dag{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden;margin-bottom:3rem}
.dag .dh{padding:1.15rem 1.3rem .9rem;border-bottom:1px solid var(--line)}
.dag .dh h2{font-size:1.25rem;margin-bottom:.25rem}
/* Geen max-width in ch meer op lopende tekst (Lars, 10-09): breed, minder hoogte. */
.dag .dh p{font-size:.93rem;color:var(--muted)}
.dagrow{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem 1.3rem;border-bottom:1px solid var(--hair);align-items:center}
.dag .dagrow:last-child{border-bottom:0}
.dagtime{font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;color:var(--green-deep);font-weight:600;white-space:nowrap;min-width:5.5rem}
.dagwhat{font-size:.98rem;line-height:1.45}
.dagwhat b{color:var(--ink);font-weight:600}
.dagwhat small{display:block;font-size:.8rem;color:var(--muted);margin-top:.12rem}
.vsbox{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:3rem}
table.vs2{border-collapse:collapse;width:100%;min-width:460px;font-size:.94rem}
table.vs2 th,table.vs2 td{padding:.8rem 1rem;border-bottom:1px solid var(--hair);text-align:left}
table.vs2 thead th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;border-bottom:1px solid var(--ink)}
table.vs2 td:first-child{color:var(--ink);font-weight:500;width:46%}
table.vs2 .c2{text-align:center;width:27%}
table.vs2 .mine2{background:var(--green-wash)}
table.vs2 thead .mine2{color:var(--green-deep);font-weight:700;border-bottom-color:var(--green-deep)}
table.vs2 tbody tr:last-child td{border-bottom:0}
table.vs2 .yes{color:var(--green-deep);font-weight:700;font-size:1.1rem}
table.vs2 .no{color:#C9CFC9;font-size:1.1rem}