/* bl2-start ================================================================
   Categoriepagina's volgens het ontwerp "Categoriepagina's" (22-08-2026).
   Eigen scope .bl-v2, eigen voorvoegsel .bl2-. Raakt .bl en .blf- niet aan,
   dus de bestaande pagina's veranderen niet mee.
   Terugweg: alles tussen bl2-start en bl2-eind verwijderen.
   ========================================================================= */
.bl-v2{
  --b2-papier:#FAF8F3; --b2-vlak:#F2EEE6; --b2-wit:#fff;
  --b2-lijn:#DFD9CC; --b2-lijn-sterk:#C4BCAA;
  --b2-bij:#6B665C; --b2-inkt:#221F1A;
  --b2-huis:#23391A; --b2-huis-h:#2E4A22; --b2-huis-a:#1A2B12;
  --b2-band:#1A2412; --b2-band-lijn:#3A4432; --b2-band-tekst:#E4E0D6; --b2-voet:#14180F;
  --b2-voet-tekst:#B4B0A4;
  --b2-accent:#A0561A; --b2-accent-t:#8A4914; --b2-accent-d:#C98A4B;
  --b2-voorraad:#4A6B39; --b2-gedempt:#8A857B;
  --b2-1:4px; --b2-2:8px; --b2-3:12px; --b2-4:16px; --b2-6:24px;
  --b2-8:32px; --b2-12:48px; --b2-16:64px; --b2-24:96px;
  --b2-max:1352px;
  color:var(--b2-inkt); background:var(--b2-papier);
  font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.6; overflow-x:clip;
}
.bl-v2--whisky{--b2-accent:#A0561A;--b2-accent-t:#8A4914;--b2-accent-d:#C98A4B}
.bl-v2--wijn{--b2-accent:#8C1D2E;--b2-accent-t:#8C1D2E;--b2-accent-d:#C2596C}
.bl-v2--rum{--b2-accent:#5E3A1E;--b2-accent-t:#5E3A1E;--b2-accent-d:#B98A5E}
.bl-v2--gin{--b2-accent:#26575E;--b2-accent-t:#26575E;--b2-accent-d:#7FB2B8}
.bl-v2 *{box-sizing:border-box}
/* Avada brengt eigen opmaak mee voor lijsten, formulieren en details binnen
   .fusion-text. Deze reset zet die binnen .bl-v2 terug, met :where() zodat de
   componentregels hieronder er altijd overheen gaan. */
.bl-v2 :where(ul,ol){list-style:none;margin:0;padding:0}
.bl-v2 :where(li){margin:0;padding:0;list-style:none;background:none}
.bl-v2 :where(li)::before,.bl-v2 :where(li)::marker{content:none}
.bl-v2 :where(details,summary,figure,form){margin:0;padding:0}
.bl-v2 :where(input,button,select,textarea){border-radius:0;font-family:inherit;box-shadow:none}
.bl-v2 :where(button){cursor:pointer;border:0;background:none}
.bl-v2 :where(p){margin:0 0 var(--b2-4)}
.bl-v2 :where(img){max-width:100%;height:auto}
.bl-v2 :where(h1){font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:700;color:var(--b2-inkt);margin:0;max-width:24ch;text-wrap:balance}
.bl-v2 :where(h2){font-size:32px;line-height:1.15;letter-spacing:-.02em;font-weight:700;color:var(--b2-inkt);margin:0;text-wrap:balance}
.bl-v2 :where(h3){font-size:21px;line-height:1.25;letter-spacing:-.01em;font-weight:700;color:var(--b2-inkt);margin:0}
.bl-v2 :where(a){color:var(--b2-inkt)}
.bl-v2 :focus-visible{outline:2px solid var(--b2-huis);outline-offset:2px}
.bl2-band :focus-visible,.bl2-voet :focus-visible,.bl2-winkelbalk :focus-visible{outline-color:#FAF8F3}
.bl2-inner{max-width:var(--b2-max);margin:0 auto;padding:0 44px}
.bl2-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}
.bl2-knop{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 22px;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;background:var(--b2-huis);color:#fff;border:1.5px solid var(--b2-huis);cursor:pointer;font-family:inherit;text-align:center}
.bl2-knop:hover{background:var(--b2-huis-h);border-color:var(--b2-huis-h);color:#fff}
.bl2-knop:active{background:var(--b2-huis-a);border-color:var(--b2-huis-a)}
.bl2-knop[aria-disabled="true"],.bl2-knop:disabled{opacity:.45;pointer-events:none}
.bl2-knop[aria-busy="true"]{opacity:.7;pointer-events:none}
.bl2-knop--lijn{background:transparent;color:var(--b2-inkt);border-color:var(--b2-lijn-sterk)}
.bl2-knop--lijn:hover{background:var(--b2-vlak);color:var(--b2-huis);border-color:var(--b2-huis)}
.bl2-knop--lijn:active{background:var(--b2-lijn)}
.bl2-knop--licht{background:var(--b2-papier);color:var(--b2-band);border-color:var(--b2-papier)}
.bl2-knop--licht:hover{background:#fff;color:var(--b2-band);border-color:#fff}
.bl2-knop--lijnlicht{background:transparent;color:var(--b2-papier);border-color:#7E8A72}
.bl2-knop--lijnlicht:hover{background:rgba(250,248,243,.1);color:#fff;border-color:#fff}
.bl2-knop--vol{display:flex;width:100%;min-height:44px;padding:12px 18px;font-size:15px}
.bl2-winkelbalk{background:var(--b2-band);color:var(--b2-voet-tekst);font-size:14px}
.bl2-winkelbalk .bl2-inner{display:flex;justify-content:space-between;gap:var(--b2-6);flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
.bl2-kruimel{font-size:14px;color:var(--b2-bij);padding-top:var(--b2-4)}
.bl2-kruimel a{color:var(--b2-bij)}
.bl2-hero{padding:var(--b2-6) 0 var(--b2-12);border-bottom:1px solid var(--b2-lijn)}
.bl2-kicker{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b2-accent-t)}
.bl2-kicker::before{content:"";width:28px;height:3px;background:var(--b2-accent);flex:none}
.bl2-hero h1{margin-top:14px}
.bl2-lead{font-size:17px;line-height:1.6;color:var(--b2-bij);margin:var(--b2-4) 0 0;max-width:68ch}
.bl2-cta{display:flex;gap:var(--b2-3);margin:var(--b2-6) 0 var(--b2-8);flex-wrap:wrap}
.bl2-cijfers{display:flex;gap:var(--b2-12);border-top:1px solid var(--b2-lijn);padding-top:var(--b2-6);margin:0;list-style:none;flex-wrap:wrap}
.bl2-cijfers b{display:block;font-size:48px;line-height:1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bl2-cijfers span{display:block;font-size:15px;color:var(--b2-bij);margin-top:6px}
.bl2-chipsbalk{padding:var(--b2-8) 0;border-bottom:1px solid var(--b2-lijn);display:flex;align-items:center;gap:var(--b2-6);flex-wrap:wrap}
.bl2-chipsbalk>b{font-size:17px}
.bl2-chips{display:flex;gap:var(--b2-2);flex-wrap:wrap;margin:0;padding:0;list-style:none}
.bl2-chip{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border:1px solid var(--b2-lijn-sterk);background:#fff;font-size:15px;text-decoration:none}
.bl2-chip:hover{border-color:var(--b2-huis);background:var(--b2-vlak);color:var(--b2-huis)}
.bl2-chip[aria-current="true"]{border-color:var(--b2-accent-t);background:var(--b2-vlak);font-weight:700}
.bl2-chipsbalk .bl2-verder{margin-left:auto;font-size:15px;color:var(--b2-bij)}
.bl2-catbalk{display:block;padding:0;background:var(--b2-vlak);border-bottom:1px solid var(--b2-lijn)}
.bl2-catbalk .bl2-inner{padding-top:var(--b2-3);padding-bottom:var(--b2-3)}
.bl2-catbalk .bl2-chip{background:transparent;border:0;border-bottom:3px solid transparent;padding:9px 14px;font-weight:700}
.bl2-catbalk .bl2-chip:hover{background:#fff;border-bottom-color:var(--b2-lijn-sterk)}
.bl2-catbalk .bl2-chip[aria-current="true"]{background:#fff;border-bottom-color:var(--b2-accent)}
.bl2-chip span{margin-left:6px;color:var(--b2-bij);font-weight:400;font-variant-numeric:tabular-nums}
.bl2-chip[aria-current="true"] span{color:var(--b2-accent-t)}
.bl2-sectie{padding:var(--b2-16) 0 0}
.bl2-sectie--kort{padding-top:var(--b2-12)}
.bl2-sectie--slot{padding-bottom:var(--b2-12)}
.bl2-sectiekop{border-top:2px solid var(--b2-inkt);padding-top:14px;margin-bottom:var(--b2-4)}
.bl2-sectiekop h2{margin-top:6px}
.bl2-sectiekop .bl2-lead{margin-top:10px}
.bl2-smaak{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--b2-4);list-style:none;margin:0;padding:0}
.bl2-smaakvak{display:block;background:#fff;border:1px solid var(--b2-lijn);text-decoration:none;height:100%}
.bl2-smaakvak::before{content:"";display:block;height:6px;background:var(--b2-accent)}
.bl2-smaakvak>span{display:block;padding:var(--b2-4) 18px 18px}
.bl2-smaakvak b{display:block;font-size:21px;font-weight:700;letter-spacing:-.01em}
.bl2-smaakvak i{display:block;font-style:normal;font-size:15px;line-height:1.55;color:var(--b2-bij);margin-top:6px}
.bl2-smaakvak em{display:block;font-style:normal;font-size:15px;font-weight:700;margin-top:var(--b2-3);color:var(--b2-accent-t)}
.bl2-smaakvak:hover{background:var(--b2-vlak);border-color:var(--b2-accent-t)}
.bl2-smaakvak--leeg{opacity:.55;pointer-events:none}
.bl2-smaakvak--leeg em{color:var(--b2-bij)}
/* Knoptekst: .bl-v2 a is even specifiek als .bl2-knop, dus de kleur van de knop
   moet met een extra klasse worden vastgezet. Anders staat donkere tekst op een
   donkere knop. */
.bl-v2 a.bl2-knop{color:#fff}
.bl-v2 a.bl2-knop:hover{color:#fff}
.bl-v2 a.bl2-knop--lijn{color:var(--b2-inkt)}
.bl-v2 a.bl2-knop--lijn:hover{color:var(--b2-huis)}
.bl-v2 a.bl2-knop--licht{color:var(--b2-band)}
.bl-v2 a.bl2-knop--licht:hover{color:var(--b2-band)}
.bl-v2 a.bl2-knop--lijnlicht{color:var(--b2-papier)}
.bl-v2 a.bl2-knop--lijnlicht:hover{color:#fff}
.bl-v2 a.bl2-letter[aria-current="true"]{color:#fff}
.bl2-flessen{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:20px;list-style:none;margin:0;padding:0}
.bl2-fles{background:#fff;border:1px solid var(--b2-lijn);display:flex;flex-direction:column}
.bl2-fles__beeld{height:190px;background:var(--b2-vlak);display:flex;align-items:center;justify-content:center;padding:var(--b2-4);border-bottom:1px solid var(--b2-lijn)}
.bl2-fles__beeld img{max-height:158px;width:auto;mix-blend-mode:multiply}
.bl2-fles__geen{font-size:14px;color:var(--b2-bij);text-align:center;line-height:1.45}
.bl2-fles__body{padding:14px var(--b2-4) var(--b2-4);display:flex;flex-direction:column;gap:6px;flex:1}
.bl2-fles__kicker{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b2-accent-t)}
.bl2-fles__naam{font-size:17px;font-weight:700;line-height:1.25}
.bl2-fles__naam a{text-decoration:none}
.bl2-fles__naam a:hover{text-decoration:underline}
.bl2-fles__note{font-size:15px;color:var(--b2-bij);line-height:1.5}
.bl2-fles__prijsrij{display:flex;align-items:baseline;gap:10px;margin-top:var(--b2-2);flex-wrap:wrap}
.bl2-fles__prijs{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
.bl2-fles__status{font-size:14px;color:var(--b2-bij)}
.bl2-fles__status--op{color:var(--b2-voorraad)}
.bl2-fles__status--laatste{color:var(--b2-accent-t)}
.bl2-fles__knop{margin-top:auto;margin-bottom:0;padding-top:var(--b2-3)}
.bl2-fles--uit .bl2-fles__beeld img{filter:grayscale(1);opacity:.65}
.bl2-band{background:var(--b2-band);color:var(--b2-band-tekst);margin-top:var(--b2-16)}
.bl2-band .bl2-inner{padding-top:var(--b2-12);padding-bottom:var(--b2-12);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--b2-12);align-items:start}
.bl2-band h2{color:#fff;margin:var(--b2-3) 0}
.bl2-band .bl2-kicker{color:var(--b2-accent-d)}
.bl2-band .bl2-kicker::before{background:var(--b2-accent-d)}
.bl2-band p{font-size:17px;line-height:1.6;max-width:62ch}
.bl2-band a{color:#fff}
.bl2-band__uitleg{border-left:1px solid var(--b2-band-lijn);padding-left:var(--b2-8)}
.bl2-band__uitleg h3{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b2-accent-d);margin-bottom:14px}
.bl2-band__uitleg p{font-size:16px;line-height:1.65;margin:0 0 14px}
.bl2-band__lijst{list-style:none;margin:var(--b2-4) 0 var(--b2-6);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--b2-1) var(--b2-4)}
.bl2-band__lijst a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--b2-band-lijn);text-decoration:none;font-size:16px;min-height:44px;align-items:center}
.bl2-band__lijst a:hover{color:var(--b2-accent-d)}
.bl2-band__lijst span{color:var(--b2-voet-tekst);font-variant-numeric:tabular-nums;font-size:14px}
.bl2-zoek{display:flex;gap:10px;margin-bottom:var(--b2-4);flex-wrap:wrap}
.bl2-zoek label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl2-zoek input{flex:1;min-width:220px;min-height:46px;padding:13px var(--b2-4);border:1px solid var(--b2-lijn-sterk);background:#fff;font-size:16px;font-family:inherit;color:var(--b2-inkt);border-radius:0}
.bl2-zoek input::placeholder{color:var(--b2-bij)}
.bl2-zoek input:focus-visible{border-color:var(--b2-huis)}
.bl2-letters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 var(--b2-6);padding:0;list-style:none}
.bl2-letter{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--b2-lijn);background:#fff;font-size:15px;font-weight:700;text-decoration:none}
.bl2-letter:hover{border-color:var(--b2-huis);background:var(--b2-vlak);color:var(--b2-huis)}
.bl2-letter[aria-current="true"]{background:var(--b2-huis);border-color:var(--b2-huis);color:#fff}
.bl2-letter--leeg{color:var(--b2-gedempt);background:var(--b2-vlak);border-style:dashed;pointer-events:none}
.bl2-merken{border:1px solid var(--b2-lijn);background:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none}
.bl2-merk a{display:flex;justify-content:space-between;align-items:center;gap:var(--b2-3);padding:11px var(--b2-4);border-bottom:1px solid var(--b2-vlak);border-right:1px solid var(--b2-vlak);text-decoration:none;min-height:44px}
.bl2-merk a:hover{background:var(--b2-vlak)}
.bl2-merk b{font-size:16px;font-weight:700}
.bl2-merk span{font-size:14px;color:var(--b2-bij);white-space:nowrap;font-variant-numeric:tabular-nums}
/* Naslaglijst van alle distilleerderijen: dezelfde regel als .bl2-merk, maar met
   een tweede regel eronder. Vervangt .bl-verder binnen .bl-v2. */
.bl2-verder{list-style:none;margin:0;padding:0;border:1px solid var(--b2-lijn);background:#fff;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.bl2-verder a{display:block;padding:12px var(--b2-4);border-bottom:1px solid var(--b2-vlak);border-right:1px solid var(--b2-vlak);text-decoration:none;font-size:16px;font-weight:700;min-height:44px}
.bl2-verder a:hover{background:var(--b2-vlak)}
.bl2-verder small{display:block;font-size:14px;font-weight:400;color:var(--b2-bij);line-height:1.45;margin-top:2px}
.bl2-faq{display:grid;grid-template-columns:1fr 1fr;gap:var(--b2-4)}
.bl2-faq details{border:1px solid var(--b2-lijn);background:#fff}
.bl2-faq summary{padding:var(--b2-4) 18px;font-size:17px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:44px}
.bl2-faq summary::-webkit-details-marker{display:none}
.bl2-faq summary::after{content:"+";color:var(--b2-bij);font-size:20px;font-weight:400}
.bl2-faq details[open] summary::after{content:"\2212"}
.bl2-faq p{font-size:16px;line-height:1.6;color:var(--b2-bij);margin:0;padding:0 18px var(--b2-4)}
.bl2-contact{border:1px solid var(--b2-lijn);background:var(--b2-vlak);padding:var(--b2-8) 34px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.bl2-contact h2{margin-bottom:10px}
.bl2-tel{font-size:40px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--b2-3);display:block;text-decoration:none;font-variant-numeric:tabular-nums}
.bl2-nix{font-size:14px;color:var(--b2-bij);margin:var(--b2-4) 0 0}
.bl2-leeg{border:1px dashed var(--b2-lijn-sterk);background:var(--b2-vlak);padding:var(--b2-6) 26px}
.bl2-leeg h3{font-size:21px}
.bl2-leeg p{font-size:17px;line-height:1.6;color:var(--b2-bij);margin:var(--b2-2) 0 var(--b2-4);max-width:56ch}
.bl2-leeg div{display:flex;gap:10px;flex-wrap:wrap}
.bl2-voet{background:var(--b2-voet);color:var(--b2-voet-tekst);margin-top:var(--b2-16)}
.bl2-voet .bl2-inner{padding-top:var(--b2-8);padding-bottom:30px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:var(--b2-8);font-size:15px;line-height:1.8}
.bl2-voet a{color:var(--b2-voet-tekst);text-decoration:none}
.bl2-voet a:hover{color:#fff;text-decoration:underline}
.bl2-voet ul{list-style:none;margin:0;padding:0}
.bl2-voet img{background:#fff;padding:6px 8px;margin-bottom:var(--b2-3);display:block}
.bl2-voetnoot{font-size:15px;color:var(--b2-bij);margin:var(--b2-4) 0 0;max-width:70ch}
@media (max-width:900px){
.bl2-inner{padding:0 24px}
.bl-v2{--b2-max:100%}
.bl2-band .bl2-inner{grid-template-columns:1fr;gap:var(--b2-8)}
.bl2-band__uitleg{border-left:0;border-top:1px solid var(--b2-band-lijn);padding-left:0;padding-top:var(--b2-6)}
.bl2-contact{grid-template-columns:1fr;gap:var(--b2-6)}
.bl2-faq{grid-template-columns:1fr}
.bl2-voet .bl2-inner{grid-template-columns:1fr 1fr;gap:var(--b2-6)}
}
@media (max-width:560px){
.bl2-inner{padding:0 16px}
.bl-v2 :where(h1){font-size:34px}
.bl-v2 :where(h2){font-size:26px}
.bl-v2 :where(h3){font-size:19px}
.bl2-sectie{padding-top:44px}
.bl2-sectie--kort{padding-top:var(--b2-8)}
.bl2-band{margin-top:44px}
.bl2-band .bl2-inner{padding-top:28px;padding-bottom:28px}
.bl2-voet{margin-top:44px}
.bl2-cijfers{gap:var(--b2-6)}
.bl2-cijfers li{min-width:44%}
.bl2-cijfers b{font-size:34px}
.bl2-hero{padding-bottom:var(--b2-8)}
.bl2-cta{gap:var(--b2-2)}
.bl2-cta .bl2-knop{flex:1 1 100%}
.bl2-chipsbalk{padding:var(--b2-6) 0;gap:var(--b2-3)}
.bl2-chipsbalk .bl2-verder{margin-left:0}
.bl2-flessen{grid-template-columns:1fr 1fr;gap:var(--b2-3)}
.bl2-fles__beeld{height:150px}
.bl2-fles__beeld img{max-height:120px}
.bl2-fles__naam{font-size:16px}
.bl2-fles__prijs{font-size:19px}
.bl2-smaak{grid-template-columns:1fr}
.bl2-merken{grid-template-columns:1fr}
.bl2-contact{padding:var(--b2-6) 18px}
.bl2-tel{font-size:32px}
.bl2-winkelbalk .bl2-inner{font-size:13px;gap:var(--b2-2)}
.bl2-voet .bl2-inner{grid-template-columns:1fr}
}
/* ---------- de vindmachine: de merkenregisters ---------- */
.bl2-vind__kop{padding:var(--b2-6) 0 var(--b2-4)}
.bl2-vind__kop h1{margin-top:12px}
.bl2-vind__kop .bl2-lead{margin-top:12px}
.bl2-vind__zoek{padding:0 0 var(--b2-4)}
.bl2-vind__zoek label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl2-vind__zoekrij{display:flex;border:2px solid var(--b2-huis);background:#fff}
.bl2-vind__zoekrij input{flex:1;min-width:0;border:0;padding:15px 18px;font-size:18px;font-family:inherit;color:var(--b2-inkt);background:transparent;min-height:52px}
.bl2-vind__zoekrij input:focus{outline:0}
.bl2-vind__zoekrij:focus-within{outline:2px solid var(--b2-huis);outline-offset:2px}
.bl2-vind__teller{display:inline-flex;align-items:center;padding:15px 20px;font-size:16px;color:var(--b2-bij);white-space:nowrap}
.bl2-vind__balk{padding:0 0 var(--b2-4);display:flex;gap:var(--b2-3);flex-wrap:wrap;align-items:flex-start}
.bl2-vind__mobielknop{display:none}
.bl2-vind__groepen{display:flex;gap:var(--b2-3);flex-wrap:wrap}
.bl2-vind__groep{position:relative}
.bl2-vind__groepknop{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 18px;border:1px solid var(--b2-lijn-sterk);background:#fff;font-size:16px;font-weight:700;font-family:inherit;color:var(--b2-inkt);cursor:pointer}
.bl2-vind__groepknop:hover{border-color:var(--b2-huis);background:var(--b2-vlak)}
.bl2-vind__groepknop[aria-expanded="true"]{border-color:var(--b2-huis);background:var(--b2-vlak)}
.bl2-vind__groepknop--meer{background:var(--b2-vlak);border-color:var(--b2-lijn);font-weight:400;color:var(--b2-bij)}
.bl2-vind__paneel{position:absolute;z-index:20;top:calc(100% + 4px);left:0;min-width:280px;max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--b2-lijn-sterk);padding:var(--b2-3);margin:0;box-shadow:0 8px 24px rgba(34,31,26,.14)}
.bl2-vind__paneel--breed{min-width:min(560px,86vw);columns:2;column-gap:var(--b2-6)}
.bl2-vind__paneel legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bl2-vind__meergroep{break-inside:avoid;margin-bottom:var(--b2-4)}
.bl2-vind__meergroep>b{display:block;font-size:15px}
.bl2-vind__dekking{display:block;font-size:13px;color:var(--b2-bij);margin-bottom:6px}
.bl2-vind__keuze{display:flex;align-items:center;gap:10px;padding:9px 8px;min-height:44px;cursor:pointer;font-size:16px}
.bl2-vind__keuze:hover{background:var(--b2-vlak)}
.bl2-vind__keuze input{width:20px;height:20px;accent-color:var(--b2-accent-t);flex:none}
.bl2-vind__keuzenaam{flex:1}
.bl2-vind__keuzen{color:var(--b2-bij);font-size:14px;font-variant-numeric:tabular-nums}
.bl2-vind__keuze--nul{color:var(--b2-gedempt);cursor:default}
.bl2-vind__keuze--nul:hover{background:transparent}
.bl2-vind__snel{padding:0 0 var(--b2-4)}
.bl2-vind__snel>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.bl2-vind__ingang{min-height:46px;padding:12px 18px;border:1.5px solid var(--b2-accent-t);background:#fff;color:var(--b2-accent-t);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer}
.bl2-vind__ingang:hover{background:var(--b2-vlak)}
.bl2-vind__resultaat{border-top:1px solid var(--b2-lijn);padding-top:var(--b2-4);margin-top:var(--b2-2);display:flex;justify-content:space-between;align-items:center;gap:var(--b2-6);flex-wrap:wrap}
.bl2-vind__stand{display:flex;align-items:center;gap:var(--b2-4);flex-wrap:wrap}
.bl2-vind__stand>b{font-size:21px;font-variant-numeric:tabular-nums}
.bl2-vind__labels{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.bl2-vind__actief{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid var(--b2-accent-t);background:#fff;color:var(--b2-accent-t);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}
.bl2-vind__actief:hover{background:var(--b2-vlak)}
.bl2-vind__wis{background:none;border:0;padding:8px 4px;font-size:15px;font-weight:700;font-family:inherit;color:var(--b2-huis);text-decoration:underline;cursor:pointer}
.bl2-vind__sorteer{font-size:15px;color:var(--b2-bij);display:inline-flex;align-items:center;gap:8px}
.bl2-vind__sorteer select{min-height:44px;border:1px solid var(--b2-lijn-sterk);background:#fff;font-family:inherit;font-size:15px;color:var(--b2-inkt);padding:8px 10px}
.bl2-vind__melding{border:1px solid var(--b2-lijn-sterk);background:var(--b2-vlak);padding:var(--b2-4) 20px;margin:var(--b2-4) 0 0;font-size:16px;line-height:1.6;display:flex;align-items:center;gap:var(--b2-4);flex-wrap:wrap}
.bl2-vind__lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--b2-4);list-style:none;margin:var(--b2-4) 0 0;padding:0}
.bl2-vind__kaart{background:#fff;border:1px solid var(--b2-lijn)}
.bl2-vind__kaart>a{display:flex;flex-direction:column;gap:5px;padding:16px 18px 18px;min-height:132px;text-decoration:none;height:100%}
.bl2-vind__kaart>a:hover{background:var(--b2-vlak)}
.bl2-vind__naam{font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.bl2-vind__plek{font-size:15px;color:var(--b2-bij)}
.bl2-vind__cijfers{display:flex;align-items:baseline;gap:14px;margin-top:6px;flex-wrap:wrap}
.bl2-vind__cijfers b{font-size:17px;font-weight:700}
.bl2-vind__cijfers span{font-size:15px;color:var(--b2-bij)}
.bl2-vind__label{margin-top:auto;align-self:flex-start;border:1px solid var(--b2-lijn);background:var(--b2-vlak);color:var(--b2-accent-t);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;line-height:1.3}
.bl2-vind__letters{margin-top:var(--b2-6)}
.bl2-vind__letters .bl2-letters{margin-top:10px}
.bl2-vind__letters .bl2-letter{width:38px;height:38px;font-size:14px}
.bl2-vind .bl2-leeg{margin-top:var(--b2-4)}
.bl2-vind .bl2-leeg h2{font-size:21px}
.bl2-vind .bl2-contact{margin-top:var(--b2-6)}
@media (max-width:900px){
.bl2-vind__paneel--breed{columns:1}
}
@media (max-width:560px){
.bl2-vind__mobielknop{display:inline-flex}
.bl2-vind__groepen{display:none;width:100%;flex-direction:column;gap:var(--b2-2)}
.bl2-vind__groepen--open{display:flex}
.bl2-vind__groep{position:static}
.bl2-vind__groepknop{width:100%;justify-content:space-between}
.bl2-vind__paneel{position:static;min-width:0;box-shadow:none;max-height:none}
.bl2-vind__lijst{grid-template-columns:1fr 1fr;gap:var(--b2-2)}
.bl2-vind__kaart>a{padding:12px 14px 14px;min-height:0}
.bl2-vind__naam{font-size:17px}
.bl2-vind__plek{font-size:14px}
.bl2-vind__cijfers b{font-size:16px}
.bl2-vind__zoekrij input{font-size:16px;padding:13px 14px}
.bl2-vind__teller{padding:13px 12px;font-size:14px}
.bl2-vind__resultaat{align-items:flex-start;flex-direction:column;gap:var(--b2-3)}
}
/* bl2-eind ================================================================= */
/* ---------- Filter boven het merkenregister ---------- */
.blf-regfilter{margin:0 0 1.1rem}
.blf-regfilter__rij{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.blf-regfilter input[type=text]{flex:1 1 240px;min-width:0;font:inherit;font-size:.92rem;padding:10px 13px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink)}
.blf-regfilter select{flex:0 1 auto;font:inherit;font-size:.88rem;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--ink);max-width:100%}
.blf-regfilter input[type=text]:focus,.blf-regfilter select:focus{outline:2px solid var(--btn);outline-offset:1px;border-color:var(--btn)}
.blf-regfilter .bl-btn{flex:0 0 auto}
@media(max-width:680px){.blf-regfilter__rij{gap:6px}.blf-regfilter select{flex:1 1 46%}.blf-regfilter .bl-btn{flex:1 1 100%;text-align:center}}

.blw-tip__tweede{display:block;margin-top:.35rem;font-weight:400!important;color:var(--muted)!important;font-size:.8rem}
.blw-tip__tweede:hover{color:var(--btn)!important}

/* v1-onderdelen binnen de v2-opmaak: het merkenregister gebruikt de oude
   variabelenamen. Hier krijgen die de kleuren van v2, zodat er maar
   een component onderhouden hoeft te worden. */
.bl-v2{--ink:var(--b2-inkt);--muted:var(--b2-bij);--green:var(--b2-huis);--btn:var(--b2-huis);--btn-h:var(--b2-huis-h);--line:var(--b2-lijn);--line-s:var(--b2-lijn);--soft:var(--b2-vlak);--sand:var(--b2-accent-d);--nacht:var(--b2-band)}
.bl-v2 .blf-register{margin:0}
.bl-v2 .blf-register .bl-merken{margin-top:1.1rem}

/* ---------- Filters en zoom bij de wereldbol ---------- */
.blw-filters{margin:0 0 1.4rem;padding:16px 18px;background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--btn);border-radius:2px}
.blw-filters__kop{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.blw-filters__kop .bl-kicker{margin:0}
.blw-filters__rij{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;margin:0 0 7px}
.blw-filters__naam{flex:0 0 5.5rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.blw-filters .blf-chip b{font-weight:700;color:var(--btn)}
.blw-filters__voet{font-size:.82rem;color:var(--muted);margin:.7rem 0 0;line-height:1.55}
.bl-btn--klein{font-size:.82rem;padding:8px 14px}
.blw-zoom{display:inline-flex;align-items:center;min-width:2.6em;font-size:.82rem;font-weight:700;color:var(--muted)}
@media(max-width:680px){.blw-filters{padding:13px 14px}.blw-filters__naam{flex:1 1 100%}}
/* Aanvulling 22-08-2026, pagina Overig gedistilleerd.
   1. De schakel in de winkelbalk stond op .bl-v2 :where(a), dus donkere inkt op
      een donkere band: onleesbaar. Dit raakt ook de vier categoriepagina's.
   2. Elf tegels in een raster van vijf laten er een alleen achter. Alleen op
      deze pagina een iets bredere minimumkolom, dan wordt het vier, vier, drie.
   Terugweg: dit blok verwijderen, of blf_backup_css_20260822_overig terugzetten. */
.bl2-winkelbalk a{color:var(--b2-band-tekst);text-decoration:underline;text-underline-offset:2px}
.bl2-winkelbalk a:hover{color:#fff}
.bl-v2--overig .bl2-smaak{grid-template-columns:repeat(auto-fit,minmax(252px,1fr))}
@media(max-width:720px){.bl-v2--overig .bl2-smaak{grid-template-columns:1fr}}

/* Lijst met de eigen flespagina's onder een merk (toegevoegd 22-08-2026) */
.bl .bl-fleslijst{list-style:none;margin:0;padding:0;display:grid;gap:6px 24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.bl .bl-fleslijst li{margin:0;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:.95rem;line-height:1.35}
.bl .bl-fleslijst a{text-decoration:none}
.bl .bl-fleslijst a:hover{text-decoration:underline}

/* ---- Smaakgids: de ingangen met flesfoto's ---- */
.bl2-ingangen{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--b2-4);list-style:none;margin:0;padding:0}
.bl2-ingang{display:flex}
.bl2-ingang__link{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid var(--b2-lijn);text-decoration:none}
.bl2-ingang__link::before{content:"";display:block;height:6px;background:var(--b2-accent)}
.bl-v2 a.bl2-ingang__link{color:var(--b2-inkt)}
.bl2-ingang__beeld{display:flex;align-items:flex-end;justify-content:center;gap:10px;background:var(--b2-vlak);border-bottom:1px solid var(--b2-lijn);padding:18px 14px 14px;min-height:172px}
.bl2-ingang__fles{display:block}
.bl2-ingang__fles img{display:block;width:auto;height:128px;max-width:78px;object-fit:contain;mix-blend-mode:multiply}
.bl2-ingang__fles:nth-child(2) img{height:150px}
.bl2-ingang__body{display:block;padding:var(--b2-4) 18px 18px}
.bl2-ingang__body b{display:block;font-size:21px;font-weight:700;letter-spacing:-.01em}
.bl2-ingang__body i{display:block;font-style:normal;font-size:15px;line-height:1.55;color:var(--b2-bij);margin-top:6px}
.bl2-ingang__regel{display:block;font-size:14px;line-height:1.5;margin-top:10px;padding-top:9px;border-top:1px solid var(--b2-lijn)}
.bl2-ingang__regel em{display:block;font-style:normal;font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--b2-bij);margin-bottom:2px}
.bl2-ingang__tel{display:block;font-size:15px;font-weight:700;margin-top:var(--b2-3);color:var(--b2-accent-t)}
.bl2-ingang__link:hover{border-color:var(--b2-accent-t);background:var(--b2-papier)}
.bl2-ingang__link--leeg{opacity:.55;pointer-events:none}

/* ---- Smaakgids: de uitleglaag per smaaktype of bierstijl ---- */
.bl2-gidscluster{margin-top:var(--b2-8)}
.bl2-gidscluster h3{font-size:24px;margin:0;letter-spacing:-.01em}
.bl2-gidscluster__intro{margin:6px 0 var(--b2-4);color:var(--b2-bij);font-size:16px;max-width:62ch}
.bl2-gidsrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:var(--b2-4);list-style:none;margin:0;padding:0}
.bl2-gidskaart{display:flex;background:#fff;border:1px solid var(--b2-lijn)}
.bl2-gidskaart__beeld{flex:0 0 122px;background:var(--b2-vlak);border-right:1px solid var(--b2-lijn);display:flex;align-items:center;justify-content:center;padding:14px}
.bl2-gidskaart__beeld img{display:block;width:auto;height:148px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.bl2-gidskaart__body{padding:16px 18px;min-width:0}
.bl2-gidskaart__body h4{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}
.bl2-gidskaart__body h4 span{display:inline-block;margin-left:6px;font-size:13px;font-weight:700;color:var(--b2-bij);background:var(--b2-vlak);border:1px solid var(--b2-lijn);border-radius:999px;padding:1px 8px;vertical-align:2px}
.bl2-gidskaart__wat{margin:8px 0 0;font-size:15px;line-height:1.55}
.bl2-gidskaart__bij{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--b2-bij)}
.bl2-gidskaart__voorbeeld{margin:10px 0 0;padding-top:9px;border-top:1px solid var(--b2-lijn);font-size:13px;color:var(--b2-bij)}
.bl2-gidskaart__link{margin:8px 0 0;font-size:15px;font-weight:700}
.bl-v2 .bl2-gidskaart__link a{color:var(--b2-accent-t)}
@media (max-width:600px){
.bl2-gidskaart{flex-direction:column}
.bl2-gidskaart__beeld{flex:none;border-right:0;border-bottom:1px solid var(--b2-lijn);padding:16px}
.bl2-gidskaart__beeld img{height:132px}
.bl2-ingang__fles img{height:108px;max-width:70px}
.bl2-ingang__fles:nth-child(2) img{height:126px}
}

/* ---- Pagina's waar [bl_sectiekop] de kop levert: het eigen kopblok is dan
   leeg op de knoppen na, en het zoekveld van de vindmachine staat bovenaan. ---- */
.bl2-hero--kaal{padding:var(--b2-6) 0;border-bottom:1px solid var(--b2-lijn)}
.bl2-hero--kaal .bl2-cta{margin:0}
.bl2-inner>.bl2-vind__zoek:first-child{padding-top:var(--b2-6)}

/* ---- Het smaakvierkant op de whiskypagina ---- */
.bl2-vk__vak{background:#fff;border:1px solid var(--b2-lijn);padding:12px}
.bl2-vk__tekening{display:block;width:100%;height:auto;max-width:940px;margin:0 auto}
.bl2-vk__as{font-size:14px;font-weight:700;letter-spacing:.18em;fill:var(--b2-bij)}
.bl2-vk__naam{font-size:12px;font-weight:700;fill:var(--b2-inkt);paint-order:stroke;stroke:#fff;stroke-width:3.4px;stroke-linejoin:round}
.bl2-vk__tekening a circle{transition:fill-opacity .12s}
.bl2-vk__tekening a:hover circle,.bl2-vk__tekening a:focus circle{fill-opacity:1;stroke:var(--b2-inkt);stroke-width:2}
.bl2-vk__legenda{display:flex;flex-wrap:wrap;gap:18px;list-style:none;margin:14px 0 0;padding:0;font-size:14px;color:var(--b2-bij)}
.bl2-vk__legenda li{display:flex;align-items:center;gap:7px}
.bl2-vk__legenda span{width:12px;height:12px;border-radius:50%;display:inline-block;opacity:.72}
.bl2-vk__hoeken{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:var(--b2-3);list-style:none;margin:var(--b2-6) 0 0;padding:0}
.bl2-vk__hoeken a{display:block;height:100%;background:#fff;border:1px solid var(--b2-lijn);padding:14px 16px;text-decoration:none}
.bl2-vk__hoeken a:hover{border-color:var(--b2-accent-t);background:var(--b2-papier)}
.bl2-vk__hoeken b{display:block;font-size:17px;letter-spacing:-.01em}
.bl2-vk__hoeken i{display:block;font-style:normal;font-size:14px;line-height:1.5;color:var(--b2-bij);margin-top:4px}
.bl-v2 .bl2-vk__hoeken a{color:var(--b2-inkt)}
@media(max-width:700px){.bl2-vk__vak{overflow-x:auto;-webkit-overflow-scrolling:touch}.bl2-vk__tekening{min-width:620px}.bl2-vk__as{font-size:17px}}

/* De namenlijst onder het smaakvierkant: elke stip is hier terug te vinden. */
.bl2-vk__alle{margin:var(--b2-4) 0 0;border-top:1px solid var(--b2-lijn);padding-top:var(--b2-3)}
.bl2-vk__alle>summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--b2-inkt);padding:4px 0}
.bl2-vk__alle>summary:focus-visible{outline:2px solid var(--b2-accent);outline-offset:2px}
.bl2-vk__alle ul{list-style:none;margin:10px 0 0;padding:0;columns:4;column-gap:26px}
.bl2-vk__alle li{break-inside:avoid;margin:0 0 2px}
.bl2-vk__alle a{display:flex;align-items:baseline;gap:7px;text-decoration:none;color:var(--b2-inkt);font-size:14px;line-height:1.5;padding:2px 0}
.bl2-vk__alle a:hover b{text-decoration:underline}
.bl2-vk__alle b{font-weight:400;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.bl2-vk__alle i{font-style:normal;color:var(--b2-bij);font-variant-numeric:tabular-nums;font-size:13px}
.bl2-vk__bol{width:9px;height:9px;border-radius:50%;flex:0 0 auto;opacity:.72;transform:translateY(-1px)}
@media(max-width:900px){.bl2-vk__alle ul{columns:3}}
@media(max-width:640px){.bl2-vk__alle ul{columns:2;column-gap:18px}}
@media(max-width:380px){.bl2-vk__alle ul{columns:1}}

/* Het haarlijntje van een uitgeweken naam terug naar zijn stip. */
.bl2-vk__draad{stroke:#B4AEA1;stroke-width:1;fill:none}

/* Prijs in de fleslijst op merkpagina's (toegevoegd 01-09-2026).
   Terugweg: dit blok verwijderen, of uploads/bockje-seo/backup-bockje-merkpagina-20260901.css terugzetten. */
.bl .bl-fleslijst a{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.bl .bl-fleslijst .bl-prijs{font-size:.8rem;font-weight:400;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}


/* blv-start ================================================================
   Vraagpagina's (/<dranksoort>/vragen/<slug>/) - antwoordpagina's voor
   AI-snippets. Scope .bl-v2 .blv, eigen voorvoegsel .blv-. Staat na
   bl2-start, dus wordt alleen geleverd aan pagina's met post meta _bockje_v2.
   Terugweg: alles tussen blv-start en blv-eind verwijderen.
   ========================================================================= */
.blv{max-width:var(--b2-max);margin:0 auto;padding:0 var(--b2-4)}
.blv-kop{padding-bottom:var(--b2-6)}
.blv-kop h1{margin:0 0 var(--b2-4);max-width:22ch}

/* Het korte antwoord. Staat bovenaan omdat AI-systemen passages uit het
   begin van een pagina veruit het vaakst citeren. */
.blv-antwoord{border-left:3px solid var(--b2-huis);background:var(--b2-vlak);padding:var(--b2-4) var(--b2-6);max-width:68ch}
.blv-antwoord p{margin:0;font-size:1.0625rem;line-height:1.62;color:var(--b2-inkt)}

.blv-feitenwrap{overflow-x:auto;margin:var(--b2-8) 0}
.blv-feiten{width:100%;max-width:760px;border-collapse:collapse;font-size:.9375rem}
.blv-feiten caption{text-align:left;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--b2-bij);padding-bottom:var(--b2-2)}
.blv-feiten th,.blv-feiten td{border-top:1px solid var(--b2-lijn);padding:var(--b2-3) var(--b2-4) var(--b2-3) 0;vertical-align:top;text-align:left}
.blv-feiten th{font-weight:400;color:var(--b2-bij);width:42%}
.blv-feiten td{color:var(--b2-inkt);font-variant-numeric:tabular-nums}

.blv-sectie{max-width:70ch}
.blv-sectie h2{margin:0 0 var(--b2-3)}
.blv-sectie p{margin:0 0 var(--b2-4)}

.blv-flessen{margin:var(--b2-4) 0 var(--b2-6);padding:0}
.blv-flessen li{border-top:1px solid var(--b2-lijn);padding:var(--b2-2) 0;font-size:.9375rem;line-height:1.5}
.blv-flessen li:last-child{border-bottom:1px solid var(--b2-lijn)}
.blv-bij{color:var(--b2-bij);font-variant-numeric:tabular-nums}
.blv-meer{margin:0}

.blv-verwant dl{margin:0;max-width:70ch}
.blv-verwant dt{font-weight:700;margin:var(--b2-4) 0 var(--b2-1)}
.blv-verwant dt:first-child{margin-top:0}
.blv-verwant dd{margin:0;color:var(--b2-inkt)}

.blv-lijst{margin:var(--b2-4) 0;padding:0}
.blv-lijst li{border-top:1px solid var(--b2-lijn);padding:var(--b2-3) 0}
.blv-lijst li:last-child{border-bottom:1px solid var(--b2-lijn)}
.blv-lijst a{text-decoration:none;color:var(--b2-inkt);display:block}
.blv-lijst a:hover b{text-decoration:underline}
.blv-lijst b{font-weight:700;display:block}
.blv-lijst span{display:block;color:var(--b2-bij);font-size:.875rem;line-height:1.5;margin-top:2px}

.blv-bronnen{max-width:70ch;margin:var(--b2-12) 0 var(--b2-6);padding-top:var(--b2-6);border-top:1px solid var(--b2-lijn)}
.blv-bronnen h2{font-size:1rem;margin:0 0 var(--b2-3)}
.blv-bronnen ol{margin:0;padding-left:1.2em;list-style:decimal}
.blv-bronnen li{font-size:.875rem;line-height:1.6;color:var(--b2-bij);margin-bottom:var(--b2-2)}
.blv-bronnen a{color:var(--b2-bij)}

.blv-stand{max-width:70ch;font-size:.875rem;color:var(--b2-bij);line-height:1.6}
@media(max-width:640px){
  .blv{padding:0 var(--b2-3)}
  .blv-antwoord{padding:var(--b2-4)}
  .blv-feiten th{width:50%}
}
/* De vragenzoeker op /slijterij/veelgestelde-vragen/. */
.blv-zoeker{margin:var(--b2-8) 0}
.blv-zoekform{display:flex;flex-wrap:wrap;gap:var(--b2-2);align-items:flex-end;max-width:760px}
.blv-zoeklabel{flex:1 0 100%;font-size:.8125rem;color:var(--b2-bij);margin-bottom:var(--b2-1)}
.blv-zoekveld{flex:1 1 340px;min-width:0;font:inherit;font-size:1rem;padding:11px 13px;border:1px solid var(--b2-lijn-sterk);border-radius:2px;background:var(--b2-wit);color:var(--b2-inkt)}
.blv-zoekveld:focus{outline:2px solid var(--b2-huis);outline-offset:1px}
.blv-zoeker--js .blv-zoekform button{display:none}

.blv-chipsbalk{display:flex;flex-wrap:wrap;gap:var(--b2-2);margin:var(--b2-4) 0 var(--b2-3)}
.blv-chip{font:inherit;font-size:.875rem;padding:6px 12px;border:1px solid var(--b2-lijn-sterk);border-radius:2px;background:var(--b2-wit);color:var(--b2-inkt);cursor:pointer;display:inline-flex;align-items:baseline;gap:6px}
.blv-chip i{font-style:normal;color:var(--b2-bij);font-size:.8125rem;font-variant-numeric:tabular-nums}
.blv-chip:hover{border-color:var(--b2-huis)}
.blv-chip[aria-pressed="true"]{background:var(--b2-huis);border-color:var(--b2-huis);color:#fff}
.blv-chip[aria-pressed="true"] i{color:rgba(255,255,255,.72)}
.blv-zoeker:not(.blv-zoeker--js) .blv-chipsbalk{display:none}

.blv-teller{font-size:.8125rem;color:var(--b2-bij);margin:0 0 var(--b2-2);font-variant-numeric:tabular-nums}
.blv-hits{margin:0;padding:0}
.blv-hits--js{display:flex;flex-direction:column}
.blv-hits li{border-top:1px solid var(--b2-lijn);padding:var(--b2-3) 0}
.blv-hits li:last-child{border-bottom:1px solid var(--b2-lijn)}
.blv-hits a{text-decoration:none;color:var(--b2-inkt);display:block}
.blv-hits a:hover b{text-decoration:underline}
.blv-hits b{font-weight:700;display:block;line-height:1.35}
.blv-hits span{display:block;color:var(--b2-bij);font-size:.875rem;line-height:1.5;margin-top:3px}
.blv-hits em{display:inline-block;font-style:normal;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--b2-huis);margin-top:5px}
.blv-geenhits{margin:var(--b2-4) 0;color:var(--b2-bij);font-size:.9375rem}
@media(max-width:640px){.blv-zoekveld{flex:1 1 100%}}

/* Onderaan de hub: losse tegels naar de vragenpagina per dranksoort, in
   plaats van een lange lijst. Vervangt de uitklaplijst van 04-09-2026.
   Bijgewerkt 06-09-2026. */
/* Onderaan de hub: losse knoppen per dranksoort. Het thema zet a-elementen in
   dit blok op display:block met eigen padding, dus alle regels hieronder staan
   bewust op .bl-v2 om dat te overrulen. Bijgewerkt 06-09-2026. */
.bl-v2 .blv-soorten{display:block;border:0;background:none;padding:0}
.bl-v2 .blv-soorten>h2{margin:0 0 var(--b2-4)}
.bl-v2 .blv-tegels{display:flex;flex-wrap:wrap;gap:10px}
.bl-v2 .blv-tegels .blv-tegel{display:inline-flex;align-items:baseline;gap:9px;width:auto;margin:0;padding:9px 14px;border:1px solid var(--b2-lijn-sterk);border-radius:3px;background:var(--b2-papier);text-decoration:none;color:var(--b2-inkt);line-height:1.2}
.bl-v2 .blv-tegels .blv-tegel:hover{background:var(--b2-vlak);border-color:var(--b2-huis);color:var(--b2-huis)}
.bl-v2 .blv-tegels .blv-tegel span{display:inline;font-size:.9375rem;font-weight:600;color:inherit;letter-spacing:0;text-transform:none;order:1}
.bl-v2 .blv-tegels .blv-tegel b{display:inline;order:2;font-size:.8125rem;font-weight:400;color:var(--b2-bij);font-variant-numeric:tabular-nums}
.bl-v2 .blv-tegels .blv-tegel:hover b{color:var(--b2-huis)}

/* De vragenlijst per dranksoort in een uitklapper. De kop van elke soort is een
   donkergroene balk, zodat je in een oogopslag ziet waar een dranksoort begint
   en het geheel niet als een lange lijst leest. Bijgewerkt 06-09-2026. */
.blv-groep{margin:0 0 var(--b2-3);border:0}
.bl-v2 .blv-groep>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:12px 16px;border-radius:3px;background:var(--b2-huis);color:#fff;font-weight:700;font-size:1.0625rem;letter-spacing:.01em}
.blv-groep>summary::-webkit-details-marker{display:none}
.bl-v2 .blv-groep>summary:hover{background:#1a2b13}
.bl-v2 .blv-groep>summary i{margin-left:auto;font-style:normal;font-weight:400;font-size:.8125rem;color:rgba(255,255,255,.72);font-variant-numeric:tabular-nums;white-space:nowrap}
.bl-v2 .blv-groep>summary::after{content:'';width:8px;height:8px;border-right:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);transform:translateY(-2px) rotate(45deg);order:3;flex:0 0 auto}
.bl-v2 .blv-groep[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.blv-groep>ul{list-style:none;margin:0;padding:0}
.blv-groep>ul li{border-bottom:1px solid var(--b2-lijn);border-top:0;padding:var(--b2-3) 2px}
.blv-groep>ul li:last-child{border-bottom:0}
.blv-hits--js .blv-groep>ul{display:flex;flex-direction:column}
.blv-hits--js{display:block}
@media(max-width:480px){.bl-v2 .blv-groep>summary{padding:11px 13px;font-size:1rem}}

/* Per dranksoort vijf vragen open, de rest achter een knop. */
.blv-meer{margin:var(--b2-3) 0 var(--b2-2)}
.blv-meer>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--b2-huis);font-weight:700;padding:8px 13px;border:1px solid var(--b2-lijn-sterk);border-radius:3px;background:var(--b2-papier)}
.blv-meer>summary::-webkit-details-marker{display:none}
.blv-meer>summary::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.blv-meer[open]>summary::after{transform:translateY(1px) rotate(225deg)}
.blv-meer>summary:hover{background:var(--b2-vlak)}
.blv-meer>ul{margin-top:var(--b2-2)}
/* De kop van de vragenhub, in dezelfde donkere stijl als de blog. Volle breedte,
   goudkleurige bovenregel, witte titel, en het zoekveld plus de dranksoorten in
   de band zelf. Toegevoegd 06-09-2026. */
.blv-bleed{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;max-width:100vw}
/* Geen margin-shorthand: die zou de negatieve marges van .blv-bleed wissen.
   En de wrapper .bl-v2 klipt standaard, dus alleen op deze pagina laten we dat los. */
.blv-hero{position:relative;overflow:hidden;background:#0b0e07;margin-top:0;margin-bottom:2.6rem}
.bl-v2:has(.blv-hero){overflow:visible}
.blv-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(9,12,6,.5) 0%,rgba(9,12,6,.76) 55%,rgba(9,12,6,.94) 100%),radial-gradient(78% 110% at 12% 0%,rgba(201,185,141,.17) 0%,rgba(11,14,7,0) 62%);pointer-events:none}
.blv-heroinner{position:relative;z-index:2;width:min(1160px,100% - 52px);margin:0 auto;padding:clamp(2.2rem,5vw,4.2rem) 0 clamp(1.8rem,3.6vw,2.8rem)}
.blv-herokicker{display:block;margin:0 0 .75rem;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c9b98d}
.bl-v2 h1.blv-herotitel{margin:0 0 .45em;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.05;letter-spacing:-.03em;font-weight:700;max-width:17em;text-wrap:balance;color:#fff !important}
.blv-herolead{margin:0 0 1.6rem;color:#d9d6cd;font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.62;max-width:58ch}
/* De verwijzing naar contact staat in de donkere kop; het thema kleurt links
   daar te donker, dus hier het goud van de kop. */
.bl-v2 .blv-herolead a{color:#c9b98d;text-decoration:underline;text-underline-offset:3px}
.bl-v2 .blv-herolead a:hover{color:#fff}

.blv-hero .blv-zoekform{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;max-width:660px;margin:0;padding:0;background:none;border:0}
.blv-hero .blv-zoeklabel{flex:1 0 100%;margin:0 0 .3rem;color:#c9b98d;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.blv-hero .blv-zoekveld{flex:1 1 340px;min-width:0;font:inherit;font-size:1rem;padding:13px 15px;border:1px solid rgba(201,185,141,.42);border-radius:2px;background:rgba(11,14,7,.42);color:#fff}
.blv-hero .blv-zoekveld::placeholder{color:rgba(217,214,205,.62)}
.blv-hero .blv-zoekveld:focus{outline:2px solid #c9b98d;outline-offset:1px;border-color:#c9b98d}
.blv-hero .blv-zoekform button{font:inherit;font-size:.9375rem;font-weight:700;padding:13px 22px;border:1px solid #c9b98d;border-radius:2px;background:#c9b98d;color:#0b0e07;cursor:pointer}

.blv-soortenband{margin:1.6rem 0 0;padding-top:1.3rem;border-top:1px solid rgba(201,185,141,.28)}
.blv-soortenkop{margin:0 0 .9rem;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:#c9b98d;font-weight:700}
.bl-v2 .blv-hero .blv-chipsbalk{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.bl-v2 .blv-hero .blv-chip{display:inline-flex;align-items:baseline;gap:8px;margin:0;padding:.6rem .9rem;border:1px solid rgba(201,185,141,.34);border-radius:2px;background:rgba(11,14,7,.34);color:#fff;font:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;cursor:pointer}
.bl-v2 .blv-hero .blv-chip span{color:#fff}
.bl-v2 .blv-hero .blv-chip i{font-style:normal;font-weight:400;font-size:.8125rem;color:#c9b98d;font-variant-numeric:tabular-nums}
.bl-v2 .blv-hero .blv-chip:hover{border-color:#c9b98d;background:rgba(201,185,141,.13)}
.bl-v2 .blv-hero .blv-chip[aria-pressed="true"]{background:#c9b98d;border-color:#c9b98d}
.bl-v2 .blv-hero .blv-chip[aria-pressed="true"] span{color:#0b0e07}
.bl-v2 .blv-hero .blv-chip[aria-pressed="true"] i{color:rgba(11,14,7,.7)}
.blv-hero .blv-teller{margin:1rem 0 0;color:rgba(217,214,205,.8);font-size:.8125rem;font-variant-numeric:tabular-nums}
.blv-zoeker:not(.blv-zoeker--js) .blv-soortenband{display:none}

/* Op een telefoon zouden 23 knoppen de halve pagina vullen, dus daar staan ze
   in een rij die je opzij schuift. */
@media(max-width:640px){.blv-heroinner{width:min(1160px,100% - 32px)}.blv-hero .blv-zoekveld{flex:1 1 100%}.blv-hero .blv-zoekform button{flex:1 1 100%}.bl-v2 .blv-hero .blv-chipsbalk{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px;-webkit-overflow-scrolling:touch}.bl-v2 .blv-hero .blv-chip{flex:0 0 auto}}

.bl-v2 .blv-groep>summary span{color:#fff}


/* Het zoekveld in de donkere kop moet een echte witte balk zijn, anders valt
   het weg tegen de achtergrond. De knop ernaast houdt zijn eigen breedte. */
.bl-v2 .blv-hero .blv-zoekform{align-items:stretch}
.bl-v2 .blv-hero .blv-zoekveld{flex:1 1 340px;width:auto;min-width:0;background:#fff;color:#221F1A;border:1px solid #c9b98d;border-radius:3px;padding:14px 16px;font-size:1rem;box-shadow:none}
.bl-v2 .blv-hero .blv-zoekveld::placeholder{color:#6B665C;opacity:1}
.bl-v2 .blv-hero .blv-zoekform button{flex:0 0 auto;width:auto;display:inline-block;padding:14px 24px;background:#c9b98d;color:#0b0e07;border:1px solid #c9b98d;border-radius:3px;font-weight:700}
.bl-v2 .blv-hero .blv-zoekform button:hover{background:#d8c9a2;border-color:#d8c9a2;color:#0b0e07}
@media(max-width:640px){.bl-v2 .blv-hero .blv-zoekveld{flex:1 1 100%}.bl-v2 .blv-hero .blv-zoekform button{flex:1 1 100%;width:100%}}
/* blv-eind ================================================================= */
/* Avada zet de koppen via #wrapper .post-content h1/h2/h3 op eigen maten.
   De :where()-regels hierboven hebben geen gewicht en verliezen dat gevecht,
   waardoor de koppen op de bl2-pagina's op 15 tot 20 px uitkwamen. Avada's
   regel gebruikt een id, dus hier is !important de enige weg die binnen de
   slijterij blijft; het thema zelf blijft ongemoeid. Alles staat onder
   .bl-v2 en raakt dus geen enkele pagina buiten de slijterij. */
.bl-v2 h1{font-size:48px!important;line-height:1.05!important;letter-spacing:-.03em;font-weight:700!important;color:var(--b2-inkt);margin:0;max-width:24ch;text-wrap:balance}
.bl-v2 h2{font-size:32px!important;line-height:1.15!important;letter-spacing:-.02em;font-weight:700!important;color:var(--b2-inkt);margin:0;text-wrap:balance}
.bl-v2 h3{font-size:21px!important;line-height:1.25!important;letter-spacing:-.01em;font-weight:700!important;color:var(--b2-inkt);margin:0}
.bl-v2 .bl2-hero h1{margin-top:14px}
@media (max-width:560px){
.bl-v2 h1{font-size:34px!important}
.bl-v2 h2{font-size:26px!important}
.bl-v2 h3{font-size:19px!important}
}

