.whatsapp-support{--whatsapp-bottom:calc(24px + var(--whatsapp-offset,0px));position:fixed;right:24px;bottom:var(--whatsapp-bottom);z-index:45}
.whatsapp-launcher{position:relative;display:grid;place-items:center;width:56px;height:56px;border:1px solid #6c805c;border-radius:50%;background:#3d5036;box-shadow:0 8px 25px -8px #263d2a70,inset 0 1px 0 #ffffff26;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}
.whatsapp-launcher>img{filter:invert(1);opacity:.95}.whatsapp-launcher:hover{background:#30432b;transform:translateY(-2px);box-shadow:0 12px 28px -8px #263d2a70}.whatsapp-launcher:active{transform:scale(.95)}.whatsapp-launcher:focus-visible,.whatsapp-close:focus-visible{outline:2px solid #9c8656;outline-offset:4px}
.whatsapp-launcher::before{content:'Een vraag?';position:absolute;right:calc(100% + 12px);white-space:nowrap;padding:8px 13px;border:1px solid #e0d3b9;border-radius:10px;background:#fffaf1;color:#46523a;font-size:12px;box-shadow:0 5px 18px #4a3d2510;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .18s,transform .18s}.whatsapp-launcher:hover::before,.whatsapp-launcher:focus-visible::before{opacity:1;transform:none}
.whatsapp-panel{display:none;position:fixed;inset:auto 24px calc(var(--whatsapp-bottom) + 72px) auto;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - var(--whatsapp-bottom) - 96px);overflow:auto;margin:0;padding:0;border:1px solid #dcccac;border-radius:20px;background:#fffaf1;color:#34432d;box-shadow:0 18px 60px -18px #3a332d55;font-family:inherit}
.whatsapp-panel:popover-open{display:block}.whatsapp-panel.is-open{display:block}.whatsapp-panel::backdrop{background:transparent;pointer-events:none}
.whatsapp-panel-header{display:flex;align-items:center;gap:12px;padding:20px;background:#eee8d4;border-bottom:1px solid #e2d6bb}.whatsapp-channel-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #d4d7bc;border-radius:13px;background:#e3e7cf;flex:none}.whatsapp-panel-header>div{flex:1;min-width:0}.whatsapp-panel-header strong{display:block;font-size:15px;letter-spacing:-.025em}.whatsapp-panel-header>div>span{display:block;font-size:11px;color:#7a795f;margin-top:3px}.whatsapp-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ddd2b7;border-radius:50%;background:#f7f1e1;color:#6e7057;font-size:23px;line-height:1;cursor:pointer}.whatsapp-close:hover{background:#e6dfc7}
.whatsapp-panel-copy{padding:24px}.whatsapp-panel-copy h2{font-size:28px;letter-spacing:-.045em;line-height:1.15;margin:0 0 15px}.whatsapp-panel-copy>p{font-size:13px;line-height:1.8;color:#756953;margin:0 0 14px}.whatsapp-number{display:block;font-size:13px;font-variant-numeric:tabular-nums;margin-bottom:20px;color:#4c5b3d}.whatsapp-panel-copy .whatsapp-open{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;min-height:46px;font-size:13px;border-radius:11px}.whatsapp-panel-copy>small{display:block;font-size:10px;line-height:1.7;color:#8a7e67;margin:11px 0 18px}.whatsapp-alternative{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#6b7156}
.cart-drawer-open .whatsapp-support,.product-lightbox-open .whatsapp-support,.store-menu-open .whatsapp-support,body:has(dialog[open]) .whatsapp-support{visibility:hidden;pointer-events:none}
.cart-drawer-open .whatsapp-panel,.product-lightbox-open .whatsapp-panel,.store-menu-open .whatsapp-panel,body:has(dialog[open]) .whatsapp-panel{visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.whatsapp-launcher{animation:whatsapp-arrive .4s ease-out both}.whatsapp-panel:popover-open,.whatsapp-panel.is-open{animation:whatsapp-arrive .2s ease-out both}@keyframes whatsapp-arrive{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}}
@media(max-width:767px){.whatsapp-support{--whatsapp-bottom:calc(18px + env(safe-area-inset-bottom) + var(--whatsapp-offset,0px));right:16px}.whatsapp-launcher{width:52px;height:52px}.whatsapp-panel{right:16px;bottom:calc(var(--whatsapp-bottom) + 66px);border-radius:18px}.whatsapp-panel-header{padding:17px 18px}.whatsapp-panel-copy{padding:21px}.whatsapp-panel-copy h2{font-size:26px}}
@media(hover:none){.whatsapp-launcher::before{display:none}}
@media(prefers-reduced-motion:reduce){.whatsapp-launcher,.whatsapp-launcher::before{transition:none;animation:none}.whatsapp-panel:popover-open,.whatsapp-panel.is-open{animation:none}}
@media print{.whatsapp-support,.whatsapp-panel{display:none!important}}
