/* Keuzehulp. Gedeelde basis (kleuren, radius) komt uit bfd-core.css van agent B; elke waarde heeft een terugval. */
.bfd-m{--m-ink:var(--bfd-ink,#1b2733);--m-mut:var(--bfd-muted,#4a5866);--m-line:var(--bfd-line,#d5dde4);--m-soft:var(--bfd-soft,#eef3f6);--m-c1:var(--bfd-c1,#0b5a7a);--m-cta:var(--bfd-cta,#C8460A);--m-r:var(--bfd-radius,14px);max-width:860px;margin:0 0 1.5rem;color:var(--m-ink)}
.bfd-m *,.bfd-m *:before,.bfd-m *:after{box-sizing:border-box}
.bfd-m [hidden]{display:none!important}
.bfd-m__lead{margin:0 0 1rem;font-size:1.05rem;line-height:1.55}
.bfd-m__off{padding:1rem;border:1px solid var(--bfd-line,#d5dde4);border-radius:12px}
.bfd-m__app{padding:1.2rem;border:1px solid var(--m-line);border-radius:var(--m-r);background:#fff;box-shadow:0 2px 12px rgba(20,40,60,.08)}
.bfd-m__p{display:grid;gap:.35rem;margin-bottom:1rem;color:var(--m-mut);font-size:.95rem}
.bfd-m progress{width:100%;height:10px;border:0;border-radius:99px;background:var(--m-soft);accent-color:var(--m-c1);overflow:hidden}
.bfd-m progress::-webkit-progress-bar{background:var(--m-soft);border-radius:99px}
.bfd-m progress::-webkit-progress-value{background:var(--m-c1);border-radius:99px}
.bfd-m progress::-moz-progress-bar{background:var(--m-c1)}
.bfd-m__q,.bfd-m__v{margin:0 0 .9rem;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2}
.bfd-m__q:focus,.bfd-m__v:focus{outline:none}
.bfd-m__info{margin:0 0 1rem;font-size:.95rem}
.bfd-m__info summary{display:inline-flex;align-items:center;min-height:44px;color:var(--m-c1);font-weight:600;cursor:pointer}
.bfd-m__info p{margin:.2rem 0 0;color:var(--m-mut);line-height:1.5}
.bfd-m__o{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.bfd-m__a{min-height:64px;padding:.6rem 1rem;border:2px solid var(--m-line);border-radius:12px;background:#fff;color:var(--m-ink);font:inherit;font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer}
.bfd-m__a:hover{border-color:var(--m-c1);background:var(--m-soft)}
.bfd-m__a[aria-pressed=true]{border-color:var(--m-c1);background:var(--m-c1);color:#fff}
.bfd-m__a small{display:block;margin-top:.1rem;font-weight:400;font-size:.85rem;opacity:.9}
.bfd-m__a:focus-visible,.bfd-m__l:focus-visible,.bfd-m__go:focus-visible,.bfd-m input[type=range]:focus-visible,.bfd-m__cta:focus-visible,.bfd-m summary:focus-visible{outline:3px solid #1b1b1b;outline-offset:2px}
.bfd-m__bud{display:grid;gap:.5rem;max-width:520px}
.bfd-m__bud label{font-weight:600}
.bfd-m__val{font-size:1.3rem;font-weight:700;color:var(--m-c1)}
.bfd-m__bud input[type=range]{width:100%;min-height:44px;accent-color:var(--m-c1)}
.bfd-m__ends{display:flex;justify-content:space-between;color:var(--m-mut);font-size:.9rem}
.bfd-m__go{justify-self:start;min-height:48px;padding:.5rem 1.6rem;border:0;border-radius:12px;background:var(--m-c1);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.bfd-m__n{display:flex;flex-wrap:wrap;gap:.2rem 1rem;align-items:center;margin-top:1rem}
.bfd-m__l{min-height:44px;padding:0 .4rem;border:0;background:none;color:var(--m-c1);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.bfd-m__lede{margin:0 0 1rem;line-height:1.5}
.bfd-m__auto{margin:0 0 1rem;padding:.8rem 1rem;border-left:4px solid var(--m-c1);background:var(--m-soft);border-radius:0 10px 10px 0}
.bfd-m__res{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.bfd-m__c{display:grid;grid-template-columns:96px minmax(0,1fr);gap:.4rem 1rem;margin:0;padding:1rem;border:1px solid var(--m-line);border-radius:var(--m-r);background:#fff}
.bfd-m__c:first-child{border-color:var(--m-c1);box-shadow:0 2px 12px rgba(20,40,60,.1)}
.bfd-m__c img{display:block;width:96px;height:96px;object-fit:contain}
.bfd-m__c h3{margin:0;font-size:1.15rem;line-height:1.25}
.bfd-m__c h3 a{color:var(--m-ink);text-decoration:none}
.bfd-m__c h3 a:hover{text-decoration:underline}
.bfd-m__no{display:inline-block;margin-right:.4rem;padding:0 .5rem;border-radius:99px;background:var(--m-c1);color:#fff;font-size:.8rem;font-weight:700;vertical-align:middle}
.bfd-m__meta{margin:.2rem 0 0;font-size:.92rem;color:var(--m-mut)}
.bfd-m__why{grid-column:1/-1;margin:.2rem 0 0;font-weight:600}
.bfd-m__notes{grid-column:1/-1;margin:0;padding:0;list-style:none;font-size:.93rem}
.bfd-m__notes li{position:relative;padding:.15rem 0 .15rem 1.4rem}
.bfd-m__notes li:before{position:absolute;left:0;font-weight:800}
.bfd-m__notes .warn:before{content:"!";color:#9a3a00}
.bfd-m__notes .na:before{content:"?";color:var(--m-mut)}
.bfd-m__notes .no:before{content:"\2717";color:#9a3a00}
.bfd-m__b{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-top:.3rem}
.bfd-m__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.5rem 1.2rem;border-radius:12px;background:var(--m-cta);color:#fff!important;font-weight:700;text-decoration:none!important}
.bfd-m__cta:hover{background:#a63a08}
.bfd-m__more{display:inline-flex;align-items:center;min-height:44px;color:var(--m-c1);font-weight:600}
.bfd-m__note{margin:1rem 0 0;font-size:.9rem;color:var(--m-mut);line-height:1.5}
@media (max-width:600px){.bfd-m__app{padding:.9rem}.bfd-m__o{grid-template-columns:1fr}.bfd-m__c{grid-template-columns:72px minmax(0,1fr)}.bfd-m__c img{width:72px;height:72px}.bfd-m__b .bfd-m__cta{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.bfd-m *{transition:none!important;scroll-behavior:auto!important}}
/* vraag 2: mix van fietsen met stepper-rijen */
.bfd-m__mix{display:grid;gap:.6rem;max-width:560px}
.bfd-m__row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.5rem .8rem;border:1px solid var(--m-line);border-radius:12px;background:#fff}
.bfd-m__rl{display:grid;min-width:0}
.bfd-m__rn{font-weight:600}
.bfd-m__rl small{color:var(--m-mut);font-size:.85rem}
.bfd-m__st{display:flex;align-items:center;gap:.4rem;flex:none}
.bfd-m__sb{width:44px;height:44px;border:2px solid var(--m-c1);border-radius:10px;background:#fff;color:var(--m-c1);font:inherit;font-size:1.4rem;font-weight:700;line-height:1;cursor:pointer}
.bfd-m__sb:disabled{opacity:.35;cursor:default}
.bfd-m__sb:focus-visible{outline:3px solid #1b1b1b;outline-offset:2px}
.bfd-m__sv{min-width:1.6rem;text-align:center;font-size:1.2rem;font-weight:700}
.bfd-m__left{margin:.2rem 0;font-weight:600;color:var(--m-c1)}
.bfd-m__go:disabled{opacity:.45;cursor:default}
.bfd-m__notes .info:before{content:"i";color:var(--m-c1)}
.bfd-m__ph{display:block;width:96px;height:96px;border-radius:10px;background:var(--m-soft)}
.bfd-m__meta{font-size:1rem;font-weight:600;color:var(--m-ink)}
@media (max-width:600px){.bfd-m__ph{width:72px;height:72px}}