/* Плавающая кнопка «Заказать звонок» на немобильных экранах (от 768px) */
.callback-fab{display:none}
@media (min-width:768px){
  .callback-fab{display:flex;align-items:center;justify-content:center;position:fixed;z-index:1050;right:20px;bottom:105px;width:84px;height:84px;padding:0;border-radius:50%;background:linear-gradient(145deg,#ff9d2e,#f28500);color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(242,133,0,.45);transition:box-shadow .2s ease,background-color .2s ease;animation:callback-ring 6s ease-in-out 2s infinite;transform-origin:50% 60%}
  .callback-fab:hover,.callback-fab:focus{background:#e07a00;color:#fff;text-decoration:none;animation-play-state:paused;box-shadow:0 12px 28px rgba(242,133,0,.55)}
  .callback-fab svg{width:50px;height:50px;fill:#fff;stroke:#fff;stroke-width:1.8;stroke-linecap:round;overflow:visible}
  .callback-fab .fab-handset{stroke:none}
  .callback-fab .fab-wave{fill:none;opacity:0;animation:callback-wave 6s ease-in-out 2s infinite}
  .callback-fab .fab-wave-2{animation-delay:2.15s}
  /* Кнопка в слайдере заменена плавающей */
  .demo-2 .sl-slide blockquote .callback-hand-btn{display:none}
}
/* Время от времени кнопка «звонит»: потряхивание раз в 6 секунд */
@keyframes callback-ring{
  0%,16%,100%{transform:rotate(0)}
  2%,6%,10%,14%{transform:rotate(-7deg) translateX(-3px)}
  4%,8%,12%{transform:rotate(7deg) translateX(3px)}
}
@keyframes callback-wave{
  0%,1%,16%,100%{opacity:0}
  3%,12%{opacity:1}
}
@media (prefers-reduced-motion:reduce){.callback-fab{animation:none}.callback-fab .fab-wave{animation:none;opacity:1}}
/* Кнопка «Закрыть» в форме звонка */
.callback-hand .close-callback-btn{display:block;margin:-12px auto 0;padding:4px 10px;color:#60696a;font-size:15px;text-decoration:underline}
.callback-hand .close-callback-btn:hover,.callback-hand .close-callback-btn:focus{color:#f28500;text-decoration:none}
