.whatsapp-contact{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));z-index:8}.whatsapp-contact__desktop{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#087f45;color:#fff;box-shadow:0 3px 12px #0003}.whatsapp-contact__desktop svg{width:26px;height:26px}.whatsapp-contact__mobile{display:none}.whatsapp-contact a:focus-visible,.whatsapp-contact summary:focus-visible{outline:2px solid #087f45;outline-offset:4px}body.overflow-hidden .whatsapp-contact,body[style*="overflow: hidden"] .whatsapp-contact,body:has(#notifyModal:not(.hidden-model)) .whatsapp-contact,body:has(dialog[open],modal-dialog[open],cart-drawer.active,.menu-opening) .whatsapp-contact{visibility:hidden}@keyframes whatsapp-tab-peek{0%,30%,to{transform:translate(0)}10%,20%{transform:translate(-10px)}}@media screen and (max-width:989px){.whatsapp-contact{top:50%;right:env(safe-area-inset-right,0px);bottom:auto;transform:translateY(-50%)}.whatsapp-contact__desktop{display:none}.whatsapp-contact__mobile{display:block}.whatsapp-contact__tab{display:flex;align-items:center;justify-content:flex-end;width:44px;height:72px;overflow:hidden;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.whatsapp-contact__tab::-webkit-details-marker{display:none}.whatsapp-contact__tab>span{flex-shrink:0;width:17px;margin-right:-10px;height:56px;background:#087f45;border-radius:8px 0 0 8px;box-shadow:0 1px 5px #0003}.whatsapp-contact__mobile[open] .whatsapp-contact__tab>span{transform:translate(-3px)}.whatsapp-contact__panel{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:max-content;max-width:calc(100vw - 64px - env(safe-area-inset-right,0px));padding:8px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 20px #0002}.whatsapp-contact__panel a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;color:#087f45;font-size:16px;line-height:1.4;text-decoration:none}.whatsapp-contact__panel svg{flex-shrink:0}body.overflow-hidden-mobile .whatsapp-contact,body.overflow-hidden-tablet .whatsapp-contact{visibility:hidden}}@media screen and (max-width:989px)and (prefers-reduced-motion:no-preference){.whatsapp-contact__mobile:not([open]):not(:hover):not(:focus-within) .whatsapp-contact__tab>span{animation:whatsapp-tab-peek 7s ease-in-out 3s infinite}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/whatsapp-contact.css.map */
