/* Floating buttons sit above the existing mobile quick-nav, never on it. */
.oc-floating-actions{position:fixed;right:clamp(12px,2vw,30px);bottom:24px;z-index:145;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}
.oc-floating-action{pointer-events:auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(78,40,27,.22);background:#4e281b;color:#fff;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px rgba(33,19,13,.18);transition:transform .18s ease,background-color .18s ease,opacity .18s ease;font-family:inherit}
.oc-floating-action:hover,.oc-floating-action:focus-visible{background:#ee6a29;transform:translateY(-3px)}
.oc-floating-action:focus-visible{outline:3px solid #ee6a29;outline-offset:3px}
.oc-floating-action--whatsapp{background:#167a55;border-color:#167a55}
.oc-floating-action--whatsapp:hover,.oc-floating-action--whatsapp:focus-visible{background:#105d3f}
.oc-floating-action[hidden]{display:none!important}
@media(max-width:1100px){
 .oc-floating-actions{right:clamp(10px,3vw,24px);bottom:calc(86px + env(safe-area-inset-bottom,0px));gap:8px;z-index:175}
 .oc-floating-action{width:44px;height:44px}
 .oc-floating-actions[data-package-page="1"] .oc-floating-action--whatsapp{display:none}
}
@media(max-width:480px){.oc-floating-actions{bottom:calc(98px + env(safe-area-inset-bottom,0px))}.oc-floating-action{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.oc-floating-action{transition:none}.oc-floating-action:hover{transform:none}}