/* Маркетинговые доработки сайта психолог-23.рф (поверх вёрстки Craftum) */

/* ── Плавающий виджет контактов ───────────────────────────── */
.mk-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.mk-fab a {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(10, 8, 58, 0.25);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  color: #fff;
  text-decoration: none;
}
.mk-fab a:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 24px rgba(10, 8, 58, 0.32);
}
.mk-fab a svg { width: 30px; height: 30px; fill: #fff; }
.mk-fab .mk-wa   { background: #25d366; }
.mk-fab .mk-tg   { background: #29a9eb; }
.mk-fab .mk-call { background: #293acc; }

/* Пульс-подсветка, чтобы привлечь внимание к WhatsApp */
.mk-fab .mk-wa {
  animation: mk-pulse 2.4s infinite;
}
@keyframes mk-pulse {
  0%   { box-shadow: 0 6px 18px rgba(37, 211, 102, 0.5), 0 0 0 0 rgba(37, 211, 102, 0.55); }
  70%  { box-shadow: 0 6px 18px rgba(37, 211, 102, 0.5), 0 0 0 16px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 6px 18px rgba(37, 211, 102, 0.5), 0 0 0 0 rgba(37, 211, 102, 0); }
}
@media (max-width: 600px) {
  .mk-fab { right: 12px; bottom: 12px; gap: 10px; }
  .mk-fab a { width: 52px; height: 52px; }
  .mk-fab a svg { width: 27px; height: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .mk-fab .mk-wa { animation: none; }
}

/* ── Поп-ап обратного звонка ───────────────────────────────── */
.mk-modal {
  position: fixed; inset: 0; z-index: 9999;
  display: none; align-items: center; justify-content: center;
  background: rgba(10, 8, 58, 0.55); padding: 16px;
}
.mk-modal.mk-open { display: flex; animation: mk-fade 0.25s ease; }
@keyframes mk-fade { from { opacity: 0; } to { opacity: 1; } }
.mk-card {
  background: #fff; border-radius: 20px; max-width: 420px; width: 100%;
  padding: 30px 26px; position: relative; text-align: center;
  box-shadow: 0 24px 60px rgba(10, 8, 58, 0.35);
  font-family: "Inter Tight", system-ui, sans-serif;
}
.mk-card__close {
  position: absolute; top: 12px; right: 14px; cursor: pointer;
  font-size: 26px; line-height: 1; color: #9aa0b3; background: none; border: 0;
}
.mk-card__close:hover { color: #0a083a; }
.mk-card h3 { margin: 4px 0 8px; font-size: 23px; color: #0a083a; font-weight: 700; }
.mk-card p  { margin: 0 0 18px; font-size: 15px; color: #5a6072; line-height: 1.45; }
.mk-card input {
  width: 100%; box-sizing: border-box; padding: 14px 16px; margin-bottom: 12px;
  border: 1.5px solid #e1e4ec; border-radius: 12px; font-size: 16px; outline: none;
  transition: border-color 0.15s;
}
.mk-card input:focus { border-color: #293acc; }
.mk-card button.mk-submit {
  width: 100%; padding: 15px; border: 0; border-radius: 12px; cursor: pointer;
  background: #293acc; color: #fff; font-size: 16px; font-weight: 600;
  transition: background 0.15s, opacity 0.15s;
}
.mk-card button.mk-submit:hover { background: #1f2da3; }
.mk-card__note { font-size: 12px; color: #9aa0b3; margin-top: 12px; }
.mk-card__ok { font-size: 44px; color: #25d366; margin-bottom: 10px; }