#lohdr-root{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15273c;}
#lohdr-root{
    --navy:#0d2a47; --ink:#15273c; --orange:#ef7e1d;
    --script:#2877b3; --line:#e2e6ea; --circle-line:#d9dde2; --muted:#5a6b7b;
  }#lohdr-root *{box-sizing:border-box;}#lohdr-root .topbar{background:var(--navy);color:#fff;font-size:14px;}#lohdr-root .topbar-inner{max-width:var(--container,1280px);margin:0 auto;padding:0 var(--gutter,0px);min-height:52px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;}#lohdr-root .topbar-left{display:flex;align-items:center;gap:30px;flex-wrap:wrap;}#lohdr-root .usp{display:flex;align-items:center;gap:9px;white-space:nowrap;}#lohdr-root .usp svg{flex:none;height:18px;width:auto;color:#fff;}#lohdr-root .usp b{font-weight:600;}#lohdr-root .usp .accent{color:var(--orange);font-weight:700;}#lohdr-root .topbar-right{display:flex;align-items:center;gap:24px;white-space:nowrap;}#lohdr-root .kiyoh{display:flex;align-items:center;gap:10px;font-size:14px;}#lohdr-root .ic-kiyoh{height:24px;width:auto;display:block;}#lohdr-root .kiyoh b{font-weight:700;}#lohdr-root .ic-thuis{height:30px;width:auto;display:block;}#lohdr-root .mainbar{position:relative;background:#fff;border-bottom:1px solid var(--line);}#lohdr-root .mainbar-inner{max-width:var(--container,1280px);margin:0 auto;padding:0 var(--gutter,0px);min-height:84px;
    display:flex;align-items:center;gap:16px;}#lohdr-root .menu-btn{display:none !important;}#lohdr-root .logo{display:flex;align-items:center;text-decoration:none;flex:none;}#lohdr-root .logo img{height:38px;width:auto;display:block;}#lohdr-root nav.cats{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:14px;}#lohdr-root nav.cats a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:400;
    white-space:nowrap;transition:color .15s ease;}#lohdr-root nav.cats a:hover{color:var(--orange);}#lohdr-root nav.cats .more{display:inline-flex;align-items:center;gap:7px;cursor:pointer;}#lohdr-root .more-wrap{position:static;}#lohdr-root .more-wrap .ic-chev{width:14px;height:14px;transition:transform .2s ease;}#lohdr-root .more-wrap:hover .ic-chev,#lohdr-root .more-wrap:focus-within .ic-chev{transform:rotate(180deg);}#lohdr-root .more-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-6px);
    width:1180px;max-width:calc(100vw - 48px);background:#f4f5f6;border:1px solid var(--line);border-radius:16px;
    box-shadow:0 26px 64px rgba(13,42,71,.20);padding:30px;display:grid;grid-template-columns:248px 1fr;gap:40px;
    opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60;}#lohdr-root .more-wrap.mm-open .more-menu,#lohdr-root .more-wrap:hover .more-menu,#lohdr-root .more-wrap:focus-within .more-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}#lohdr-root .more-menu::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;}#lohdr-root .mm-col{display:flex;flex-direction:column;}#lohdr-root .mm-col h3{margin:0 0 14px;font-size:20px;font-weight:600;color:var(--ink);}#lohdr-root .mm-links{display:flex;flex-direction:column;}#lohdr-root .mm-links a{font-size:15px;padding:7px 0;color:var(--ink);text-decoration:none;white-space:nowrap;transition:color .15s ease;}#lohdr-root .mm-links a:hover{color:var(--orange);}#lohdr-root .mm-sep{height:1px;background:#dcdfe3;margin:10px 0;}#lohdr-root .mm-faq,#lohdr-root .mm-faq:visited{margin-top:20px;display:inline-flex;align-items:center;gap:12px;align-self:flex-start;
    background:var(--orange);color:#fff !important;text-decoration:none;font-size:15px;font-weight:600;
    padding:11px 22px 11px 11px;border-radius:30px;box-shadow:0 10px 22px rgba(239,126,29,.34);transition:background .15s ease,box-shadow .15s ease;}#lohdr-root .mm-faq:hover{background:var(--navy);color:#fff !important;box-shadow:0 10px 22px rgba(13,42,71,.34);}#lohdr-root .mm-faq .arr{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;flex:none;}#lohdr-root .mm-faq .arr svg{width:13px;height:13px;fill:#fff;}#lohdr-root .mm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}#lohdr-root .mm-card{min-width:0;white-space:normal;display:flex;flex-direction:column;text-decoration:none;}#lohdr-root .mm-card .mm-thumb{width:100%;height:138px;margin-bottom:16px;display:block;border-radius:14px;object-fit:cover;}#lohdr-root .mm-card h4{margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3;color:var(--ink);transition:color .15s ease;white-space:normal;}#lohdr-root .mm-card p{margin:0 0 14px;font-size:13px;line-height:1.55;color:#5a6b7b;white-space:normal;}#lohdr-root .mm-card .more-link{margin-top:2px;font-size:14px;font-weight:600;color:var(--orange);}#lohdr-root .mm-card:hover h4{color:var(--orange);}#lohdr-root .ic-chev{width:12px;height:12px;color:var(--ink);}#lohdr-root .actions{display:flex;align-items:center;gap:8px;flex:none;}#lohdr-root .icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--circle-line);
    background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;
    position:relative;color:var(--ink);transition:border-color .15s ease,background .15s ease;}#lohdr-root .icon-btn:hover{border-color:var(--orange);color:var(--orange);}#lohdr-root .icon-btn:hover .ic-ui path{fill:var(--orange);}#lohdr-root .ic-ui{width:17px;height:17px;display:block;}#lohdr-root .ic-menu{width:22px;height:22px;display:block;color:var(--ink);}#lohdr-root .icon-btn .badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;
    padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;font-size:11px;
    font-weight:700;display:flex;align-items:center;justify-content:center;}#lohdr-root .lang{position:relative;flex:none;}#lohdr-root .lang-toggle{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;
    border:1px solid var(--circle-line);border-radius:24px;background:#fff;cursor:pointer;
    font:inherit;font-size:14px;color:var(--ink);transition:border-color .15s ease;}#lohdr-root .lang-toggle:hover{border-color:var(--orange);}#lohdr-root .lang-toggle .code{font-weight:600;letter-spacing:.3px;}#lohdr-root .lang-toggle .chev{transition:transform .2s ease;color:var(--muted);}#lohdr-root .lang.open .lang-toggle .chev{transform:rotate(180deg);}#lohdr-root .flag{width:22px;height:16px;border-radius:3px;flex:none;overflow:hidden;
    box-shadow:0 0 0 1px rgba(0,0,0,.08) inset;}#lohdr-root .lang-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:172px;background:#fff;
    border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(13,42,71,.16);
    padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:50;}#lohdr-root .lang.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0);}#lohdr-root .lang-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;
    border:0;background:none;border-radius:8px;cursor:pointer;font:inherit;font-size:15px;
    color:var(--ink);text-align:left;}#lohdr-root .lang-menu button:hover{background:#fdf1e6;color:var(--orange);}#lohdr-root .lang-menu button[aria-selected="true"]{color:var(--orange);font-weight:600;}#lohdr-root .lang-menu button .check{margin-left:auto;color:var(--orange);opacity:0;}#lohdr-root .lang-menu button[aria-selected="true"] .check{opacity:1;}

  
  @media (max-width:1300px){#lohdr-root .topbar-right{display:none;}#lohdr-root nav.cats{display:none;}#lohdr-root .menu-btn{display:none;}#lohdr-root .actions{margin-left:auto;}
  }
  @media (max-width:560px){#lohdr-root .topbar-left{gap:18px;}#lohdr-root .usp:nth-child(2),#lohdr-root .usp:nth-child(3){display:none;}#lohdr-root .logo img{height:38px;}
  }#lohdr-root .cart-backdrop{position:fixed;inset:0;background:rgba(13,42,71,.46);backdrop-filter:blur(2px);
    opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;z-index:1000;}#lohdr-root .cart-backdrop.open{opacity:1;visibility:visible;}#lohdr-root .cart-drawer{position:fixed;top:0;right:0;height:100%;width:420px;max-width:100vw;background:#fff;
    display:flex;flex-direction:column;z-index:1001;visibility:hidden;transform:translateX(100%);
    transition:transform .34s cubic-bezier(.4,0,.2,1),visibility 0s linear .34s;box-shadow:-18px 0 50px rgba(13,42,71,.18);
    font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);}#lohdr-root .cart-drawer.open{transform:translateX(0);visibility:visible;transition:transform .34s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s;}#lohdr-root .cd-head{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:20px 22px 16px;border-bottom:1px solid var(--line);flex:none;}#lohdr-root .cd-title{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:600;}#lohdr-root .cd-title .cd-qty{font-size:13px;font-weight:600;color:#fff;background:var(--orange);
    min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:flex;align-items:center;justify-content:center;}#lohdr-root .cd-close{width:38px;height:38px;border-radius:50%;border:1px solid var(--circle-line);background:#fff;
    display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex:none;
    transition:background .15s ease,color .15s ease,border-color .15s ease;}#lohdr-root .cd-close:hover{background:var(--navy);border-color:var(--navy);color:#fff;}#lohdr-root .cd-close svg{width:15px;height:15px;}#lohdr-root .cd-ship{padding:14px 22px;border-bottom:1px solid var(--line);flex:none;}#lohdr-root .cd-ship__msg{font-size:13px;line-height:1.4;margin:0 0 9px;color:#41566a;}#lohdr-root .cd-ship__msg b{color:var(--ink);font-weight:600;}#lohdr-root .cd-ship__msg .done{color:#1f8a5b;font-weight:600;display:inline-flex;align-items:center;gap:5px;}#lohdr-root .cd-ship__track{height:7px;border-radius:4px;background:#eef1f4;overflow:hidden;}#lohdr-root .cd-ship__fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#23a35f,#1f8a5b);
    width:0;transition:width .5s ease;}#lohdr-root .cd-items{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:6px 22px;}#lohdr-root .cd-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:18px 0;
    border-bottom:1px solid var(--line);position:relative;transition:opacity .25s ease,transform .25s ease;}#lohdr-root .cd-item:last-child{border-bottom:0;}#lohdr-root .cd-item.removing{opacity:0;transform:translateX(20px);}#lohdr-root .cd-item__media{width:72px;height:72px;border-radius:12px;background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;overflow:hidden;}#lohdr-root .cd-item__media img{max-width:84%;max-height:84%;object-fit:contain;}#lohdr-root .cd-item__media svg{width:40px;height:40px;}#lohdr-root .cd-item__main{min-width:0;display:flex;flex-direction:column;}#lohdr-root .cd-item__name{font-size:14px;font-weight:600;line-height:1.32;margin:0 0 8px;
    padding-right:22px;color:var(--ink);}#lohdr-root .cd-item__price-m{font-size:13px;color:#7a8896;margin:0 0 auto;}#lohdr-root .cd-item__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;}#lohdr-root .cd-qtybox{display:inline-flex;align-items:center;border:1px solid var(--circle-line);border-radius:999px;
    height:34px;overflow:hidden;}#lohdr-root .cd-qtybox button{width:34px;height:34px;border:0;background:#fff;cursor:pointer;color:var(--ink);
    font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;
    transition:background .15s ease,color .15s ease;}#lohdr-root .cd-qtybox button:hover{background:var(--navy);color:#fff;}#lohdr-root .cd-qtybox button:disabled{color:#c2cbd4;cursor:not-allowed;background:#fff;}#lohdr-root .cd-qtybox .qv{min-width:30px;text-align:center;font-size:14px;font-weight:600;}#lohdr-root .cd-item__price{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap;}#lohdr-root .cd-item__remove{position:absolute;top:18px;right:0;width:22px;height:22px;border:0;background:none;
    cursor:pointer;color:#aab4be;display:flex;align-items:center;justify-content:center;border-radius:50%;
    transition:color .15s ease,background .15s ease;}#lohdr-root .cd-item__remove:hover{color:#d23b3b;background:#fbeaea;}#lohdr-root .cd-item__remove svg{width:13px;height:13px;}#lohdr-root .cd-empty{flex:1;display:none;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:40px 30px;gap:14px;}#lohdr-root .cd-empty svg{width:56px;height:56px;color:#c8d1da;}#lohdr-root .cd-empty h4{margin:0;font-size:17px;font-weight:600;}#lohdr-root .cd-empty p{margin:0;font-size:14px;color:#7a8896;}#lohdr-root .cart-drawer.empty .cd-items,#lohdr-root .cart-drawer.empty .cd-ship{display:none;}#lohdr-root .cart-drawer.empty .cd-empty{display:flex;}#lohdr-root .cart-drawer.empty .cd-foot{display:none;}#lohdr-root .cd-foot{flex:none;border-top:1px solid var(--line);padding:18px 22px 22px;background:#fff;}#lohdr-root .cd-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:2px;}#lohdr-root .cd-subtotal .lbl{font-size:16px;font-weight:600;}#lohdr-root .cd-subtotal .val{font-size:20px;font-weight:700;}#lohdr-root .cd-btw{font-size:12px;color:#8a96a2;text-align:right;margin:0 0 14px;}#lohdr-root .cd-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;
    background:var(--orange);color:#fff;border:0;border-radius:999px;font:inherit;font-size:16px;
    font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 10px 22px rgba(239,126,29,.32);
    transition:background .15s ease,box-shadow .15s ease;}#lohdr-root .cd-cta:hover{background:var(--navy);box-shadow:0 10px 22px rgba(13,42,71,.32);}#lohdr-root .cd-cta svg{width:17px;height:17px;}#lohdr-root .cd-edit{display:block;text-align:center;margin-top:13px;font-size:14px;color:#5a6b7b;
    text-decoration:none;transition:color .15s ease;}#lohdr-root .cd-edit:hover{color:var(--orange);}#lohdr-root .cd-pay{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;
    padding-top:15px;border-top:1px solid var(--line);flex-wrap:wrap;}#lohdr-root .cd-pay span{font-size:11.5px;color:#9aa6b1;display:inline-flex;align-items:center;gap:5px;width:100%;justify-content:center;margin-bottom:2px;}#lohdr-root .cd-pay span svg{width:13px;height:13px;color:#1f8a5b;}#lohdr-root .cd-pay img{height:21px;width:auto;border-radius:3px;}#lohdr-root .cd-upsell{margin:18px 22px 16px;background:#f3ede3;border-radius:16px;padding:16px 18px 18px;}#lohdr-root .cd-upsell.hide{display:none;}#lohdr-root .cd-upsell__head{display:flex;align-items:center;gap:10px;margin-bottom:10px;}#lohdr-root .cd-upsell__star{width:30px;height:30px;border-radius:50%;background:var(--orange);color:#fff;
    display:flex;align-items:center;justify-content:center;flex:none;}#lohdr-root .cd-upsell__star svg{width:16px;height:16px;}#lohdr-root .cd-upsell__title{font-size:16px;font-weight:600;color:var(--ink);}#lohdr-root .cd-upsell__badge{margin-left:auto;background:var(--navy);color:#fff;font-size:11.5px;font-weight:600;
    padding:5px 11px;border-radius:999px;white-space:nowrap;}#lohdr-root .cd-upsell__sub{margin:0 0 14px;font-size:13px;line-height:1.45;color:#7d7468;}#lohdr-root .cd-upsell__list{display:flex;flex-direction:column;gap:10px;}#lohdr-root .cd-up{display:grid;grid-template-columns:54px 1fr;gap:12px;background:#fff;border-radius:12px;
    padding:12px;transition:opacity .25s ease,transform .25s ease;}#lohdr-root .cd-up.adding{opacity:0;transform:scale(.96);}#lohdr-root .cd-up__media{width:54px;height:54px;border-radius:9px;background:#fff;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;}#lohdr-root .cd-up__media svg{width:34px;height:34px;}#lohdr-root .cd-up__media img{max-width:84%;max-height:84%;object-fit:contain;}#lohdr-root .cd-up__main{min-width:0;}#lohdr-root .cd-up__name{margin:0 0 5px;font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink);}#lohdr-root .cd-up__match{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#1f8a5b;margin-bottom:10px;}#lohdr-root .cd-up__match .dot{width:7px;height:7px;border-radius:50%;background:#23a35f;flex:none;}#lohdr-root .cd-up__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}#lohdr-root .cd-up__price{font-size:13px;color:var(--ink);}#lohdr-root .cd-up__price s{color:#aab4be;margin-right:5px;font-weight:400;}#lohdr-root .cd-up__price b{font-weight:700;}#lohdr-root .cd-up__add{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;
    border:1.5px solid var(--orange);background:#fff;color:var(--orange);font:inherit;font-size:13px;
    font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease;}#lohdr-root .cd-up__add:hover{background:var(--orange);color:#fff;}#lohdr-root .cd-up__add svg{width:13px;height:13px;}#lohdr-root .cd-upsell__all{width:100%;height:48px;margin-top:14px;border:0;border-radius:999px;background:var(--orange);
    color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;
    transition:background .15s ease;}#lohdr-root .cd-upsell__all:hover{background:var(--orange-hover,#e0700f);}#lohdr-root .cd-upsell__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:13px;font-size:12.5px;color:#9a9082;}#lohdr-root .cd-upsell__status{color:#b3aa9c;}#lohdr-root .cd-upsell__status.done{color:#1f8a5b;font-weight:600;display:inline-flex;align-items:center;gap:5px;}

/* Cart drawer scroll fix — the #cdBody wrapper (swapped wholesale by WC ajax
   fragments) sits between .cart-drawer's flex column and its children, so the
   intended "scrolling body + pinned checkout" layout never engaged: on a phone
   the items + upsell pushed the "Naar de kassa" button below the fold with
   nothing scrollable. Make #cdBody itself the drawer's single internal scroll
   area (see the matching SCROLL_AREAS entry in site-chrome.js) and keep the
   totals/CTA foot pinned to the bottom while everything above scrolls. */
  #lohdr-root #cdBody{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
  #lohdr-root .cd-items{flex:0 0 auto;overflow:visible;}
  #lohdr-root .cd-foot{position:sticky;bottom:0;z-index:1;}

  @media (max-width:480px){#lohdr-root .cart-drawer{width:100vw;}
  }

#lohdr-root .topbar{display:block;height:auto;padding:0;text-align:left;line-height:1.4;letter-spacing:normal;}
#lohdr-root .usp{padding:0;margin:0;grid-template-columns:none;grid-template-rows:none;column-gap:13px;}
#lohdr-root .icon-btn{box-shadow:none;}
#lohdr-root .mainbar{padding:0;}
#lohdr-root nav.cats a{text-transform:none;letter-spacing:normal;}
#lohdr-root{position:relative;z-index:900;display:block;}


/* === new mega-menu nav (variant B) === */
#lohdr-root nav.cats{gap:6px;}
#lohdr-root nav.cats .more{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:15px;font-weight:500;color:var(--ink);padding:9px 14px;border-radius:9px;text-decoration:none;white-space:nowrap;}
#lohdr-root nav.cats .more:hover,#lohdr-root .more-wrap.mm-open .more{background:#f4f6f8;color:var(--orange);}
#lohdr-root .more-wrap .ic-chev{transition:transform .2s ease;}
#lohdr-root .more-wrap.mm-open .ic-chev{transform:rotate(180deg);}
#lohdr-root .mega{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-6px);width:1180px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px rgba(13,42,71,.22);padding:26px 30px 30px;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:60;}
#lohdr-root .more-wrap.mm-open .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
#lohdr-root .mega::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;}
#lohdr-root .mega-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line);}
#lohdr-root .mega-head h3{margin:0;font-size:19px;font-weight:600;color:var(--navy);}#lohdr-root .mega-head h3 a{color:inherit;text-decoration:none;transition:color .15s ease;}#lohdr-root .mega-head h3 a:hover{color:var(--orange);}
#lohdr-root .mega-head .sub{font-size:13px;color:var(--muted);}
#lohdr-root .mega-all{font-size:14px;font-weight:600;color:var(--orange);text-decoration:none;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
#lohdr-root .mega-all svg{width:15px;height:15px;}
#lohdr-root .mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
#lohdr-root .mega-card{display:flex;align-items:center;gap:16px;padding:12px 16px 12px 12px;border:1px solid var(--line);border-radius:13px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;white-space:normal;}
#lohdr-root .mega-card:hover{border-color:var(--orange);box-shadow:0 14px 30px -18px rgba(13,42,71,.45);transform:translateY(-1px);}
#lohdr-root .mc-thumb{flex:none;width:92px;height:58px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f4f6f8;border:1px solid #eef1f4;}
#lohdr-root .mc-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
#lohdr-root .mc-thumb.logo{background:#0d2a47;}
#lohdr-root .mc-thumb.logo img{object-fit:contain;padding:9px 11px;}#lohdr-root .mc-thumb--q{position:relative;background-color:#01273f;background-image:radial-gradient(125% 120% at 0% 0%,#16456b 0%,rgba(22,69,107,0) 55%),radial-gradient(120% 130% at 100% 100%,#0a3a5c 0%,rgba(10,58,92,0) 50%);}#lohdr-root .mcq{position:absolute;font-weight:800;line-height:1;color:#fff;}#lohdr-root .mcq--1{font-size:30px;left:50%;top:50%;transform:translate(-50%,-52%);}#lohdr-root .mcq--2{font-size:15px;color:#e77935;left:15%;top:22%;transform:rotate(-14deg);}#lohdr-root .mcq--3{font-size:12px;color:#fff;right:16%;top:26%;transform:rotate(12deg);}#lohdr-root .mcq--4{font-size:13px;color:#e77935;right:18%;bottom:14%;transform:rotate(-8deg);}
#lohdr-root .mc-name{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);}
#lohdr-root .mc-sub{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px;}
#lohdr-root .mc-arrow{flex:none;width:30px;height:30px;border-radius:50%;background:#f4f6f8;color:var(--navy);display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .15s ease;}
#lohdr-root .mega-card:hover .mc-arrow{background:var(--orange);color:#fff;transform:translateX(2px);}
#lohdr-root .mc-arrow svg{width:15px;height:15px;}
#lohdr-root .keuze-btn{display:inline-flex;align-items:center;gap:9px;background:var(--orange);color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:9px 12px 9px 18px;border-radius:30px;margin-right:4px;box-shadow:0 10px 22px rgba(239,126,29,.34);transition:background .15s ease,box-shadow .15s ease;white-space:nowrap;}
#lohdr-root .keuze-btn:hover{background:var(--navy);box-shadow:0 10px 22px rgba(13,42,71,.34);}
#lohdr-root .keuze-btn .arr{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex:none;}
#lohdr-root .keuze-btn .arr svg{width:14px;height:14px;}
/* === mobile drawer === */
#lohdr-root .menu-btn{order:-1;}
#lohdr-root .mnav-backdrop{position:fixed;inset:0;background:rgba(13,42,71,.5);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s;z-index:1200;}
#lohdr-root .mnav-backdrop.open{opacity:1;visibility:visible;}
#lohdr-root .mnav{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:380px;background:#fff;z-index:1201;display:flex;flex-direction:column;visibility:hidden;transform:translateX(-100%);transition:transform .28s cubic-bezier(.22,.61,.36,1),visibility 0s linear .28s;box-shadow:0 0 60px rgba(13,42,71,.3);}
#lohdr-root .mnav.open{transform:translateX(0);visibility:visible;transition:transform .28s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s;}
#lohdr-root .mnav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);flex:none;}
#lohdr-root .mnav-logo{height:32px;width:auto;display:block;}
#lohdr-root .mnav-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--circle-line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);}
#lohdr-root .mnav-close svg{width:14px;height:14px;}
#lohdr-root .mnav-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 24px;}
#lohdr-root .mnav-search{display:flex;align-items:center;gap:11px;margin:10px 18px 16px;padding:13px 16px;border:1px solid var(--line);background:#f4f6f8;border-radius:12px;color:#8a99a7;font:inherit;font-size:15px;font-weight:500;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease;}
#lohdr-root .mnav-search:hover{border-color:var(--circle-line);background:#eef1f4;}
#lohdr-root .mnav-search svg{width:18px;height:18px;flex:none;color:#01273f;}
#lohdr-root .mnav-search span{flex:1;min-width:0;}
#lohdr-root .mnav-acc{border-bottom:1px solid var(--line);}
#lohdr-root .mnav-acc-h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border:0;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;}
#lohdr-root .mnav-acc-h .chev{width:15px;height:15px;color:var(--muted);transition:transform .2s ease;flex:none;}
#lohdr-root .mnav-acc.open .mnav-acc-h{color:var(--orange);}
#lohdr-root .mnav-acc.open .mnav-acc-h .chev{transform:rotate(180deg);}
#lohdr-root .mnav-acc-p{display:none;padding:0 14px 14px;}
#lohdr-root .mnav-acc.open .mnav-acc-p{display:block;}
#lohdr-root .mnav-item{display:flex;align-items:center;gap:13px;padding:9px 8px;border-radius:11px;text-decoration:none;color:var(--ink);}
#lohdr-root .mnav-item:hover{background:#f4f6f8;}
#lohdr-root .mnav-item img{width:54px;height:40px;object-fit:cover;border-radius:8px;flex:none;background:#f4f6f8;}
#lohdr-root .mnav-item.logo img{object-fit:contain;padding:7px 9px;background:#0d2a47;border:1px solid #0d2a47;}#lohdr-root .mnav-q{width:54px;height:40px;flex:none;border-radius:8px;position:relative;overflow:hidden;background-color:#01273f;background-image:radial-gradient(125% 120% at 0% 0%,#16456b 0%,rgba(22,69,107,0) 55%),radial-gradient(120% 130% at 100% 100%,#0a3a5c 0%,rgba(10,58,92,0) 50%);}#lohdr-root .mnav-q .mcq{position:absolute;font-weight:800;line-height:1;color:#fff;}#lohdr-root .mnav-q .mcq--1{font-size:19px;left:50%;top:50%;transform:translate(-50%,-52%);}#lohdr-root .mnav-q .mcq--2{font-size:11px;color:#e77935;left:13%;top:16%;transform:rotate(-14deg);}#lohdr-root .mnav-q .mcq--3{font-size:9px;color:#fff;right:13%;top:20%;transform:rotate(12deg);}#lohdr-root .mnav-q .mcq--4{font-size:10px;color:#e77935;right:15%;bottom:12%;transform:rotate(-8deg);}
#lohdr-root .mnav-item span{font-size:14.5px;font-weight:500;}
#lohdr-root .mnav-all{display:inline-flex;align-items:center;gap:7px;margin:6px 0 2px;padding:8px;font-size:14.5px;font-weight:600;color:var(--ink);text-decoration:none;}
#lohdr-root .mnav-all svg{width:15px;height:15px;flex:none;}
#lohdr-root .mnav-all:hover{color:var(--orange);}
#lohdr-root .mnav-foot{padding:18px 20px;display:flex;flex-direction:column;gap:12px;}
#lohdr-root .mnav-keuze{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--orange);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:13px;border-radius:30px;box-shadow:0 10px 22px rgba(239,126,29,.34);}
#lohdr-root .mnav-keuze svg{width:16px;height:16px;}
#lohdr-root .mnav-links{display:flex;flex-direction:column;gap:2px;}
#lohdr-root .mnav-links a{padding:9px 0;color:var(--ink);text-decoration:none;font-size:14.5px;display:flex;align-items:center;gap:12px;}#lohdr-root .mnav-links a svg{width:19px;height:19px;flex:none;color:var(--muted);}
@media (max-width:1300px){
  #lohdr-root nav.cats{display:none !important;}
  #lohdr-root .menu-btn{display:none !important;}
  #lohdr-root .keuze-btn,#lohdr-root .lang{display:none !important;}
  /* Hamburger range: search lives inside the mobile drawer (.mnav-search), not in the top bar. */
  #lohdr-root .actions .icon-btn[aria-label="Zoeken"]{display:none !important;}
  #lohdr-root .mainbar-inner{gap:10px;}#lohdr-root .menu-btn{display:inline-flex !important;align-items:center;justify-content:center;}
}
/* Mobile header layout starts as soon as the hamburger appears (≤1300px), not at ≤980px: otherwise 981–1300px shows a left-aligned logo next to the hamburger with a big empty gap. Center the logo and drop to the mobile action set right away. */
@media (max-width:1300px){#lohdr-root .mainbar-inner{position:relative;justify-content:space-between;gap:8px;}#lohdr-root .mainbar-inner>.logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}#lohdr-root .mainbar-inner>.logo img{height:34px;}#lohdr-root .actions{margin-left:0;}#lohdr-root .actions .icon-btn:not(#cartBtn){display:none !important;}}@media (max-width:1024px){#lohdr-root .topbar-inner{justify-content:flex-start;}#lohdr-root .topbar-left{flex-direction:row;flex-wrap:nowrap;height:52px;overflow:hidden;gap:0;width:100%;}#lohdr-root .topbar-left .usp{flex:0 0 100%;width:100%;justify-content:center;display:flex !important;transition:transform .9s cubic-bezier(.4,0,.2,1);will-change:transform;}}@media (prefers-reduced-motion:reduce){#lohdr-root .topbar-left .usp{transition:none;}}

/* Add-to-cart confirmation state — set by site-chrome.js after a successful ajax add to cart (sitewide). */
.add_to_cart_button.is-added,.add_to_cart_button.is-added:hover{background:#2f8a55 !important;border-color:#2f8a55 !important;color:#fff !important;}
.add_to_cart_button.is-added svg{color:#fff !important;}

/* Clickable trust badges in the topbar (Kiyoh review score + Thuiswinkel Waarborg). */
#lohdr-root a.kiyoh{color:inherit;text-decoration:none;cursor:pointer;transition:opacity .15s ease;}
#lohdr-root .thuis-link{display:block;line-height:0;transition:opacity .15s ease;}
#lohdr-root a.kiyoh:hover,#lohdr-root .thuis-link:hover{opacity:.82;}
/* Trust badges as extra slides in the mobile USP slider: shown only while the slider is active (<=1024px). Desktop keeps them in .topbar-right. */
#lohdr-root .usp--trust{justify-content:center;}
@media (min-width:1025px){#lohdr-root .usp--trust{display:none !important;}}
/* Thuiswinkel logo slightly larger in the mobile slider than the compact desktop version. */
@media (max-width:1024px){#lohdr-root .usp--trust .ic-thuis{height:38px;}}
/* Clickable phone number in the topbar (tel: link). The anchor becomes the flex row so the icon + number keep their gap and inherit the white topbar text. */
#lohdr-root .usp--tel a{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;cursor:pointer;transition:opacity .15s ease;}
#lohdr-root .usp--tel a:hover{opacity:.82;}