/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2026 | 08:46:23 */

  /* Виджет поддержки с максимальным z-index */
  .psych-support-widget {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 2147483647 !important; /* Максимальный z-index в CSS */
    max-width: 360px;
    width: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .psych-support-card {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    color: #0f172a !important;
  }

  .psych-pulse-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #10b981;
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: psych-pulse-anim 2s infinite;
  }

  @keyframes psych-pulse-anim {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
  }

  /* На мобильных устройствах (<640px) ужимается до 30% в левом нижнем углу */
  @media (max-width: 640px) {
    .psych-support-widget {
      bottom: 12px !important;
      left: 12px !important;
      width: 30vw !important; /* Ровно 30% ширины экрана */
      max-width: 30vw !important;
      min-width: 110px !important;
    }
    .psych-support-card {
      padding: 6px 8px !important;
      border-radius: 10px !important;
    }
    .psych-text {
      font-size: 10px !important;
      line-height: 1.15 !important;
      color: #334155 !important;
    }
    .psych-phone {
      font-size: 10.5px !important;
      font-weight: 800 !important;
      display: block !important;
      margin-top: 2px !important;
    }
    .psych-icon {
      width: 24px !important;
      height: 24px !important;
      font-size: 10px !important;
    }
    .psych-desktop-badge {
      display: none !important;
    }
  }