.hdr{position:absolute;inset:0 0 auto;z-index:5}.df-top{background:var(--accent-press);color:#fff;font-size:12px;font-weight:500;overflow:hidden;max-height:var(--usp-h)}.hdr--anim .df-top{transition:max-height .35s ease}.df-top .in{display:flex;align-items:center;gap:24px;height:var(--usp-h)}.df-top__msgs{position:relative;flex:1;min-width:0;height:var(--usp-h);display:flex;align-items:center;overflow:hidden}.df-top__msg{position:absolute;left:0;right:0;opacity:0;transition:opacity .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.df-top__msg.on{opacity:1}.df-top__kies{display:flex;align-items:center;flex:none;margin:0}.df-top__kies-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.df-top__kies select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:var(--r-pill);color:#fff;font:inherit;font-size:12px;line-height:1;padding:4px 18px 4px 8px;cursor:pointer;max-width:150px;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.7) 50%),linear-gradient(135deg,rgba(255,255,255,.7) 50%,transparent 50%);background-position:calc(100% - 10px) 50%,calc(100% - 6px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.df-top__kies select:hover{background-color:#ffffff24}.df-top__kies select:focus-visible{outline:2px solid #fff;outline-offset:1px}.df-top__kies option{color:#1e1e1d;background:#fff}@media(max-width:560px){.df-top__kies{display:none}}.df-top__taal{display:flex;align-items:center;gap:5px;flex:none;margin:0;font-size:12px;line-height:1}.df-top__taal-knop{-webkit-appearance:none;appearance:none;background:none;border:0;padding:3px 2px;margin:0;color:#ffffffb3;font:inherit;line-height:1;cursor:pointer}.df-top__taal-knop:hover{color:#fff;text-decoration:underline;text-underline-offset:2px}.df-top__taal-knop:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:3px}.df-top__taal-nu{color:#fff;font-weight:700;padding:3px 2px}.df-top__taal-schei{color:#ffffff59}@media(max-width:560px){.df-top__taal{display:none}}.df-top__faq{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.45);color:#fff;font-size:12px;font-weight:700;flex:none}.df-top__faq:hover{background:#ffffff26;color:#fff}@media(max-width:640px){.df-top__faq{display:none}}@media(prefers-reduced-motion:reduce){.df-top__msg{transition:none}}.df-top .st{letter-spacing:2px;font-size:11px}.df-top .mut{color:#ffffffbf}.df-top a{color:#fff}.df-top .rt{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none}.df-top .rt:has(valued-widget){width:300px;max-width:45%}.df-top .rt valued-widget{display:block;width:100%;transform:scale(.85);transform-origin:right center}.df-top__msgs{min-width:0}nav.df-nav{background:#23282b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--lnw)}.hdr--vast nav.df-nav{background:#181c1efa}.nv{display:flex;align-items:center;--nv-gap:36px;gap:var(--nv-gap);height:var(--nav-h)}.nv img{display:block}.lnk{display:flex;gap:4px;font-size:14px;margin:0 auto}.lnk a{color:var(--txw2);white-space:nowrap;padding:8px 14px;border-radius:var(--r-pill);font-weight:500;transition:color .2s ease,background .2s ease}.lnk a:hover{color:#fff;background:#ffffff14}.lnk a.act{color:#fff;background:#ffffff1a}.df-cart{position:relative;width:44px;height:44px;flex:none;border:1px solid var(--lnw2);border-radius:var(--r-btn);display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease}.df-cart:hover{background:#ffffff14;color:#fff}.df-zoek__tog{position:relative;width:44px;height:44px;flex:none;border:1px solid var(--lnw2);border-radius:var(--r-btn);display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;cursor:pointer;padding:0;transition:background .2s ease}.df-zoek__tog svg{width:20px;height:20px;display:block}.df-zoek__tog{margin-right:calc(8px - var(--nv-gap))}.df-zoek__tog:hover{background:#ffffff14;color:#fff}.df-zoek__tog:focus-visible{outline:2px solid #fff;outline-offset:2px}.hdr.zoekopen .df-zoek__tog{background:#ffffff1a}.df-zoek{display:none;background:#181c1efa;border-bottom:1px solid var(--lnw2)}.hdr.zoekopen .df-zoek{display:block;animation:dropIn .35s var(--ease-drop)}.df-zoek__in{padding:20px var(--gutter) 24px}.df-zoek__vorm{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.df-zoek__lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.df-zoek__veld{flex:1 1 260px;min-width:0;height:46px;padding:0 16px;border:1px solid var(--lnw2);border-radius:var(--r-btn);background:#ffffff0f;color:#fff;font:inherit;font-size:15px}.df-zoek__veld::placeholder{color:var(--txw3)}.df-zoek__veld:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.df-zoek__vorm .btn{flex:0 0 auto}.df-zoek__uit{margin-top:14px;display:grid;gap:2px}.df-zoek__uit[hidden]{display:none}.df-zoek__rij{display:flex;align-items:center;gap:14px;padding:9px 10px;border-radius:var(--r-sm);color:#fff;text-decoration:none;transition:background .15s ease}.df-zoek__rij:hover,.df-zoek__rij:focus-visible{background:#ffffff14;color:#fff}.df-zoek__mini{width:44px;height:44px;flex:none;border-radius:6px;object-fit:contain;background:#ffffff0f}.df-zoek__tx{min-width:0;flex:1}.df-zoek__tx b{display:block;font-size:14px;font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-zoek__tx span{font-size:12.5px;color:var(--txw3)}.df-zoek__prijs{font-size:13.5px;color:var(--txw2);white-space:nowrap}.df-zoek__meer{display:block;padding:10px;font-size:13.5px;color:var(--accent-dk);text-decoration:none}.df-zoek__meer:hover{color:var(--accent-dk);text-decoration:underline}.df-zoek__niks{padding:10px;font-size:13.5px;color:var(--txw3)}.no-js .df-zoek{display:block}.no-js .df-zoek__tog{display:none}.nv>.btn{height:44px;padding-top:0;padding-bottom:0}.df-cart svg{width:20px;height:20px;display:block}.df-cart .df-cart__n{text-decoration:none;position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;border-radius:var(--r-pill);background:var(--accent-grad);color:#fff;font-style:normal;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 4px 10px #e2061359}.df-cart .df-cart__n[hidden]{display:none}.mnu{display:none;width:44px;height:44px;flex:none;border:1px solid var(--lnw2);border-radius:var(--r-btn);background:transparent;cursor:pointer;align-items:center;justify-content:center;padding:0}.mnu i{position:relative;display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:background .2s}.mnu i:before,.mnu i:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease}.mnu i:before{top:-6px}.mnu i:after{top:6px}.hdr.open .mnu i{background:transparent}.hdr.open .mnu i:before{transform:translateY(6px) rotate(45deg)}.hdr.open .mnu i:after{transform:translateY(-6px) rotate(-45deg)}.finder{display:none;background:#181c1efa;border-bottom:1px solid var(--lnw2)}.hdr.fopen .finder{display:block;animation:dropIn .35s var(--ease-drop)}.fin{display:flex;gap:14px;align-items:flex-end;padding:20px var(--gutter) 24px;flex-wrap:wrap}.fstep{display:grid;gap:7px;flex:1 1 160px;min-width:0}.fin>.btn{flex:0 0 auto;white-space:nowrap}.fstep em{font-style:normal;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--txw3)}.fstep select{width:100%;min-width:0}.fstep select:disabled{opacity:.45}.ftog{display:inline-flex;align-items:center}.ftog:after{content:"";width:7px;height:7px;margin-left:9px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease-drop)}.hdr.fopen .ftog:after{transform:translateY(1px) rotate(-135deg)}@media(prefers-reduced-motion:reduce){.ftog:after{transition:none}}.hdr.fopen .ftog{color:#fff;background:#ffffff1a}.fin .btn[disabled]{opacity:.5;cursor:default}.fmsg{flex:1 0 100%;font-size:13px;color:var(--accent-dk);margin:0}@media(max-width:1360px){.nv{--nv-gap:22px}}@media(max-width:1120px){.nv{--nv-gap:18px}.lnk{gap:0}.lnk a{padding:8px 10px;font-size:13.5px}}@media(max-width:980px){.df-top .mut,.df-top .st,.df-top .rt valued-widget{display:none}.df-top .rt{display:none}.mnu{display:flex}.df-cart{margin-left:auto}.nv{--nv-gap:14px}.lnk{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;gap:2px;padding:12px var(--gutter-m) 18px;background:#181c1efa;border-bottom:1px solid var(--lnw2);display:none}.hdr.open .lnk{display:flex;animation:dropIn .3s var(--ease-drop)}.hdr.open nav.df-nav{background:#181c1efa}.lnk a{padding:13px 12px;font-size:16px;border-radius:var(--r-btn)}.fstep{min-width:100%}.fin .btn{width:100%}}@media(max-width:560px){.nv>.btn{display:none}}.df-cta-mobile{display:none}@media(max-width:560px){.df-cta-mobile{display:inline-flex;margin-top:10px;justify-content:center}.lnk a.df-cta-mobile{color:#fff;font-size:14px;padding:13px 24px}.lnk a.df-cta-mobile:hover{background:var(--accent-grad);color:#fff}}@media(min-width:981px){.lnk{min-width:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.lnk::-webkit-scrollbar{display:none}.nv>.df-cart,.nv>.mnu,.nv>.btn{flex:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/df-header.css.map */