.floating-buttons{position:fixed;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;transition:opacity .3s ease,transform .3s ease}.floating-buttons--hidden{opacity:0;pointer-events:none;transform:translate(20px)}.floating-button{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--floating-btn-bg, #21395D);color:var(--floating-btn-color, #ffffff);border:none;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .25s ease;text-decoration:none}.floating-button:hover{box-shadow:0 8px 32px #0006;background-color:var(--floating-btn-bg, #21395D);color:var(--floating-btn-color, #ffffff)!important}.floating-button:active{transform:scale(.95)}.floating-button__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.floating-button__icon svg{width:100%;height:100%;fill:currentColor}.floating-button__icon img{width:100%;height:100%;object-fit:contain}.floating-button__tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);padding:8px 12px;background-color:#000000d9;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.floating-button__tooltip:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#000000d9}.floating-button:hover .floating-button__tooltip{opacity:1;visibility:visible}.floating-button--zalo{--floating-btn-bg: #0068FF}.floating-button--messenger{--floating-btn-bg: #0084FF}.floating-button--phone{--floating-btn-bg: #25D366}.floating-button--scroll-top{--floating-btn-bg: #333333}.floating-button--ai-chat{--floating-btn-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);background:var(--floating-btn-bg);cursor:pointer}.floating-button--scroll-top.is-hidden{opacity:0;pointer-events:none;transform:translateY(20px)}@media(max-width:767px){.floating-buttons{gap:10px}.floating-button{width:44px;height:44px}.floating-button__icon{width:22px;height:22px}.floating-button__tooltip{display:none}}@media(max-width:480px){.floating-button{width:40px;height:40px}.floating-button__icon{width:20px;height:20px}}@keyframes floating-button-pulse{0%{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 4px 12px #00000026,0 0 0 8px #21395d33}to{box-shadow:0 4px 12px #00000026}}.floating-button--pulse{animation:floating-button-pulse 2s ease-in-out infinite}.floating-buttons__list{display:flex;flex-direction:column;gap:12px}@media(max-width:767px){.floating-buttons__list{gap:10px}}.floating-button--toggle{display:none;--floating-btn-bg: #21395D}.floating-button--toggle .floating-button__icon--close{display:none}.floating-button--toggle .floating-button__icon--open,[aria-expanded=true].floating-button--toggle .floating-button__icon--close{display:flex}[aria-expanded=true].floating-button--toggle .floating-button__icon--open{display:none}[aria-expanded=true].floating-button--toggle{transform:rotate(45deg)}.floating-button--toggle:hover{box-shadow:0 8px 32px #0006}[aria-expanded=true].floating-button--toggle:hover{transform:rotate(45deg);box-shadow:0 8px 32px #0006}@media(max-width:767px){.floating-buttons--has-toggle{flex-direction:column-reverse}.floating-buttons--has-toggle .floating-button--toggle{display:flex}.floating-buttons--has-toggle .floating-buttons__list{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list{opacity:1;visibility:visible;pointer-events:auto}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list .floating-button{animation:floating-button-pop .3s ease forwards}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list .floating-button:nth-child(1){animation-delay:.05s}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list .floating-button:nth-child(2){animation-delay:.1s}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list .floating-button:nth-child(3){animation-delay:.15s}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list .floating-button:nth-child(4){animation-delay:.2s}.floating-buttons--has-toggle.floating-buttons--expanded .floating-buttons__list .floating-button:nth-child(5){animation-delay:.25s}}@keyframes floating-button-pop{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/floating-buttons.css.map */