/* Floating storefront utilities share the boutique palette. */
#yaes-taal{position:fixed;left:20px;bottom:20px;z-index:120;font-family:var(--font);color:var(--zwart)}
#yaes-taal>button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:76px;padding:0 12px;background:var(--wit);color:var(--zwart);border:1px solid var(--lijn);border-radius:4px;font:inherit;font-size:12px;letter-spacing:0;cursor:pointer}
#yaes-taal ul{position:absolute;bottom:54px;left:0;margin:0;padding:6px;list-style:none;background:var(--wit);border:1px solid var(--lijn);width:178px;max-height:calc(100svh - 140px);overflow:auto;border-radius:4px}
#yaes-taal ul[hidden]{display:none}
#yaes-taal li button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;border:0;padding:10px 12px;min-height:44px;font:inherit;font-size:13px;color:var(--zwart);cursor:pointer;letter-spacing:0}
#yaes-taal li button:hover,#yaes-taal li button[aria-current]{background:var(--ivoor)}
#yaes-taal button:focus-visible,.kp-whatsapp:focus-visible{outline:2px solid var(--goud-donker);outline-offset:3px}
.kp-whatsapp{position:fixed;right:20px;bottom:20px;z-index:120;width:52px;height:52px;display:grid;place-items:center;background:#25D366;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 14px rgba(37,211,102,.4);transition:background .2s,transform .2s}
.kp-whatsapp:hover{background:#1DA851;transform:scale(1.06)}
.kp-whatsapp svg{width:28px;height:28px}
.kp-whatsapp span{position:absolute;right:64px;background:var(--zwart);color:var(--wit);padding:8px 12px;font-family:var(--font);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none}
.kp-whatsapp:hover span,.kp-whatsapp:focus-visible span{opacity:1}
body:has(#cookievenster:not([hidden])) #yaes-taal,body:has(#cookievenster:not([hidden])) .kp-whatsapp{visibility:hidden;opacity:0;pointer-events:none}
body:has(.wk-balk:not([hidden])) #yaes-taal,body:has(.wk-balk:not([hidden])) .kp-whatsapp{bottom:96px}
body:has(.kx-drawer.is-open) #yaes-taal,body:has(.kx-drawer.is-open) .kp-whatsapp,body:has(.kx-pop-up.is-open) #yaes-taal,body:has(.kx-pop-up.is-open) .kp-whatsapp{visibility:hidden}
.kx-toasts{bottom:86px}
@media(max-width:640px){#yaes-taal{left:16px;bottom:16px}.kp-whatsapp{right:16px;bottom:16px;width:48px;height:48px}.kp-whatsapp span{display:none}.kx-toasts{bottom:80px}}
@media(prefers-reduced-motion:reduce){.kp-whatsapp{transition:none}}