/* Compact page utilities share one aligned stack, with no pulse or halo. */
html body.sc-storefront.sc-controls .floating-utilities {
    --floating-button-size:44px;--floating-button-radius:12px;
    position:fixed;right:max(var(--floating-offset-x,18px),env(safe-area-inset-right));bottom:calc(var(--floating-offset-y,18px) + env(safe-area-inset-bottom));
    display:flex;flex-direction:column;align-items:center;gap:8px;z-index:9000;
}
html body.sc-storefront.sc-controls .floating-utilities[data-position="left"] {left:max(var(--floating-offset-x,18px),env(safe-area-inset-left));right:auto}
html body.sc-storefront.sc-controls .floating-utilities[data-size="standard"] {--floating-button-size:52px}
html body.sc-storefront.sc-controls .floating-utilities[data-shape="circle"] {--floating-button-radius:50%}
html body.sc-storefront.sc-controls .floating-utilities[data-at-footer="true"] {flex-direction:row}
html body.sc-storefront.sc-controls .floating-utilities .floating-control {
    position:relative!important;inset:auto!important;box-sizing:border-box;width:var(--floating-button-size)!important;height:var(--floating-button-size)!important;min-width:var(--floating-button-size);min-height:var(--floating-button-size);
    display:grid!important;place-items:center;padding:0!important;margin:0;border-radius:var(--floating-button-radius)!important;
    border:1px solid #ffffff26!important;background:#17343a!important;color:#f1d298!important;
    box-shadow:0 3px 12px #10272b1c!important;transform:none!important;opacity:1!important;visibility:visible!important;
    cursor:pointer;text-decoration:none!important;backdrop-filter:none!important;
    transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease!important;
}
html body.sc-storefront.sc-controls .floating-utilities .whatsapp-widget {background:#167754!important;color:#fff!important;border-color:#ffffff26!important}
html body.sc-storefront.sc-controls .floating-utilities .floating-control svg {width:20px;height:20px;flex:none;pointer-events:none}
html body.sc-storefront.sc-controls .floating-utilities .whatsapp-widget svg {width:24px;height:24px}
html body.sc-storefront.sc-controls .floating-utilities .floating-control[hidden],
html body.sc-storefront.sc-controls .floating-utilities[hidden] {display:none!important}
html body.sc-storefront.sc-controls .floating-utilities .floating-control:focus-visible {outline:2px solid #ad7835!important;outline-offset:3px!important;box-shadow:0 0 0 2px #fffdf8!important}
.floating-label {position:absolute;right:calc(100% + 11px);top:50%;transform:translateY(-50%);padding:7px 10px;border:1px solid #d5ded6;border-radius:6px;background:#fffdf8;color:#17343a;font-size:11px;font-weight:500;line-height:1.6;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 140ms ease,visibility 140ms ease;box-shadow:0 3px 12px #10272b12}
html body.sc-storefront.sc-controls .floating-utilities[data-position="left"] .floating-label {left:calc(100% + 11px);right:auto}
html body.sc-storefront.sc-controls .floating-utilities .floating-control:focus-visible .floating-label {opacity:1;visibility:visible}
@media(hover:hover){
    html body.sc-storefront.sc-controls .floating-utilities .floating-control:hover {background:#25464c!important;border-color:#dfba6e!important;box-shadow:0 4px 14px #10272b24!important}
    html body.sc-storefront.sc-controls .floating-utilities .whatsapp-widget:hover {background:#116247!important;border-color:#ffffff50!important}
    .floating-control:hover .floating-label {opacity:1;visibility:visible}
}
html body.sc-storefront.sc-controls .floating-utilities .floating-control:active {box-shadow:inset 0 2px 4px #0002!important}
/* Keep controls away from filter panels, dialogs and the mobile navigation. */
html body.sc-storefront.sc-controls:has(.sp-sidebar[open],dialog[open],.mobile-panel.open) .floating-utilities {display:none!important}
@media(max-width:700px){.floating-label {font-size:10px}}
@media(prefers-reduced-motion:reduce){html body.sc-storefront.sc-controls .floating-utilities .floating-control,.floating-label {transition:none!important}}
@media print{.floating-utilities{display:none!important}}
@media(forced-colors:active){html body.sc-storefront.sc-controls .floating-utilities .floating-control{border:1px solid ButtonText!important;background:ButtonFace!important;color:ButtonText!important;box-shadow:none!important}html body.sc-storefront.sc-controls .floating-utilities .floating-control:focus-visible{outline-color:Highlight!important}.floating-label{background:Canvas;color:CanvasText;border-color:ButtonText}}