/* ===== ВИДЖЕТ: копируйте от этого комментария до конца <script> ===== */
  #cw { --cw-main: #E74C3C; --cw-dark: #0a7a6d; position: fixed; right: 60px; bottom: 60px; z-index: 9999;
        font-family: system-ui, -apple-system, "Segoe UI", sans-serif; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
 
  /* Кнопка с пульсацией */
  #cw-btn { position: relative; width: 64px; height: 64px; border: 0; border-radius: 50%; cursor: pointer;
            background: var(--cw-main); color: #fff; display: grid; place-items: center;
            box-shadow: 0 6px 18px rgba(14,159,142,.45); transition: transform .2s; }
  #cw-btn:hover { transform: scale(1.06); }
  #cw-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px var(--cw-dark); }
  #cw-btn::before, #cw-btn::after { content: ""; position: absolute; inset: 0; border-radius: 50%;
            background: var(--cw-main); z-index: -1; animation: cw-pulse 2.4s ease-out infinite; }
  #cw-btn::after { animation-delay: 1.2s; }
  @keyframes cw-pulse { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.75); opacity: 0; } }
  #cw-btn svg { width: 30px; height: 30px; transition: transform .25s; }
  #cw.open #cw-btn svg { transform: rotate(90deg); }
  #cw.open #cw-btn::before, #cw.open #cw-btn::after { animation: none; opacity: 0; }
 
  /* Облачко-приглашение */
  #cw-tip { position: relative; max-width: 230px; background: #fff; color: #1b2733; padding: 12px 34px 12px 14px;
            border-radius: 16px 16px 4px 16px; font-size: 15px; line-height: 1.35;
            box-shadow: 0 8px 28px rgba(0,0,0,.18); opacity: 0; transform: translateY(10px) scale(.96);
            pointer-events: none; transition: opacity .35s, transform .35s; }
  #cw-tip.show { opacity: 1; transform: none; pointer-events: auto; }
  #cw-tip b { display: block; margin-bottom: 2px; }
  #cw-tip button { position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; border: 0; background: none;
                   font-size: 18px; line-height: 1; color: #7a8794; cursor: pointer; border-radius: 50%; }
  #cw-tip button:hover { background: #eef2f5; }
 
  /* Панель мессенджеров */
  #cw-panel { background: #fff; border-radius: 18px; padding: 16px; width: 250px; box-shadow: 0 10px 34px rgba(0,0,0,.22);
              display: none; }
  #cw.open #cw-panel { display: block; animation: cw-in .25s ease-out; }
  @keyframes cw-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  #cw-panel p { margin: 0 0 12px; font-size: 15px; color: #1b2733; }
  #cw-panel a { display: flex; align-items: center; gap: 12px; padding: 8px; margin: 0 -8px; border-radius: 12px;
                text-decoration: none; color: #1b2733; font-size: 15px; transition: background .15s; }
  #cw-panel a:hover, #cw-panel a:focus-visible { background: #eef6f5; outline: none; }
  .cw-ic { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: #fff; flex: none;
           font-weight: 800; font-size: 14px; }
  .cw-ic svg { width: 22px; height: 22px; }
 
  @media (prefers-reduced-motion: reduce) {
    #cw-btn::before, #cw-btn::after { animation: none; opacity: 0; }
    #cw-tip, #cw-panel { transition: none; animation: none !important; }
  }
  @media (max-width: 480px) { #cw { right: 12px; bottom: 12px; } #cw-panel { width: min(250px, calc(100vw - 24px)); } }