/* Оформление виджета связи поверх local/assets/messengers/widget.css. */
#ssm .ssm__btn {
  background: radial-gradient(circle at 13% 92%, #25c9ee 0%, transparent 43%), linear-gradient(135deg, #3149e7 4%, #3278ee 43%, #7651db 75%, #ad56c7 100%);
  border-radius: 12px;
  box-shadow: 0 10px 24px -8px rgba(53, 73, 180, .45);
}
#ssm .ssm__btn:hover {
  transform: none;
  background: radial-gradient(circle at 13% 92%, #25c9ee 0%, transparent 43%), linear-gradient(135deg, #3149e7 4%, #3278ee 43%, #7651db 75%, #ad56c7 100%);
  filter: brightness(1.07);
  box-shadow: 0 12px 28px -8px rgba(53, 73, 180, .5);
}
#ssm .ssm__btn:focus-visible { outline: 2px solid #DB020C; outline-offset: 3px; }

/* Широкий экран: карточка при наведении. */
#ssm .ssm__card { border: 1px solid #E8E9EE; border-radius: 12px; box-shadow: 0 8px 24px rgba(17, 19, 24, .12); }
#ssm .ssm__item { min-height: 48px; padding: 12px 16px; color: #111318; }
#ssm .ssm__item:hover, #ssm .ssm__item:focus { background: #F5F5F8; color: #111318; }
#ssm .ssm__title { font: 400 15px/20px "Golos Text", Arial, sans-serif; }
#ssm .ssm__item + .ssm__item { border-top: 0; }

/* Телефон: окно снизу. */
#ssm .ssm__overlay { background: rgba(17, 19, 24, .5); }
#ssm .ssm__sheet { padding: 8px 12px calc(12px + env(safe-area-inset-bottom, 0px)); }
#ssm .ssm__sheet-card { border-radius: 12px; }
#ssm .ssm__sheet-title { padding: 16px 16px 12px; border-bottom: 0; text-align: left; color: #111318; font: 600 15px/20px "Golos Text", Arial, sans-serif; }
#ssm .ssm__sheet-item { min-height: 52px; color: #111318; font: 400 15px/20px "Golos Text", Arial, sans-serif; }
#ssm .ssm__sheet-item:hover, #ssm .ssm__sheet-item:focus { color: #111318; }
#ssm .ssm__sheet-item:active { background: #F5F5F8; }
#ssm .ssm__sheet-item + .ssm__sheet-item { border-top: 0; }
#ssm .ssm__sheet-item--phone .ssm__icon { filter: brightness(0) saturate(0); opacity: .85; }
#ssm .ssm__cancel { min-height: 48px; color: #111318; font: 500 15px/20px "Golos Text", Arial, sans-serif; }
#ssm .ssm__cancel:active { background: #F5F5F8; }

@media (max-width: 767px) {
  #ssm { --ssm-btn-size: 48px; }
  body:has(.pp-detail) #ssm { transition: bottom .28s ease; }
  #ssm .ssm__btn-icon { width: 24px; height: 25px; }
  body:has(.pp-detail:not(.dt-bar-on)) #ssm { bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  body:has(.pp-detail.dt-bar-on) #ssm { bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
  body:has(.pp-cart.mk-niz:not([hidden])) #ssm { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
}

@media (prefers-reduced-motion: reduce) {
  body:has(.pp-detail) #ssm { transition: none; }
}

body:has(.pp-mod.nc-mod:not([hidden])) #ssm { display: none; }