/* BesteFietsendrager: homepage, categorie-, merkpagina's, merkenoverzicht en blogtop (agent D). Alles onder .bfd-hm / .bfd-bs / .bfd-bs2 / .bfd-bo.
   Gedeelde kaarten en prijzen komen uit bfd-core/bfd-product (agent B); hier alleen indeling en terugvalstijlen. */
.bfd-hm{--bfd-p:var(--theme-palette-color-1,#1b4965);--bfd-p2:var(--theme-palette-color-2,#14344a);--bfd-ink:var(--theme-palette-color-4,#1a1a1a);--bfd-mut:var(--theme-palette-color-3,#5a5a5a);--bfd-line:var(--theme-palette-color-5,#d8dde2);--bfd-soft:var(--theme-palette-color-6,#f3f5f7);--bfd-bg:var(--theme-palette-color-8,#fff);--bfd-cta:#C8460A;--bfd-r:14px;color:var(--bfd-ink);max-width:1152px;margin:0 auto}
.bfd-hm *{box-sizing:border-box}
.bfd-hm :focus-visible,.bfd-bo :focus-visible,.bfd-bs2 :focus-visible{outline:3px solid currentColor;outline-offset:2px}
.bfd-hm .bfd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.4rem;border-radius:99px;border:2px solid transparent;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;transition:transform .15s,background .15s}
.bfd-hm .bfd-btn--cta{background:var(--bfd-cta);color:#fff}.bfd-hm .bfd-btn--cta:hover{background:#a53a08;color:#fff;transform:translateY(-1px)}
.bfd-hm .bfd-btn--ghost{border-color:currentColor;color:inherit;background:transparent}.bfd-hm .bfd-btn--ghost:hover{background:rgba(255,255,255,.14)}
.bfd-hm a.bfd-btn.bfd-btn--line,.bfd-hm a.bfd-btn.bfd-btn--line:visited{border-color:#0B5A73;background:#0B5A73;color:#fff}.bfd-hm a.bfd-btn.bfd-btn--line:hover,.bfd-hm a.bfd-btn.bfd-btn--line:focus-visible{background:#083F52;border-color:#083F52;color:#fff}
.bfd-hm-sec{margin:0 0 2.2rem}.bfd-hm-sec>h2{margin:0 0 .8rem}.bfd-hm-sec h3{margin:1.2rem 0 .4rem;font-size:1.1rem}
.bfd-hm-intro,.bfd-hm-text>p,.bfd-hm-text>ul,.bfd-hm-text>ol{max-width:75ch}
.entry-content>p:has(+.bfd-bo){box-sizing:border-box;padding-right:max(0px,calc(100% - 72ch));margin-bottom:1.25rem;font-size:1.05rem;line-height:1.6;color:var(--bfd-id-ink,#12242E)}
.bfd-hm-intro{margin:0 0 1.4rem;font-size:1.05rem;line-height:1.6}.bfd-hm-intro p{margin:0 0 .8rem}
.bfd-hm-note{margin:.9rem 0 .4rem;font-size:.88rem;color:var(--bfd-mut);max-width:80ch}
.bfd-hm-more{margin:1rem 0 0}
.bfd-hm-box{margin:1rem 0;padding:.8rem 1rem;border-left:4px solid var(--bfd-p);border-radius:0 10px 10px 0;background:var(--bfd-soft)}.bfd-hm-box--let-op{border-color:var(--bfd-cta)}
/* hero (home) */
body.bfd-hm-home .hero-section,body.bfd-hm-home .page .entry-header,body.bfd-hm-home article>header.entry-header{display:none}
.bfd-hm-hero{width:100vw;max-width:100vw;margin:0 calc(50% - 50vw) 2rem;padding:2.6rem 0 2.4rem;color:#fff;background:radial-gradient(ellipse at 80% 15%,color-mix(in srgb,var(--bfd-p) 55%,transparent) 0,transparent 60%),var(--bfd-p2)}
.bfd-hm-hero__in{max-width:min(1152px,calc(100% - 32px));margin:0 auto}
.bfd-hm-hero__k{margin:0 0 .5rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;opacity:.85}
.bfd-hm-hero h1{margin:0 0 .7rem;max-width:22ch;color:inherit;font-size:clamp(2rem,5.5vw,3.3rem);line-height:1.08;font-weight:800}
.bfd-hm-hero__lead{margin:0 0 1.3rem;max-width:58ch;font-size:clamp(1rem,2.2vw,1.2rem);color:inherit}
.bfd-hm-hero__btns{display:flex;flex-wrap:wrap;gap:.7rem}
.bfd-hm-hero__facts{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:1.3rem 0 0;padding:0;list-style:none;font-size:.9rem}.bfd-hm-hero__facts li{margin:0}.bfd-hm-hero__facts li:before{content:"\2713\00a0";font-weight:700}
/* snelzoeker */
.bfd-hm-q__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem 1rem;padding:1.1rem;border:1px solid var(--bfd-line);border-radius:var(--bfd-r);background:#fff;box-shadow:0 1px 2px rgba(18,36,46,.05)}
.bfd-hm-q__f{display:flex;flex-direction:column;gap:.25rem;flex:1 1 220px;font-weight:700;font-size:.9rem}
.bfd-hm-q__f select{min-height:48px;padding:0 .7rem;border:1px solid #9FB3BF;border-radius:10px;background:var(--bfd-bg);color:var(--bfd-ink);font:inherit;font-weight:400}
.bfd-hm-q__c{display:flex;align-items:center;gap:.5rem;min-height:48px;font-weight:600}.bfd-hm-q__c input{width:22px;height:22px;accent-color:var(--bfd-p)}
/* teaser */
.bfd-hm-match{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.6rem 1.6rem 1.6rem 1.4rem;border:1px solid var(--bfd-line);border-left:6px solid var(--bfd-p);border-radius:var(--bfd-r);background:#fff;box-shadow:0 1px 2px rgba(18,36,46,.05)}
.bfd-hm-match>div{flex:1 1 340px;max-width:70ch}.bfd-hm-match h2{margin:0 0 .4rem}.bfd-hm-match p{margin:0}
/* tabs */
.bfd-hm-tabs__nav{display:flex;gap:.6rem;overflow-x:auto;padding:.2rem 0 .9rem;margin:0 0 .8rem;scrollbar-width:none}.bfd-hm-tabs__nav::-webkit-scrollbar{display:none}
.bfd-hm-tabs__nav button{flex:none;min-height:46px;padding:.5rem 1.1rem;border:2px solid var(--bfd-p);border-radius:99px;background:var(--bfd-bg);color:var(--bfd-p2);font:inherit;font-weight:700;cursor:pointer}
.bfd-hm-tabs__nav button:hover{background:var(--bfd-soft)}.bfd-hm-tabs__nav button[aria-selected="true"]{background:var(--bfd-p);color:#fff}
.bfd-hm-tabs__p h3{margin:0 0 .8rem;font-size:1.25rem}
.bfd-hm-tabs:not(.is-js) .bfd-hm-tabs__p+.bfd-hm-tabs__p{margin-top:2rem}.bfd-hm-tabs:not(.is-js) .bfd-hm-tabs__nav{display:none}
/* chips en lijsten */
.bfd-hm-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.bfd-hm-chips li{margin:0}
.bfd-hm-chips--link a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 1rem;border:1px solid var(--bfd-line);border-radius:99px;background:#fff;color:var(--bfd-ink);text-decoration:none;font-weight:600}
.bfd-hm-chips--link a:hover{background:var(--bfd-p);border-color:var(--bfd-p);color:#fff}.bfd-hm-chips small{color:var(--bfd-mut)}.bfd-hm-chips--link a:hover small{color:inherit}
.bfd-hm-guides__l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.bfd-hm-guides__l a{display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1rem;border:1px solid var(--bfd-line);border-radius:var(--bfd-r);background:var(--bfd-bg);color:var(--bfd-ink);text-decoration:none}
.bfd-hm-guides__l a:hover{border-color:var(--bfd-p)}.bfd-hm-guides__l span{font-size:.92rem;color:var(--bfd-mut)}.bfd-hm-guides__l em{margin-top:auto;font-style:normal;font-weight:700;color:var(--bfd-p)}
/* onze keuze */
.bfd-hm-choices ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.bfd-hm-choice{padding:1rem;border:1px solid var(--bfd-line);border-radius:var(--bfd-r);background:#fff}.bfd-hm-choice__l{display:block;margin-bottom:.3rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bfd-mut)}
.bfd-hm-choice__m{display:block;margin-bottom:.4rem;font-weight:700}.bfd-hm-choice p{margin:0;font-size:.95rem}
/* terugval top-lijst en kaarten */
.bfd-hm-fb{margin:0;padding-left:1.4rem}.bfd-hm-fb li{margin:.3rem 0}
.bfd-hm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.bfd-hm-cards li{margin:0;min-width:0}
/* faq */
.bfd-hm-faq details{margin:0 0 .6rem;border:1px solid var(--bfd-line);border-radius:12px;background:var(--bfd-bg)}
.bfd-hm-faq summary{cursor:pointer;padding:.8rem 1rem;min-height:48px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}.bfd-hm-faq summary::-webkit-details-marker{display:none}.bfd-hm-faq summary::after{content:"";flex:none;width:.6rem;height:.6rem;border-right:2px solid var(--bfd-p);border-bottom:2px solid var(--bfd-p);transform:rotate(45deg);transition:transform .15s}.bfd-hm-faq details[open]>summary::after{transform:rotate(-135deg)}.bfd-hm-faq summary:hover{color:var(--bfd-p)}.bfd-hm-faq details>div{padding:0 1rem .5rem;max-width:80ch}.bfd-hm-faq details>div p{margin:0 0 .7rem}
/* blogtop */
.bfd-hm-bt{margin:2rem 0;padding:1.2rem;border:1px solid var(--bfd-line);border-radius:var(--bfd-r);background:var(--bfd-soft)}
.bfd-hm-bt .bfd-hm-bt__t{margin:0 0 .5rem}.bfd-hm-bt__i{margin:0 0 .8rem}.bfd-hm-bt__l{margin:.8rem 0 0}
/* merkpagina: intro, tegels */
.bfd-brand__intro{margin:0 0 1rem;max-width:75ch;line-height:1.6}
.bfd-bs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 1.5rem}.bfd-bs[data-n="6"],.bfd-bs[data-n="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.bfd-bs[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.bfd-bs__tile{display:flex;flex-direction:column;gap:1px;padding:10px 14px;border:1px solid var(--bfd-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(18,36,46,.05);min-width:0}
.bfd-bs__num{font-size:clamp(1.15rem,1.8vw,1.45rem);white-space:nowrap;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.bfd-bs__num--s{font-size:clamp(1rem,1.5vw,1.15rem);padding:.15rem 0}
.bfd-bs__label{font-size:.78rem;color:var(--bfd-mut)}.bfd-bs__model{font-size:.75rem;line-height:1.25;color:var(--bfd-p);text-decoration:none;overflow-wrap:anywhere}.bfd-bs__model:hover{text-decoration:underline}
/* merkpagina: kleverige chipbalk en secties */
.bfd-bs2__nav{margin:0 0 1.5rem;background:var(--theme-palette-color-7,#E4EDF2);border-bottom:1px solid var(--bfd-line);z-index:30}
.bfd-bs2__nav ul{display:flex;gap:.4rem;margin:0;padding:.4rem 0;list-style:none;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.bfd-bs2__nav li{margin:0;flex:none}
.bfd-bs2__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid var(--bfd-line);border-radius:99px;background:#fff;color:var(--bfd-ink);font-size:.9rem;font-weight:600;text-decoration:none}
.bfd-bs2__nav a:hover,.bfd-bs2__nav a:focus-visible{border-color:var(--bfd-p);color:var(--bfd-p)}
.bfd-hm .bfd-bs2__s,.bfd-hm [id]{scroll-margin-top:calc(var(--bfd-id-hh,76px) + 64px)}.bfd-hm .bfd-bs2__s{margin:0 0 2.2rem}.bfd-bs2__s>p,.bfd-bs2__s>ul,.bfd-bs2__s>ol{max-width:75ch}
.bfd-bs2__pg,.bfd-bs2__rg,.bfd-bs2__bg{display:grid;gap:.8rem;grid-template-columns:1fr}
.bfd-bs2__p,.bfd-bs2__r,.bfd-bs2__b{padding:1rem;border:1px solid var(--bfd-line);border-radius:14px;background:var(--bfd-bg);min-width:0}
.bfd-bs2__p h3,.bfd-bs2__r h3,.bfd-bs2__b h3{margin:.3rem 0 .4rem;font-size:1.1rem}.bfd-bs2__p p,.bfd-bs2__r p{margin:0 0 .7rem;font-size:.95rem}
.bfd-bs2__i{color:var(--bfd-p);display:block}.bfd-bs2__more{margin:.6rem 0 0;font-size:.9rem}
.bfd-bs2__m{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.bfd-bs2__m li{margin:0}
.bfd-bs2__m a{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.2rem .5rem;border:1px solid var(--bfd-line);border-radius:10px;background:var(--bfd-soft);color:var(--bfd-ink);text-decoration:none;font-weight:600;font-size:.9rem}.bfd-bs2__m a:hover{border-color:var(--bfd-p)}
.bfd-bs2__m img{width:40px;height:40px;object-fit:contain;flex:none;mix-blend-mode:multiply}.bfd-bs2__m small{display:block;font-weight:400;color:var(--bfd-mut);font-size:.78rem}.bfd-bs2__m--t{flex-direction:row;flex-wrap:wrap}
.bfd-bs2__d{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem;margin:0 0 .7rem;font-size:.88rem}.bfd-bs2__d div{min-width:0}.bfd-bs2__d dt{color:var(--bfd-mut);font-size:.75rem}.bfd-bs2__d dd{margin:0;font-weight:700}
.bfd-bs2__b ul{margin:0;padding-left:1.1rem;font-size:.95rem}.bfd-bs2__b--sterk{border-left:4px solid #2e7d32}.bfd-bs2__b--zwak{border-left:4px solid #C8460A}
.bfd-bs2__st{list-style:none;counter-reset:s;margin:0;padding:0;max-width:75ch}.bfd-bs2__st li{counter-increment:s;position:relative;margin:0 0 .8rem;padding-left:2.6rem}
.bfd-bs2__st li:before{content:counter(s);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--bfd-p);color:#fff;font-weight:700;text-align:center;line-height:1.9rem}
.bfd-bs2__tw{overflow-x:auto}.bfd-bs2__t{width:100%;border-collapse:collapse;font-size:.9rem}.bfd-bs2__t th,.bfd-bs2__t td{padding:.45rem .6rem;border-bottom:1px solid var(--bfd-line);text-align:left}
.bfd-bs2__note{font-size:.82rem;color:var(--bfd-mut)}
/* merkenoverzicht */
.bfd-bo [hidden]{display:none!important}
.bfd-bo__f{margin:0 0 1rem}.bfd-bo__f label{display:block;font-weight:700;margin-bottom:.3rem}
.bfd-bo__s{position:relative;max-width:480px}.bfd-bo__s input{width:100%;min-height:44px;padding:.4rem 2.6rem .4rem .8rem;border:1px solid var(--bfd-line);border-radius:10px;background:var(--bfd-bg);color:var(--bfd-ink);font:inherit}
.bfd-bo__x2{position:absolute;right:2px;top:2px;width:40px;height:40px;border:0;background:none;color:var(--bfd-mut);font-size:1.5rem;line-height:1;cursor:pointer}
.bfd-bo__cnt{margin:.4rem 0 0;font-size:.9rem;color:var(--bfd-mut)}.bfd-bo__empty{padding:1rem;border:1px dashed var(--bfd-line);border-radius:12px;background:var(--bfd-soft);font-weight:600}
.bfd-bo__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;list-style:none;margin:0 0 1.5rem;padding:0}
.bfd-bo__c{position:relative;margin:0;padding:14px 16px;border:1px solid var(--bfd-line);border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(18,36,46,.05);display:flex;flex-direction:column;gap:2px;transition:border-color .15s,box-shadow .15s}
.bfd-bo__c:hover,.bfd-bo__c:focus-within{border-color:var(--bfd-p);box-shadow:0 4px 14px rgba(11,90,115,.14)}
.bfd-bo__c h3{margin:0;font-size:1.1rem;line-height:1.2}.bfd-bo__c h3 a{color:var(--bfd-ink);text-decoration:none}.bfd-bo__c h3 a:hover{color:var(--bfd-p);text-decoration:underline}
.bfd-bo__n{margin:0;font-weight:700;color:var(--bfd-p);font-size:.9rem}.bfd-bo__c dl{display:grid;grid-template-columns:auto 1fr;gap:0 .6rem;margin:.3rem 0;font-size:.85rem}.bfd-bo__c dt{color:var(--bfd-mut)}.bfd-bo__c dd{margin:0}
.bfd-bo__go{margin-top:auto;display:inline-flex;align-items:center;min-height:44px;padding-top:.3rem;font-size:.92rem;font-weight:700;color:var(--bfd-p);text-decoration:none}
.bfd-bo__go::before{content:"";position:absolute;inset:0;border-radius:14px}
.bfd-bo__go::after{content:"\00a0\2192"}
.bfd-bo__c h3 a{position:relative;z-index:1}
.bfd-bo__c:hover .bfd-bo__go{text-decoration:underline}
.bfd-bo__t{overflow-x:auto;border:1px solid var(--bfd-line);border-radius:14px;background:#fff}.bfd-bo table{width:100%;border-collapse:collapse;font-size:.9rem}.bfd-bo th,.bfd-bo td{padding:.65rem .8rem;border-bottom:1px solid var(--bfd-line);text-align:left;font-variant-numeric:tabular-nums}
.bfd-bo thead th{background:var(--bfd-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.02em;color:var(--bfd-mut);border-bottom:2px solid var(--bfd-line)}.bfd-bo tbody tr:hover{background:var(--bfd-soft)}.bfd-bo__note{font-size:.8rem;color:var(--bfd-mut);max-width:80ch}
/* responsief */
@media (min-width:768px){.bfd-bs2__nav{position:sticky;top:0}.bfd-hm-jump{position:sticky;top:0}body.admin-bar .bfd-bs2__nav{top:32px}.bfd-bs2__pg,.bfd-bs2__bg{grid-template-columns:1fr 1fr}.bfd-bs2__rg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.bfd-bs2__pg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.bfd-hm-guides__l,.bfd-hm-choices ul{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bfd-hm-guides__l,.bfd-hm-choices ul{grid-template-columns:1fr}.bfd-hm-hero__btns .bfd-btn,.bfd-hm-match .bfd-btn,.bfd-hm-q__form .bfd-btn,.bfd-hm-bt__l .bfd-btn{flex:1 1 100%;width:100%}.bfd-bo__x{display:none}.bfd-bo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bfd-bo__go{min-height:44px}
.bfd-bs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bfd-bs__tile{padding:6px 8px;border-radius:10px;gap:0}.bfd-bs__num,.bfd-bs__num--s{font-size:.95rem;white-space:normal}.bfd-bs__label{font-size:.75rem;line-height:1.2}.bfd-bs__model{display:none}}
@media (prefers-reduced-motion:reduce){.bfd-hm .bfd-btn{transition:none}}

/* lege staat (blog zonder artikelen) */
.bfd-empty{padding:0 0 1rem}
.bfd-empty>h1{margin:0 0 1rem}
.bfd-empty__box{max-width:760px;padding:1.6rem 1.5rem;border:1px solid var(--bfd-line);border-radius:var(--bfd-r);background:#fff;box-shadow:0 1px 2px rgba(18,36,46,.05)}
.bfd-empty__box h2{margin:0 0 .5rem;font-size:1.3rem}
.bfd-empty__box p{margin:0 0 1.1rem;max-width:60ch}
.bfd-empty__l{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.bfd-empty__l li{margin:0}
@media (max-width:640px){.bfd-empty__l .bfd-btn{width:100%}.bfd-empty__l li{flex:1 1 100%}}
/* categoriepagina: ruimte voor intro en tekstsecties */
.bfd-cat .bfd-hm-text{max-width:75ch}
.bfd-cat .bfd-hm-text h2{margin-top:0}
.bfd-cat .bfd-hm-text>ul,.bfd-cat .bfd-hm-text>ol{padding-left:1.3rem}
.bfd-hm-text p,.bfd-hm-text li{line-height:1.65}
.bfd-hm-sec>h2,.bfd-bs2__s>h2{font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.2}
@media (max-width:640px){.bfd-bs[data-n="4"],.bfd-bs[data-n="8"]{grid-template-columns:repeat(2,minmax(0,1fr))}.bfd-bs[data-n="4"] .bfd-bs__model,.bfd-bs[data-n="8"] .bfd-bs__model{display:block}}
@media (prefers-reduced-motion:reduce){.bfd-bo__c,.bfd-hm-faq summary::after{transition:none}}