/*
 * Блок «Мы на связи в мессенджерах» (templates/partials/_messengers_block.html, #2308).
 * Свои классы вместо Tailwind: output.css собран заранее и новых утилит не содержит.
 */
.msg-blk{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e2e8f0;color:#334155}
.dark .msg-blk,.msg-blk--dark{border-top-color:rgba(255,255,255,.1);color:#cbd5e1}
.msg-blk__title{font-weight:700;font-size:.95rem;color:#0f172a;margin-bottom:.75rem}
.dark .msg-blk__title,.msg-blk--dark .msg-blk__title{color:#fff}
.msg-blk__row{display:flex;align-items:center;gap:1rem}
.msg-blk__qr{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex-shrink:0}
.msg-blk__qr-box{display:block;width:88px;height:88px;padding:4px;background:#fff;border-radius:.75rem;border:1px solid #e2e8f0}
.msg-blk__qr-box img{display:block;width:100%;height:100%}
.msg-blk__qr-max{display:none!important}
.msg-blk:has(.msg-btn--max:hover,.msg-btn--max:focus-visible) .msg-blk__qr-tg{display:none!important}
.msg-blk:has(.msg-btn--max:hover,.msg-btn--max:focus-visible) .msg-blk__qr-max{display:block!important}
.msg-blk__qr-cap{font-size:.7rem;line-height:1.2;text-align:center;color:#64748b}
.dark .msg-blk__qr-cap,.msg-blk--dark .msg-blk__qr-cap{color:#94a3b8}
.msg-blk__btns{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}
.msg-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:.875rem;font-weight:700;font-size:.95rem;color:#fff!important;text-decoration:none;transition:filter .2s,transform .2s}
.msg-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.msg-btn:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.msg-btn__ico{width:1.25rem;height:1.25rem;flex-shrink:0}
/* Цвета затемнены относительно фирменных: белый текст — контраст не ниже 4.5:1 */
.msg-btn--tg{background:#1b74a8}
.msg-btn--max{background:#5b3fd6}
.msg-blk__call{margin-top:.85rem;font-size:.8rem;color:#64748b}
.dark .msg-blk__call,.msg-blk--dark .msg-blk__call{color:#94a3b8}
.msg-blk__call a{display:inline-block;margin-left:.25rem;font-weight:700;font-size:.95rem;color:#0f172a;white-space:nowrap}
.dark .msg-blk__call a,.msg-blk--dark .msg-blk__call a{color:#fff}
.msg-blk__call a:hover{text-decoration:underline}
/* Футер: только две кнопки в строку */
.msg-blk--compact{margin-top:0;padding-top:0;border-top:0}
.msg-blk--compact .msg-blk__btns{flex-direction:row}
.msg-blk--compact .msg-btn{flex:1;padding:.55rem .9rem;font-size:.9rem}
/* QR нужен только на компьютере: с телефона его сканировать нечем */
@media (max-width:767px),(hover:none){.msg-blk__qr{display:none}}
/* Модалка заявки стала выше — на невысоких экранах прокручивается внутри */
#leadModalContent{max-height:calc(100dvh - 2rem);overflow-y:auto}