/* VP Contact Widget — стилі кнопки-пузиря зв'язку (окремий файл: wpspeed не ламає медіазапити у файлах, на відміну від inline <style>). */
#vpcw{position:fixed;right:20px;bottom:24px;z-index:99990;font-family:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
#vpcw *{box-sizing:border-box}
.vpcw-fab{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:#1E88D8;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px -6px rgba(30,136,216,.6);transition:transform .18s,box-shadow .18s;position:relative;padding:0}
.vpcw-fab:hover{transform:translateY(-2px) scale(1.04)}
.vpcw-fab:focus-visible{outline:3px solid #fff;outline-offset:3px}
.vpcw-fab svg{width:27px;height:27px;transition:opacity .16s,transform .2s}
.vpcw-fab .vpcw-close{position:absolute;opacity:0;transform:rotate(-30deg) scale(.6)}
#vpcw.is-open .vpcw-chat{opacity:0;transform:rotate(30deg) scale(.6)}
#vpcw.is-open .vpcw-close{opacity:1;transform:none}
#vpcw.is-open .vpcw-fab{background:#14171c}
.vpcw-fab .vpcw-chat{position:relative;z-index:1}
.vpcw-fab .vpcw-close{z-index:1}
.vpcw-dot{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#2BE45C;box-shadow:0 0 4px rgba(43,228,92,.06);z-index:3}
.vpcw-fab::after{z-index:0}
#vpcw.is-open .vpcw-dot{opacity:0}
@media (prefers-reduced-motion:no-preference){
.vpcw-fab::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #1E88D8;animation:vpcwPulse 4.5s ease-out 2s infinite}
#vpcw.is-open .vpcw-fab::after{display:none}}
@keyframes vpcwPulse{0%{transform:scale(1);opacity:.5}16%{transform:scale(1.85);opacity:0}100%{transform:scale(1.85);opacity:0}}
.vpcw-panel{position:absolute;bottom:74px;right:0;width:312px;background:#fff;color:#14171c;border-radius:18px;box-shadow:0 18px 50px -18px rgba(16,25,40,.4);overflow:hidden;transform:translateY(12px) scale(.97);opacity:0;transform-origin:bottom right;pointer-events:none;transition:opacity .2s,transform .2s;border:1px solid #ebedf0}
#vpcw.is-open .vpcw-panel{opacity:1;transform:none;pointer-events:auto}
.vpcw-head{background:#14171c;color:#fff;padding:16px 16px 15px;position:relative}
.vpcw-wm{font-weight:800;letter-spacing:.24em;font-size:13px}
.vpcw-st{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#c7ccd3;margin-top:5px}
.vpcw-st i{width:8px;height:8px;border-radius:50%;background:#2BE45C;box-shadow:0 0 0 3px rgba(43,228,92,.32),0 0 7px rgba(43,228,92,.7)}
.vpcw-pclose{position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;border-radius:8px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font-size:17px;display:grid;place-items:center;padding:0}
.vpcw-pclose:hover{background:rgba(255,255,255,.22)}
.vpcw-sub{padding:13px 16px 4px;font-size:13px;color:#5A626E}
.vpcw-chans{padding:6px 10px 12px;display:flex;flex-direction:column}
.vpcw-ch{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:none;background:transparent;cursor:pointer;padding:11px 10px;border-radius:12px;color:#14171c;transition:background .14s;text-decoration:none}
.vpcw-ch:hover{background:#f3f5f7}
.vpcw-ch:focus-visible{outline:2px solid #1E88D8;outline-offset:1px}
.vpcw-ic{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff}
.vpcw-ic svg{width:22px;height:22px}
.vpcw-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.vpcw-tx b{font-size:14.5px;font-weight:700}
.vpcw-tx small{font-size:12.5px;color:#7a828d}
.vpcw-arw{width:16px;height:16px;color:#c2c8d0;flex:none}
.vpcw-foot{border-top:1px solid #eef0f3;padding:10px 16px 13px;font-size:12px;color:#8a919b;display:flex;align-items:center;gap:6px}
.vpcw-foot svg{width:13px;height:13px}
.vpcw-ch[data-k="phone"]{order:4}
#scroll_to_top{bottom:96px !important}
@media (max-width:768px){
#vpcw{right:16px;bottom:16px}
.vpcw-fab{width:56px;height:56px}
.vpcw-panel{position:fixed;inset:0;width:auto;border:none;border-radius:0;transform:translateY(100%);display:flex;flex-direction:column;z-index:100000}
#vpcw.is-open .vpcw-panel{transform:none}
#vpcw.is-open .vpcw-fab{opacity:0;pointer-events:none;transform:scale(.6)}
.vpcw-sub{padding-top:16px}
.vpcw-chans{flex:1;justify-content:center;padding:6px 14px 14px}
.vpcw-ch{padding:14px 12px}
.vpcw-ic{width:46px;height:46px}
.vpcw-foot{margin-top:auto}
.vpcw-ch[data-k="phone"]{order:-1}
}