.cb-whatsapp{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:9px;min-height:52px;padding:0 16px;background:#25D366;color:#fff!important;border:1px solid #ffffff40;border-radius:30px;box-shadow:0 5px 20px #0002;text-decoration:none!important;font:500 14px/1.2 Arial,sans-serif;transition:box-shadow .2s}
.cb-whatsapp svg{width:28px;height:28px;flex:none}.cb-whatsapp:hover{box-shadow:0 6px 24px #0004}.cb-whatsapp:focus-visible{outline:3px solid #075E54;outline-offset:4px}
@media(max-width:600px){.cb-whatsapp{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:52px;padding:0;justify-content:center}.cb-whatsapp span{display:none}}
@media(prefers-reduced-motion:reduce){.cb-whatsapp{transition:none}}
/* Keep floating contact clear of the shared mobile purchase bar. */
@media(max-width:900px){body:has(.mobile-buy) .cb-whatsapp{bottom:calc(110px + env(safe-area-inset-bottom,0px))}}
body:has(dialog[open]) .cb-whatsapp{visibility:hidden;pointer-events:none}

body:has(footer .cb-whatsapp)>.cb-whatsapp{display:none}

/* Let focused and anchor-linked controls scroll clear of the contact shortcut. */
html{scroll-padding-bottom:88px}
@media(min-width:601px){.cb-whatsapp span{color:#073d22}}

/* Shared desktop and mobile icon-only contact shortcut. */
.cb-whatsapp{width:60px;height:60px;min-height:60px;padding:0;justify-content:center;border-radius:50%;gap:0}
.cb-whatsapp svg{width:32px;height:32px}
.cb-whatsapp span{display:none}