/* =========================================================
   By Werner Header v1.0
   Zwart, lichtgrijs, rood accent. Prefix: bwhd-
   ========================================================= */

:root{
  --bwhd-dark:#050405;
  --bwhd-dark-2:#0e0d0e;
  --bwhd-light:#F2F2F4;
  --bwhd-green:#60725F;
  --bwhd-red:#D4040C;
  --bwhd-line:rgba(242,242,244,.10);
  --bwhd-muted:rgba(242,242,244,.66);
  --bwhd-max:1300px;
  --bwhd-gutter:24px;
  --bwhd-top-h:38px;
  --bwhd-main-h:84px;
  --bwhd-main-h-compact:66px;
  --bwhd-logo-h:56px;
  --bwhd-ease:cubic-bezier(.22,.8,.2,1);
  --bwhd-offset:0px; /* adminbalk */
}
body.admin-bar{ --bwhd-offset:32px; }
@media (max-width:782px){ body.admin-bar{ --bwhd-offset:46px; } }
@media (max-width:600px){ body.admin-bar{ --bwhd-offset:0px; } }

/* ---------- Resets tegen Flatsome ---------- */
.bwhd,.bwhd *,.bwhd *::before,.bwhd *::after,
.bwhd-drawer,.bwhd-drawer *,.bwhd-drawer *::before,.bwhd-drawer *::after{ box-sizing:border-box; }
.bwhd ul,.bwhd li,.bwhd-drawer ul,.bwhd-drawer li{ list-style:none; margin:0; padding:0; }
.bwhd a,.bwhd-drawer a{ text-decoration:none; color:inherit; }
.bwhd button,.bwhd-drawer button{
  -webkit-appearance:none;
  appearance:none;
  margin:0;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  font:inherit;
  color:inherit;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  cursor:pointer;
}
.bwhd img,.bwhd-drawer img{ display:block; max-width:none; }
.bwhd-sr{
  position:absolute !important;
  width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.bwhd-skip{
  position:fixed;
  left:12px;
  top:-60px;
  z-index:10001;
  padding:10px 16px;
  border-radius:10px;
  background:#fff;
  color:var(--bwhd-dark) !important;
  font-weight:800;
  transition:top .2s ease;
}
.bwhd-skip:focus{ top:calc(var(--bwhd-offset) + 10px); }

.bwhd-wrap{
  width:min(var(--bwhd-max), calc(100% - (var(--bwhd-gutter) * 2)));
  margin-inline:auto;
}

/* =========================================================
   STICKY (fixed + spacer = werkt altijd, ook met overflow op wrappers)
   ========================================================= */
.bwhd-spacer{ height:calc(var(--bwhd-top-h) + var(--bwhd-main-h)); }
.bwhd{
  position:fixed;
  left:0;
  right:0;
  top:var(--bwhd-offset);
  z-index:1000;
  color:#fff;
  font-family:inherit;
  line-height:1.4;
}

/* ---------- Topbar ---------- */
.bwhd-top{
  height:var(--bwhd-top-h);
  background:var(--bwhd-dark-2);
  border-bottom:1px solid var(--bwhd-line);
  overflow:hidden;
  transition:height .3s var(--bwhd-ease), opacity .25s ease;
}
.bwhd-top__in{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-size:12.5px;
}
.bwhd-top__left{ display:flex; align-items:center; gap:18px; min-width:0; }
.bwhd-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-weight:700;
  white-space:nowrap;
  color:#fff;
}
.bwhd-dot{
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2ecc71;
  box-shadow:0 0 0 3px rgba(46,204,113,.22);
}
.is-closed .bwhd-dot{ background:var(--bwhd-red); box-shadow:0 0 0 3px rgba(212,4,12,.28); }
.bwhd .bwhd-top__addr{
  color:var(--bwhd-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:color .2s ease;
}
.bwhd .bwhd-top__addr:hover{ color:#fff; }

.bwhd-top__links{ display:flex; align-items:center; gap:4px; white-space:nowrap; }
.bwhd .bwhd-top__link{
  padding:6px 10px;
  border-radius:6px;
  color:var(--bwhd-muted);
  transition:color .2s ease, background-color .2s ease;
}
.bwhd .bwhd-top__link:hover{ color:#fff; background:rgba(242,242,244,.06); }
.bwhd .bwhd-top__tel,
.bwhd .bwhd-top__wa{
  margin-left:6px;
  padding:5px 12px;
  border-radius:999px;
  font-weight:800;
  color:#fff;
  transition:background-color .2s ease;
}
.bwhd .bwhd-top__tel{ background:rgba(242,242,244,.08); }
.bwhd .bwhd-top__tel:hover{ background:var(--bwhd-red); color:#fff; }
.bwhd .bwhd-top__wa{ background:var(--bwhd-green); }
.bwhd .bwhd-top__wa:hover{ background:#4d5c4c; color:#fff; }

/* ---------- Hoofdbalk ---------- */
.bwhd-main{
  position:relative;
  background:rgba(5,4,5,.97);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);
  backdrop-filter:saturate(1.4) blur(10px);
  box-shadow:0 1px 0 var(--bwhd-line);
  transition:box-shadow .3s ease;
}
.bwhd-main::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg, rgba(212,4,12,0), var(--bwhd-red) 20%, var(--bwhd-red) 80%, rgba(212,4,12,0));
  opacity:.9;
}
.bwhd-main__in{
  height:var(--bwhd-main-h);
  display:flex;
  align-items:center;
  gap:28px;
  transition:height .3s var(--bwhd-ease);
}

.bwhd-logo{ flex:0 0 auto; display:flex; align-items:center; }
.bwhd-logo img{
  height:var(--bwhd-logo-h);
  width:auto;
  transition:height .3s var(--bwhd-ease);
}
.bwhd-logo__text{ font-size:22px; font-weight:900; letter-spacing:.12em; color:#fff; }
.bwhd-logo__text em{ font-style:normal; color:var(--bwhd-red); }

/* ---------- Desktop menu ---------- */
.bwhd-nav{ flex:1 1 auto; display:flex; justify-content:center; min-width:0; height:100%; }
.bwhd-menu{ display:flex; align-items:stretch; height:100%; }
.bwhd-menu > li{ position:relative; display:flex; align-items:center; }
.bwhd .bwhd-menu > li > a{
  position:relative;
  display:flex;
  align-items:center;
  gap:6px;
  height:100%;
  padding:0 11px;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  color:#fff;
  transition:color .2s ease;
}
/* pijltje bij submenu */
.bwhd-menu > li.menu-item-has-children > a::after{
  content:"";
  width:6px;
  height:6px;
  margin-top:-3px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  opacity:.7;
  transition:transform .25s var(--bwhd-ease);
}
/* rode streep onder actief / hover */
.bwhd-menu > li > a::before{
  content:"";
  position:absolute;
  left:11px;
  right:11px;
  bottom:18px;
  height:2px;
  border-radius:2px;
  background:var(--bwhd-red);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s var(--bwhd-ease);
}
.bwhd-menu > li:hover > a::before,
.bwhd-menu > li:focus-within > a::before,
.bwhd-menu > li.current-menu-item > a::before,
.bwhd-menu > li.current-menu-ancestor > a::before,
.bwhd-menu > li.current-product_cat-ancestor > a::before{ transform:scaleX(1); }
.bwhd-menu > li:hover > a::after{ transform:rotate(225deg); margin-top:3px; }

/* dropdown */
.bwhd-menu .sub-menu{
  position:absolute;
  left:50%;
  top:calc(100% - 10px);
  z-index:20;
  min-width:250px;
  padding:10px;
  border-radius:16px;
  background:#fff;
  color:var(--bwhd-dark);
  box-shadow:0 24px 60px rgba(5,4,5,.28);
  opacity:0;
  visibility:hidden;
  transform:translate(-50%, 10px);
  transition:opacity .2s ease, transform .25s var(--bwhd-ease), visibility 0s linear .25s;
}
.bwhd-menu .sub-menu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
}
.bwhd-menu > li:hover > .sub-menu,
.bwhd-menu > li:focus-within > .sub-menu{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);
  transition:opacity .2s ease, transform .25s var(--bwhd-ease), visibility 0s;
}
.bwhd .bwhd-menu .sub-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  color:var(--bwhd-dark);
  white-space:nowrap;
  transition:background-color .15s ease, color .15s ease, padding .2s var(--bwhd-ease);
}
.bwhd .bwhd-menu .sub-menu a:hover,
.bwhd .bwhd-menu .sub-menu .current-menu-item > a{
  background:var(--bwhd-light);
  color:var(--bwhd-red);
  padding-left:18px;
}
/* laatste item ("Alle ...") als knop */
.bwhd .bwhd-menu > li > .sub-menu > li:last-child:not(:first-child) > a{
  margin-top:6px;
  background:var(--bwhd-dark);
  color:#fff;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.bwhd .bwhd-menu > li > .sub-menu > li:last-child:not(:first-child) > a:hover{ background:var(--bwhd-red); color:#fff; }
/* 3e niveau: ingesprongen binnen dezelfde dropdown */
.bwhd-menu .sub-menu .sub-menu{
  position:static;
  min-width:0;
  padding:0 0 0 12px;
  box-shadow:none;
  opacity:1;
  visibility:visible;
  transform:none;
  background:transparent;
}
.bwhd .bwhd-menu .sub-menu .sub-menu a{ font-size:13px; font-weight:600; color:rgba(5,4,5,.7); }

/* ---------- Acties rechts ---------- */
.bwhd-actions{ flex:0 0 auto; display:flex; align-items:center; gap:8px; margin-left:auto; }
.bwhd .bwhd-ibtn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:46px;
  min-width:46px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(242,242,244,.07);
  border:1px solid var(--bwhd-line);
  color:#fff;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background-color .2s ease, border-color .2s ease, transform .2s var(--bwhd-ease);
}
.bwhd .bwhd-ibtn:hover{ background:rgba(242,242,244,.12); border-color:rgba(212,4,12,.5); color:#fff; }
.bwhd .bwhd-search-toggle,
.bwhd .bwhd-account{ width:46px; padding:0; }
.bwhd .bwhd-search-toggle[aria-expanded="true"]{ background:#fff; color:var(--bwhd-dark); }
.bwhd .bwhd-cart{ background:var(--bwhd-red); border-color:var(--bwhd-red); padding-right:8px; }
.bwhd .bwhd-cart:hover{ background:#b80309; border-color:#b80309; }
.bwhd-cart__total:empty{ display:none; }
.bwhd-cart__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  border-radius:999px;
  background:#fff;
  color:var(--bwhd-dark);
  font-size:12.5px;
  font-weight:900;
  letter-spacing:0;
}
.bwhd-burger{ display:none !important; }

/* ---------- Iconen (CSS getekend) ---------- */
.bwhd-i{ position:relative; display:inline-block; flex:0 0 auto; width:18px; height:18px; }
.bwhd-i--search::before{
  content:"";
  position:absolute;
  left:1px;
  top:1px;
  width:11px;
  height:11px;
  border:2px solid currentColor;
  border-radius:50%;
}
.bwhd-i--search::after{
  content:"";
  position:absolute;
  left:12px;
  top:12px;
  width:6px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transform:rotate(45deg);
  transform-origin:left center;
}
.bwhd-i--user::before{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:8px;
  height:8px;
  border:2px solid currentColor;
  border-radius:50%;
}
.bwhd-i--user::after{
  content:"";
  position:absolute;
  left:1px;
  bottom:1px;
  width:16px;
  height:7px;
  border:2px solid currentColor;
  border-bottom:0;
  border-radius:9px 9px 0 0;
}
.bwhd-i--bag::before{
  content:"";
  position:absolute;
  left:2px;
  bottom:1px;
  width:14px;
  height:11px;
  border:2px solid currentColor;
  border-radius:2px 2px 4px 4px;
}
.bwhd-i--bag::after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:8px;
  height:7px;
  border:2px solid currentColor;
  border-bottom:0;
  border-radius:6px 6px 0 0;
}
.bwhd-i--menu{ width:20px; height:14px; }
.bwhd-i--menu::before,
.bwhd-i--menu::after,
.bwhd-i--menu span{
  content:"";
  position:absolute;
  left:0;
  width:20px;
  height:2px;
  border-radius:2px;
  background:currentColor;
  transition:transform .25s var(--bwhd-ease), opacity .2s ease, width .25s ease;
}
.bwhd-i--menu::before{ top:0; }
.bwhd-i--menu span{ top:6px; width:14px; }
.bwhd-i--menu::after{ bottom:0; }

/* ---------- Zoekpaneel ---------- */
.bwhd-search{
  position:absolute;
  left:0;
  right:0;
  top:100%;
  background:#fff;
  color:var(--bwhd-dark);
  box-shadow:0 30px 60px rgba(5,4,5,.22);
  padding:22px 0 26px;
  border-bottom:3px solid var(--bwhd-red);
  animation:bwhdDrop .25s var(--bwhd-ease);
}
.bwhd-search[hidden]{ display:none; }
@keyframes bwhdDrop{ from{ opacity:0; transform:translateY(-8px); } to{ opacity:1; transform:none; } }
.bwhd-search__form{ display:flex; gap:10px; }
.bwhd .bwhd-search__input{
  flex:1 1 auto;
  height:56px !important;
  margin:0 !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:2px solid rgba(5,4,5,.1) !important;
  background:var(--bwhd-light) !important;
  box-shadow:none !important;
  color:var(--bwhd-dark) !important;
  font-size:17px !important;
  font-weight:600;
  outline:none;
  transition:border-color .2s ease, background-color .2s ease;
}
.bwhd .bwhd-search__input:focus{ border-color:var(--bwhd-red) !important; background:#fff !important; }
.bwhd .bwhd-search__submit{
  height:56px;
  padding:0 28px;
  border-radius:999px;
  background:var(--bwhd-red);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:background-color .2s ease;
}
.bwhd .bwhd-search__submit:hover{ background:#b80309; }
.bwhd-chips{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px; }
.bwhd-chips[hidden]{ display:none; }
.bwhd-chips__k{ font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:rgba(5,4,5,.5); margin-right:4px; }
.bwhd .bwhd-chip{
  padding:8px 14px;
  border-radius:999px;
  background:var(--bwhd-light);
  font-size:13px;
  font-weight:700;
  color:var(--bwhd-dark);
  transition:background-color .2s ease, color .2s ease;
}
.bwhd .bwhd-chip:hover{ background:var(--bwhd-dark); color:#fff; }

.bwhd-results{ margin-top:16px; }
.bwhd-results:empty{ display:none; }
.bwhd-results__grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:10px; }
.bwhd .bwhd-res{
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(5,4,5,.08);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.bwhd .bwhd-res:hover{ border-color:var(--bwhd-red); box-shadow:0 10px 24px rgba(5,4,5,.08); }
.bwhd-res img{ width:64px; height:52px; object-fit:contain; border-radius:8px; background:var(--bwhd-light); }
.bwhd-res strong{ display:block; font-size:14px; font-weight:800; line-height:1.25; color:var(--bwhd-dark); }
.bwhd-res span{ display:block; margin-top:2px; font-size:13px; font-weight:800; color:var(--bwhd-red); }
.bwhd-results__msg{ font-size:14px; color:rgba(5,4,5,.6); }
.bwhd .bwhd-results__all{
  display:inline-flex;
  margin-top:12px;
  font-size:13px;
  font-weight:800;
  color:var(--bwhd-red);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------- Compact bij scrollen ---------- */
.bwhd.is-compact .bwhd-top{ height:0; opacity:0; border-bottom-width:0; }
.bwhd.is-compact .bwhd-main__in{ height:var(--bwhd-main-h-compact); }
.bwhd.is-compact .bwhd-logo img{ height:calc(var(--bwhd-logo-h) * .76); }
.bwhd.is-compact .bwhd-main{ box-shadow:0 12px 30px rgba(0,0,0,.35); }
.bwhd.is-compact .bwhd-menu > li > a::before{ bottom:12px; }

/* =========================================================
   MOBIEL MENU (drawer)
   ========================================================= */
.bwhd-drawer{
  position:fixed;
  inset:0;
  z-index:10000;
  font-family:inherit;
  color:var(--bwhd-dark);
}
.bwhd-drawer[hidden]{ display:none; }
.bwhd-drawer__overlay{
  position:absolute;
  inset:0;
  background:rgba(5,4,5,.55);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  opacity:0;
  transition:opacity .3s ease;
}
.bwhd-drawer__panel{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  width:min(420px, 92vw);
  background:#fff;
  box-shadow:20px 0 60px rgba(0,0,0,.3);
  transform:translateX(-100%);
  transition:transform .35s var(--bwhd-ease);
}
.bwhd-drawer.is-open .bwhd-drawer__overlay{ opacity:1; }
.bwhd-drawer.is-open .bwhd-drawer__panel{ transform:none; }

.bwhd-drawer__head{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  background:var(--bwhd-dark);
  border-bottom:2px solid var(--bwhd-red);
}
.bwhd-logo--sm img{ height:44px; width:auto; }
.bwhd .bwhd-close,
.bwhd-drawer .bwhd-close{
  position:relative;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(242,242,244,.1);
  color:#fff;
}
.bwhd-close span::before,
.bwhd-close span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:2px;
  border-radius:2px;
  background:currentColor;
}
.bwhd-close span::before{ transform:translate(-50%,-50%) rotate(45deg); }
.bwhd-close span::after{ transform:translate(-50%,-50%) rotate(-45deg); }

.bwhd-drawer__body{
  flex:1 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:16px 16px 28px;
}

.bwhd-dstatus{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border-radius:14px;
  background:var(--bwhd-light);
}
.bwhd-dstatus strong{ display:block; font-size:15px; font-weight:900; }
.bwhd-dstatus em{ display:block; font-style:normal; font-size:12.5px; color:rgba(5,4,5,.6); }

.bwhd-dsearch{ position:relative; margin-top:12px; }
.bwhd-drawer .bwhd-dsearch__input{
  width:100% !important;
  height:50px !important;
  margin:0 !important;
  padding:0 56px 0 18px !important;
  border-radius:999px !important;
  border:2px solid rgba(5,4,5,.1) !important;
  background:#fff !important;
  box-shadow:none !important;
  font-size:16px !important; /* geen zoom op iOS */
  color:var(--bwhd-dark) !important;
}
.bwhd-drawer .bwhd-dsearch__input:focus{ border-color:var(--bwhd-red) !important; outline:none; }
.bwhd-drawer .bwhd-dsearch__btn{
  position:absolute;
  right:5px;
  top:5px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--bwhd-red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* mobiel menu accordeon */
.bwhd-mnav{ margin-top:10px; }
.bwhd-mmenu > li{ position:relative; border-bottom:1px solid rgba(5,4,5,.08); }
.bwhd-drawer .bwhd-mmenu > li > a{
  display:block;
  padding:15px 56px 15px 4px;
  font-size:15.5px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--bwhd-dark);
}
.bwhd-drawer .bwhd-mmenu > li.current-menu-item > a,
.bwhd-drawer .bwhd-mmenu > li.current-menu-ancestor > a{ color:var(--bwhd-red); }
.bwhd-drawer .bwhd-sub-toggle{
  position:absolute;
  right:0;
  top:6px;
  width:44px;
  height:44px;
  border-radius:12px;
  background:var(--bwhd-light);
}
.bwhd-sub-toggle::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:8px;
  height:8px;
  margin:-6px 0 0 -4px;
  border-right:2px solid var(--bwhd-dark);
  border-bottom:2px solid var(--bwhd-dark);
  transform:rotate(45deg);
  transition:transform .25s var(--bwhd-ease), margin .25s ease;
}
.bwhd-drawer .bwhd-sub-toggle[aria-expanded="true"]{ background:var(--bwhd-red); }
.bwhd-sub-toggle[aria-expanded="true"]::before{ border-color:#fff; transform:rotate(225deg); margin-top:-2px; }
.bwhd-mmenu .sub-menu{
  display:none;
  padding:0 0 12px 4px;
}
.bwhd-mmenu li.is-open > .sub-menu{ display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.bwhd-drawer .bwhd-mmenu .sub-menu a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  background:var(--bwhd-light);
  font-size:14px;
  font-weight:700;
  color:var(--bwhd-dark);
}
.bwhd-drawer .bwhd-mmenu .sub-menu a:active,
.bwhd-drawer .bwhd-mmenu .sub-menu .current-menu-item > a{ background:var(--bwhd-dark); color:#fff; }
.bwhd-drawer .bwhd-mmenu .sub-menu > li:last-child:not(:first-child){ grid-column:1 / -1; }
.bwhd-drawer .bwhd-mmenu .sub-menu > li:last-child:not(:first-child) > a{ background:var(--bwhd-dark); color:#fff; text-align:center; font-weight:800; }
.bwhd-mmenu .sub-menu .sub-menu{ display:block; padding:6px 0 0; }
.bwhd-mmenu .sub-menu .sub-menu a{ background:transparent !important; color:rgba(5,4,5,.7) !important; padding:6px 12px !important; }
.bwhd-mmenu .sub-menu li .bwhd-sub-toggle{ display:none; }

/* snelle acties */
.bwhd-quick{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-top:18px; }
.bwhd-drawer .bwhd-quick__btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-height:62px;
  padding:8px;
  border-radius:14px;
  background:var(--bwhd-dark);
  color:#fff;
  text-align:center;
}
.bwhd-quick__btn strong{ font-size:13px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }
.bwhd-quick__btn span{ font-size:11px; opacity:.7; }
.bwhd-drawer .bwhd-quick__btn--wa{ background:var(--bwhd-green); }

.bwhd-dlinks{ margin-top:16px; }
.bwhd-dlinks li{ border-bottom:1px solid rgba(5,4,5,.06); }
.bwhd-drawer .bwhd-dlinks a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 4px;
  font-size:14.5px;
  font-weight:600;
  color:rgba(5,4,5,.75);
}
.bwhd-drawer .bwhd-dlinks .bwhd-cart__count{ background:var(--bwhd-red); color:#fff; min-width:26px; height:26px; }
.bwhd-drawer .bwhd-dlinks .bwhd-cart__count.is-empty{ background:var(--bwhd-light); color:var(--bwhd-dark); }

html.bwhd-lock,
html.bwhd-lock body{ overflow:hidden !important; }

/* =========================================================
   RESPONSIVE
   ========================================================= */
/* Smallere desktop: compacter menu */
@media (max-width:1400px){
  .bwhd .bwhd-menu > li > a{ padding:0 8px; font-size:12px; letter-spacing:.03em; }
  .bwhd-menu > li > a::before{ left:8px; right:8px; }
  .bwhd-main__in{ gap:16px; }
  .bwhd .bwhd-cart__total{ display:none; }
  .bwhd .bwhd-cart{ padding:0 6px 0 14px; }
}

/* Tablet en mobiel: hamburger */
@media (max-width:1240px){
  .bwhd-nav{ display:none; }
  .bwhd-burger{ display:inline-flex !important; }
  .bwhd .bwhd-cart__total{ display:inline; }
  /* hamburger in dezelfde stijl als de andere knoppen */
  .bwhd .bwhd-burger{ gap:10px; }
  .bwhd .bwhd-burger[aria-expanded="true"]{ background:#fff; color:var(--bwhd-dark); }
  .bwhd-top__link{ display:none; }

  /* volgorde: hamburger | logo .......... zoeken | account | winkelwagen */
  .bwhd-actions{ display:contents; }
  .bwhd-burger{ order:-1; }
  .bwhd-logo{ order:0; }
  .bwhd .bwhd-search-toggle{ order:1; margin-left:auto; }
  .bwhd-account{ order:2; }
  .bwhd-cart{ order:3; }
  .bwhd-main__in{ gap:10px; position:relative; }
  /* logo exact in het midden, los van de knoppen links en rechts */
  .bwhd-logo{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:1;
  }
}

@media (max-width:640px){
  :root{
    --bwhd-gutter:14px;
    --bwhd-top-h:30px;
    --bwhd-main-h:64px;
    --bwhd-main-h-compact:58px;
    --bwhd-logo-h:44px;
  }
  .bwhd-top__in{ font-size:11.5px; gap:10px; }
  .bwhd-top__addr{ display:none; }
  .bwhd .bwhd-top__wa{ display:none; }
  .bwhd .bwhd-top__tel{ padding:3px 10px; margin:0; }

  .bwhd-main__in{ gap:10px; }
  .bwhd-actions{ gap:6px; }
  .bwhd .bwhd-ibtn{ height:42px; min-width:42px; width:42px; padding:0; }
  .bwhd .bwhd-ibtn__label,
  .bwhd .bwhd-cart__total{ display:none; }
  .bwhd .bwhd-account{ display:none; }
  .bwhd .bwhd-cart{ width:auto; padding:0 6px 0 12px; gap:6px; }
  .bwhd-cart__count{ min-width:24px; height:24px; padding:0 6px; font-size:11.5px; }
  .bwhd .bwhd-cart__count.is-empty{ display:none; }
  .bwhd .bwhd-cart:has(.is-empty){ padding:0; width:42px; }

  .bwhd-search{ padding:14px 0 18px; }
  .bwhd .bwhd-search__input{ height:48px !important; font-size:16px !important; padding:0 16px !important; }
  .bwhd .bwhd-search__submit{ display:none; }
  .bwhd-chips{ flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; margin-inline:calc(var(--bwhd-gutter) * -1); padding:0 var(--bwhd-gutter); }
  .bwhd-chips::-webkit-scrollbar{ display:none; }
  .bwhd-chips__k{ display:none; }
  .bwhd .bwhd-chip{ flex:0 0 auto; }
  .bwhd-results__grid{ grid-template-columns:1fr; }
  .bwhd-search{ max-height:calc(100vh - var(--bwhd-main-h) - var(--bwhd-offset)); overflow-y:auto; }
}

@media (min-width:641px) and (max-width:1100px){
  .bwhd-results__grid{ grid-template-columns:1fr 1fr; }
}

@media (prefers-reduced-motion: reduce){
  .bwhd *,.bwhd-drawer *{ transition:none !important; animation:none !important; }
}