.floating-buttons{--fb-background-color:#4090ff}.floating-buttons .sb-bar{transition:bottom .25s ease}.floating-buttons.back-to-top-visible .sb-bar{bottom:max(var(--fb-rest-bottom,20px),104px)!important}.floating-buttons .sb-bar,.floating-buttons .sb-bar>li,.floating-buttons .floating-buttons-collapsed,.floating-buttons .floating-buttons-collapsed>li{list-style:none;margin-left:0;padding-left:0}.floating-buttons .sb-icon img{width:42px!important;height:42px!important;object-fit:contain}.floating-buttons .sb-bar li .sb-mask .sb-label{background-color:var(--fb-background-color)!important}.floating-buttons .sb-bar li .sb-icon{align-items:center;display:flex;justify-content:center;padding:5px}.floating-buttons .sb-bar li .sb-icon:hover .coccoc-alo-show{display:none}.floating-buttons .sb-btn-mobile{margin-top:3px}.floating-buttons .sb-btn-mobile .sb-icon{background-color:var(--primary-color,var(--fb-background-color));position:relative}.floating-buttons .sb-btn-mobile .sb-icon svg{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.floating-buttons .sb-btn-mobile.active .open{display:inline-block!important}.floating-buttons .sb-btn-mobile.active .close{display:none!important}.floating-buttons .sb-btn-mobile .close{display:inline-block!important}.floating-buttons .sb-btn-mobile .open{display:none!important}.floating-buttons .d-block{display:block!important}.floating-buttons .d-none{display:none!important}@media screen and (max-width:575px){.floating-buttons .floating-buttons-collapsed{opacity:0;visibility:hidden;position:absolute;right:0;bottom:100%;margin-bottom:10px}}@media screen and (min-width:575px){.floating-buttons .d-sm-block{display:block!important}.floating-buttons .d-sm-none{display:none!important}}.floating-buttons .ring-animation .coccoc-alo-ph-circle{animation:coccoc-alo-circle-anim 1.2s ease-in-out infinite;background-color:transparent;border:2px solid rgba(30,30,30,.4);border-radius:100%;height:62px;left:-10px;opacity:.1;position:absolute;top:-10px;transition:all .5s;width:62px}.floating-buttons .ring-animation .coccoc-alo-phone{-webkit-backface-visibility:hidden;background-color:transparent;cursor:pointer;flex-shrink:0;height:42px;position:absolute;right:0;top:0;-webkit-transform:translateZ(0);transition:visibility .5s;width:42px;z-index:200000!important}.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill{background-color:var(--circle-item-background-color);opacity:.75!important}.floating-buttons .ring-animation .coccoc-alo-ph-circle-fill{animation:coccoc-alo-circle-fill-anim 2.3s ease-in-out infinite;background-color:#000;border:2px solid transparent;border-radius:100%;height:62px;left:-10px;opacity:.1;position:absolute;top:-10px;transition:all .5s;width:62px}.floating-buttons .ring-animation .coccoc-alo-ph-img-circle{animation:coccoc-alo-circle-img-anim 1s ease-in-out infinite;background:rgba(30,30,30,.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat 50%;border:2px solid transparent;border-radius:100%;height:60px;left:70px;opacity:.7;position:absolute;top:70px;width:60px}.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle{background-color:var(--circle-fill-background-color)}.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle{border-color:var(--circle-border-background-color);opacity:.5}.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle{border-color:#75eb50;opacity:.5}.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill{background-color:rgba(117,235,80,.5);opacity:.75!important}.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.floating-buttons .ring-animation .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle{background-color:#75eb50}@keyframes coccoc-alo-circle-anim{0%{opacity:.1;transform:rotate(0) scale(.5) skew(1deg)}30%{opacity:.5;transform:rotate(0) scale(.7) skew(1deg)}to{opacity:.1;transform:rotate(0) scale(1) skew(1deg)}}@keyframes coccoc-alo-circle-fill-anim{0%{opacity:.2;transform:rotate(0) scale(.7) skew(1deg)}50%{opacity:.2;transform:rotate(0) scale(1) skew(1deg)}to{opacity:.2;transform:rotate(0) scale(.7) skew(1deg)}}@keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0) scale(1) skew(1deg)}to{transform:rotate(0) scale(1) skew(1deg)}}

/* === Floating button: never overlap back-to-top or the mobile bottom bar (added) ===
   This theme's back-to-top sits at: desktop 50px; phone(<=767) 117px; phone single-product 140px.
   The mobile bottom nav bar (.tp-mobile-menu) shows <=991px. Values below keep the chat button
   above whichever is shown, on every breakpoint. */
@media (min-width:992px){
  .floating-buttons.back-to-top-visible .sb-bar{bottom:115px!important}
}
@media (min-width:768px) and (max-width:991.98px){
  .floating-buttons .sb-bar{bottom:80px!important}
  .floating-buttons.back-to-top-visible .sb-bar{bottom:115px!important}
}
@media (max-width:767px){
  .floating-buttons .sb-bar{bottom:80px!important}
  .floating-buttons.back-to-top-visible .sb-bar{bottom:175px!important}
  .single-product .floating-buttons.back-to-top-visible .sb-bar{bottom:198px!important}
}
