.customer-floating{position:fixed;right:22px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:9;display:flex;flex-direction:column;gap:10px;isolation:isolate}
.floating-action{position:relative;display:grid;place-items:center;width:54px;height:54px;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;color:#fff;box-shadow:0 4px 17px #173d2c30;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s;background:#19533d}
.floating-action svg{width:27px;height:27px;display:block;flex:none;fill:none;stroke:currentColor}.floating-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #173d2c40}.floating-whatsapp{background:#168b4a}.floating-count{position:absolute;right:-2px;top:-3px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:50%;background:#fffdf7;color:#19533d;border:1px solid #c5d8cc;font:600 10px/1 Arial,sans-serif}
.floating-action:after{content:attr(data-label);position:absolute;right:calc(100% + 10px);background:#fffdf9;color:#19533d;box-shadow:0 2px 12px #0002;padding:7px 11px;white-space:nowrap;border-radius:6px;font:12px/1.4 Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none}.floating-action:hover:after,.floating-action:focus-visible:after{opacity:1;visibility:visible}.floating-action:focus-visible{outline:3px solid #b99a60;outline-offset:3px}
body.dialog-open .customer-floating{visibility:hidden;pointer-events:none}
/* A modal's shortcuts must be inside its top layer to remain interactive. */
#product-dialog[open]>.customer-floating{visibility:visible;pointer-events:auto}
.customer-heart-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 19px;color:#c5a057;font:25px/1 Georgia,serif}.customer-heart-rule>span{height:1px;width:88px;background:#c5a057}
@media(max-width:480px){.customer-floating{right:14px;bottom:calc(15px + env(safe-area-inset-bottom));gap:9px}.floating-action{width:49px;height:49px}.floating-action svg{width:25px;height:25px}.customer-heart-rule{margin-bottom:15px;font-size:22px}.customer-heart-rule>span{width:64px}}
@media(prefers-reduced-motion:reduce){.floating-action{transition:none}}