/* Native replacement for MN Contact. Retains stored colors, position and sizes. */
.vk-contact{position:fixed;bottom:var(--vk-contact-y,30px);z-index:100000}
.vk-contact--left{left:var(--vk-contact-x,30px)}
.vk-contact--right{right:var(--vk-contact-x,30px)}
.vk-contact-button{position:relative;width:var(--vk-contact-size,64px);height:var(--vk-contact-size,64px);padding:0;border:0;border-radius:50%;background:var(--vk-contact-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0002,0 4px 6px -2px #0001;transition:transform .3s,background .3s}
.vk-contact-button:hover{background:var(--vk-contact-hover);transform:translateY(-2px) scale(1.05)}
.vk-contact-button>.vk-icon,.vk-contact-button>img{width:44%;height:44%;object-fit:contain}
.vk-contact-dot{position:absolute;top:-2px;right:-2px;width:20px;height:20px;background:#dc2626;border:2px solid #fff;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}
.vk-contact-dialog{position:fixed;inset:auto auto calc(var(--vk-contact-y,30px) + 80px) auto;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--vk-contact-y,30px) - 100px);border:0;border-radius:16px;background:#fff;padding:0;margin:0;box-shadow:0 25px 50px -12px #0004;overflow:auto;z-index:100001}
.vk-contact--left .vk-contact-dialog{left:min(var(--vk-contact-x,30px),12px + (100vw - 384px) / 2)}
.vk-contact--right .vk-contact-dialog{right:min(var(--vk-contact-x,30px),12px + (100vw - 384px) / 2)}
.vk-contact-head{position:relative;background:var(--vk-contact-primary);color:#fff;padding:20px 56px 20px 24px}
.vk-contact-head h2{font-size:18px;font-weight:600;color:inherit;margin:0}
.vk-contact-head p{font-size:14px;opacity:.8;margin:4px 0 0}
.vk-contact-head .vk-icon-button{position:absolute;top:50%;right:8px;transform:translateY(-50%);color:#fff;opacity:.7}
.vk-contact-head .vk-icon-button:hover{opacity:1}
.vk-contact-list{list-style:none;margin:0;padding:8px}
.vk-contact-item{display:flex;align-items:center;padding:12px;color:#1f2937;border:1px solid transparent;border-radius:12px;text-decoration:none;transition:background .2s,border-color .2s}
.vk-contact-item:hover{text-decoration:none;color:#1f2937}
.vk-contact-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;margin-right:16px;flex-shrink:0}
.vk-contact-icon img{width:28px;height:28px;object-fit:contain}
.vk-contact-icon .vk-icon{width:22px;height:22px}
.vk-contact-info{min-width:0;display:flex;flex-direction:column}
.vk-contact-info strong{font-size:16px;font-weight:600}
.vk-contact-info>span{font-size:14px;color:#6b7280}
.vk-contact-info small{font-size:12px;color:#6b7280;font-weight:500}
.vk-contact-item--zalo:hover,.vk-contact-item--messenger:hover{background:#eef5ff;border-color:#dbeafe}
.vk-contact-item--hotline:hover{background:#f0fdf4;border-color:#bbf7d0}
.vk-contact-item--email:hover{background:#fff7ed;border-color:#fed7aa}
.vk-contact-item--address:hover{background:#f5f3ff;border-color:#ddd6fe}
.vk-contact-foot{background:#f9fafb;padding:16px 24px;font-size:13px;color:#6b7280;border-top:1px solid #e5e7eb}
.vk-contact-foot>div{display:flex;align-items:flex-start;gap:10px}
.vk-contact-foot .vk-icon{width:16px;height:16px;margin-top:2px}
.vk-contact-foot p{margin:8px 0 0}
@media(max-width:640px){.vk-contact-button{width:var(--vk-contact-mobile-size,64px);height:var(--vk-contact-mobile-size,64px)}}
@media(max-width:420px){.vk-contact--left .vk-contact-dialog{left:12px}.vk-contact--right .vk-contact-dialog{right:12px}}