.kracht-header{background:var(--khdr-bg, #ffffff);color:var(--khdr-fg, #000000);border-bottom:0;box-shadow:0 25px 12px -30px #0000002b,0 49px 20px -54px #00000014;width:100%;z-index:50;position:relative;font-family:var(--kracht-font-body)}.kracht-header--sticky{position:sticky;top:0}.kracht-header__inner{display:flex;align-items:center;gap:1rem;min-height:84px;padding-block:0}.kracht-header__brand{margin-right:auto}.kracht-header__brand{display:inline-flex;align-items:baseline;gap:.45rem;text-decoration:none;color:inherit;line-height:1}.kracht-header__logo-img{display:block;width:158px;height:auto;max-width:240px}.kracht-header__logo-text{font-family:var(--kracht-font-heading);font-weight:900;font-size:1.75rem;letter-spacing:-.02em;display:inline-flex;align-items:baseline;text-transform:lowercase}.kracht-header__logo-plus{color:var(--kracht-blauw);font-weight:900}.kracht-header__logo-sub{font-family:var(--kracht-font-body);font-weight:300;font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;opacity:.7;margin-left:.25rem}.kracht-header__nav{display:flex}.kracht-header__menu{list-style:none;margin:0;padding:0;display:flex;gap:10px}.kracht-header__menu-link{display:inline-flex;align-items:center;gap:.3rem;color:inherit;text-decoration:none;font-size:.9375rem;font-weight:400;letter-spacing:normal;position:relative;height:84px;padding:0 12px;border-bottom:4px solid transparent;transition:color .2s ease-out,border-color .2s ease-out;white-space:nowrap}.kracht-header__menu-item.is-open .kracht-header__menu-link,.kracht-header__menu-link:hover{color:var(--kracht-blauw)}.kracht-header__menu-item.is-active .kracht-header__menu-link{color:var(--kracht-blauw);border-color:var(--kracht-blauw);font-weight:700}.kracht-header__actions{display:flex;align-items:center;gap:.6rem}.kracht-header__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--kracht-radius-sm);color:inherit;text-decoration:none;transition:background var(--kracht-trans)}.kracht-header__icon-btn:hover{background:#0000000f;color:var(--kracht-blauw)}.kracht-header--dark .kracht-header__icon-btn:hover{background:#ffffff14}.kracht-header__cart-pill{display:inline-flex;align-items:center;gap:.55rem;background:var(--kracht-blauw);color:var(--kracht-wit);padding:10px 20px;border-radius:6px;text-decoration:none;font-family:var(--kracht-font-heading);font-size:.9375rem;font-weight:600;transition:background .2s ease-out;white-space:nowrap}.kracht-header__cart-pill:hover{background:var(--kracht-blauw-hover);color:var(--kracht-wit)}.kracht-header__cart-pill svg{color:var(--kracht-wit)}.kracht-header__cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding-inline:6px;background:var(--kracht-geel);color:var(--kracht-zwart);border-radius:var(--kracht-radius-sm);font-size:.7rem;font-weight:700;font-family:var(--kracht-font-body)}.kracht-header__hamburger{display:none;align-items:center;justify-content:center;background:transparent;border:0;width:40px;height:40px;padding:0;cursor:pointer;color:inherit}.kracht-header__hamburger svg{display:block}.kracht-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;pointer-events:none}.kracht-drawer.is-open{pointer-events:auto}.kracht-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity var(--kracht-trans-drawer, .36s) ease}.kracht-drawer.is-open .kracht-drawer__overlay{opacity:1}.kracht-drawer__panel{position:relative;margin-left:auto;width:min(360px,88vw);height:100%;background:var(--kracht-zwart);color:var(--kracht-wit);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--kracht-trans-drawer, .36s) cubic-bezier(.22,.61,.36,1);font-family:var(--kracht-font-body)}.kracht-drawer.is-open .kracht-drawer__panel{transform:translate(0)}@media(prefers-reduced-motion:reduce){.kracht-drawer__panel,.kracht-drawer__overlay{transition:none}}.kracht-drawer__head{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-bottom:1px dashed rgba(255,255,255,.18)}.kracht-drawer__close{background:transparent;color:inherit;border:0;cursor:pointer;padding:.5rem}.kracht-drawer__nav{display:flex;flex-direction:column;padding:1.5rem;gap:.25rem;flex:1}.kracht-drawer__link{color:var(--kracht-wit);text-decoration:none;font-size:1.25rem;font-weight:500;padding:.85rem 0;border-bottom:1px dashed rgba(255,255,255,.12);transition:color var(--kracht-trans)}.kracht-drawer__link:hover{color:var(--kracht-blauw)}.kracht-drawer__foot{padding:1.5rem;border-top:1px dashed rgba(255,255,255,.18)}.kracht-drawer__cta{width:100%}@media(max-width:1023px){.kracht-header__nav,.kracht-header__cart-label{display:none}.kracht-header__cart-pill{padding:.5rem .75rem}.kracht-header__hamburger{display:inline-flex;align-items:center;justify-content:center}.kracht-header__inner{gap:1rem}}@media(max-width:480px){.kracht-header__logo-text{font-size:1.45rem}.kracht-header__logo-sub{display:none}.kracht-header__icon-btn{width:36px;height:36px}}.kracht-header__menu-item.has-mega{position:static}.kracht-mega{position:absolute;left:0;right:0;top:100%;background:var(--khdr-bg, #fff);color:var(--khdr-fg, #000);border-top:1px solid var(--khdr-border, var(--kracht-grijs-border));border-bottom:1px solid var(--khdr-border, var(--kracht-grijs-border));box-shadow:0 18px 40px #0000000f;z-index:60;opacity:0;transform:translateY(-8px);transition:opacity var(--kracht-trans-slow),transform var(--kracht-trans-slow);pointer-events:none}.kracht-mega.is-open{opacity:1;transform:translateY(0);pointer-events:auto}@media(prefers-reduced-motion:reduce){.kracht-mega{transition:none;transform:none}}.kracht-mega__inner{display:flex;flex-direction:column;gap:1.5rem;padding-block:clamp(1.5rem,3vw,2.5rem)}.kracht-mega__cols{display:grid;grid-template-columns:repeat(var(--mega-cols, 4),minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem) clamp(1.5rem,4vw,3.5rem);align-items:start}.kracht-mega__col{display:flex;flex-direction:column;gap:.65rem}.kracht-mega__title{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--kracht-font-heading);font-weight:800;font-size:.95rem;letter-spacing:-.005em;color:var(--khdr-fg, #000);text-decoration:none;padding-bottom:.5rem;border-bottom:1px solid var(--khdr-border, var(--kracht-grijs-border));transition:color var(--kracht-trans)}.kracht-mega__title:hover{color:var(--kracht-blauw)}.kracht-mega__plus{display:inline-flex;align-items:center;width:.85em;height:calc(.85em * 229 / 252);color:var(--kracht-blauw);line-height:0}.kracht-mega__plus svg{display:block;width:100%;height:100%}.kracht-mega__sub{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.kracht-mega__sub-link{display:inline-block;font-size:.85rem;line-height:1.45;color:var(--khdr-fg, #000);text-decoration:none;padding:.3rem 0;opacity:.78;transition:color var(--kracht-trans),opacity var(--kracht-trans),padding-left var(--kracht-trans)}.kracht-mega__sub-link:hover{color:var(--kracht-blauw);opacity:1;padding-left:.4rem}.kracht-mega__all{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-decoration:none;color:var(--kracht-blauw);margin-top:.25rem;transition:gap var(--kracht-trans)}.kracht-mega__all:hover{gap:.6rem;color:var(--kracht-blauw)}@media(max-width:1023px){.kracht-mega{display:none}}.kracht-drawer__group{border-bottom:1px solid var(--kracht-grijs-border)}.kracht-drawer__link--toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.kracht-drawer__link--toggle::-webkit-details-marker{display:none}.kracht-drawer__sub{padding:0 0 .85rem .25rem;display:flex;flex-direction:column;gap:.1rem}.kracht-drawer__subgroup{padding-top:.6rem;display:flex;flex-direction:column;gap:.1rem}.kracht-drawer__sub-title{display:block;font-family:var(--kracht-font-heading);font-weight:800;font-size:.78rem;color:var(--kracht-blauw);text-decoration:none;padding:.4rem 0 .2rem}.kracht-drawer__sub-link{display:block;font-size:.92rem;color:inherit;text-decoration:none;padding:.35rem 0;opacity:.85}.kracht-drawer__sub-link:hover{color:var(--kracht-blauw);opacity:1}.kracht-drawer__sub-link--all{font-weight:600;font-size:.78rem;opacity:.7}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kracht-header.css.map */