/* Стили страницы kontakty/index.html. Вынесены из инлайн <style> в внешний файл. */

/* ── Быстрый способ связи: вилка по цене голосом ─────────────────────────── */
.callbox{position:relative;margin:0;padding:38px 40px;border-radius:20px;
  border:1px solid rgba(234,106,46,.42);
  background:linear-gradient(180deg,rgba(234,106,46,.10),rgba(234,106,46,.03))}
.callbox__eyb{font-family:var(--sans,inherit);font-size:11px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:#EA6A2E;margin-bottom:14px}
.callbox__h{margin:0 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.15}
.callbox__p{margin:0 0 26px;max-width:640px;color:#52525B;font-size:17px;line-height:1.6}
.callbox__tel{display:inline-block;font-family:var(--serif,inherit);
  font-size:clamp(30px,4.6vw,46px);line-height:1;color:#18181B;text-decoration:none;
  letter-spacing:.01em;white-space:nowrap;
  border-bottom:2px solid rgba(234,106,46,.55);padding-bottom:6px;
  transition:color .18s,border-color .18s}
.callbox__tel:hover{color:#EA6A2E;border-color:#EA6A2E}
.callbox__tel:focus-visible{outline:3px solid rgba(234,106,46,.45);outline-offset:4px}
.callbox__list{list-style:none;margin:28px 0 0;padding:0;
  display:grid;gap:12px 32px;grid-template-columns:repeat(3,1fr)}
.callbox__list li{position:relative;padding-left:22px;font-size:15px;line-height:1.5;color:#3F3F46}
.callbox__list li::before{content:'';position:absolute;left:0;top:8px;
  width:8px;height:8px;border-radius:50%;background:#EA6A2E}
.callbox__foot{margin:26px 0 0;font-size:14px;line-height:1.55;color:#71717A}
.callbox__foot a{color:#EA6A2E;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .callbox{padding:28px 22px;border-radius:16px}
  .callbox__list{grid-template-columns:1fr;gap:10px}
  .callbox__p{font-size:16px}
}

/* Блок «напишите» вместо прежнего «позвоните»: в строке теперь не номер,
   а имя в Telegram — оно длиннее, поэтому кегль ниже и перенос разрешён,
   иначе на 360px строка уезжала за край. */
.callbox__tel{font-size:clamp(24px,3.4vw,34px);white-space:normal}
.callbox__alt{margin:16px 0 0;font-size:15px;line-height:1.6;color:#52525B}
.callbox__alt a{color:#EA6A2E;display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.callbox__alt a .u{text-decoration:underline;text-underline-offset:3px}

/* Значки у кнопок связи: в ряду из четырёх кнопок подписи «Telegram»,
   «WhatsApp», «MAX» и «Заполнить бриф» одинаковой длины и с полувзгляда
   не различаются — значок берёт эту работу на себя. */
.hero__cta .btn{display:inline-flex;align-items:center;gap:8px}
.hero__cta .msi{width:18px;height:18px;flex:0 0 auto}
.callbox__alt .msi{width:15px;height:15px}