/*
 * Блок v2 «Не нашли готовый? Соберём ваш» (acf/wx-custom). Подключается, только если блок есть на странице (inc/v2-blocks.php).
 */

.v2 .wx-block{--wx-amo-font:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}
.v2 .wx-custom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:48px;}
.v2 .wx-custom__l{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;}
.v2 .wx-ivlist{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;}
.v2 .wx-ivlist li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text-muted);}
.v2 .wx-ivlist__ico{display:flex;color:var(--orange-1);}
.v2 .wx-custom .wx-form-msg{margin-top:-12px;}

/* иллюстрация: чат */
.v2 .wx-cht{position:relative;padding:20px 24px 24px;font-family:var(--wx-amo-font);}
.v2 .wx-cht__w{border-radius:14px;overflow:hidden;background:#f4f6f8;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.12);transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);}
html[data-theme="light"] .v2 .wx-cht__w{box-shadow:0 30px 60px -24px rgba(60,30,90,.35),0 0 0 1px rgba(23,20,31,.08);}
.v2 .wx-cht__t{height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border-bottom:1px solid #e3e7ea;}
.v2 .wx-cht__av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e96b3b,#e0404c);color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px/1 var(--wx-amo-font);}
.v2 .wx-cht__t b{display:block;font:600 13px/1.2 var(--wx-amo-font);color:#1d2b36;}
.v2 .wx-cht__t small{display:flex;align-items:center;gap:5px;font-size:11px;color:#2f7a0a;}
.v2 .wx-cht__t small i{width:6px;height:6px;border-radius:50%;background:#22c55e;}
.v2 .wx-cht__b{display:flex;flex-direction:column;gap:10px;min-height:250px;padding:16px 14px;}
.v2 .wx-cht__msg{max-width:78%;padding:10px 12px;border-radius:12px;font:400 12.5px/1.4 var(--wx-amo-font);color:#1d2b36;box-shadow:0 1px 2px rgba(0,0,0,.08);}
.v2 .wx-cht__msg small{display:block;margin-top:4px;font-size:10px;color:#56636d;text-align:right;}
.v2 .wx-cht__msg--me{align-self:flex-end;background:#d8efff;border-bottom-right-radius:4px;}
.v2 .wx-cht__msg--wx{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;}
.v2 .wx-cht__typing{display:flex;gap:4px;padding:12px 14px;}
.v2 .wx-cht__typing span{width:6px;height:6px;border-radius:50%;background:#93a1ab;animation:wx-tdot 1s ease-in-out infinite;}
.v2 .wx-cht__typing span:nth-child(2){animation-delay:.15s;}
.v2 .wx-cht__typing span:nth-child(3){animation-delay:.3s;}
.v2 .wx-cht__card{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#fff;box-shadow:0 0 0 2px #22c55e,0 8px 18px -8px rgba(0,0,0,.25);}
.v2 .wx-cht__card .wx-ico{width:36px;height:36px;border-radius:9px;}
.v2 .wx-cht__card b{display:block;font:600 12.5px/1.2 var(--wx-amo-font);color:#1d2b36;}
.v2 .wx-cht__card small{font-size:10.5px;color:#2f7a0a;}
.v2 .wx-cht__btn{margin-left:8px;height:28px;padding:0 12px;border-radius:4px;background:#3b6fd4;color:#fff;font:500 11px/28px var(--wx-amo-font);white-space:nowrap;}
.v2 .wx-cht__in{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 8px 0 14px;background:#fff;border-top:1px solid #e3e7ea;font-size:12px;color:#56636d;}
.v2 .wx-cht__snd{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e96b3b,#e0404c);color:#fff;display:flex;align-items:center;justify-content:center;}
@keyframes wx-tdot{0%,100%{transform:translateY(0);opacity:.5;}50%{transform:translateY(-3px);opacity:1;}}
@keyframes wx-chseq1{0%{transform:translateY(10px) scale(.96);}6%,100%{transform:none;}}
@keyframes wx-chseq2{0%,18%{transform:translateY(10px) scale(.96);}24%,100%{transform:none;}}
@keyframes wx-chseq3{0%,36%,56%,100%{opacity:0;}40%,52%{opacity:1;}}
@keyframes wx-chseq4{0%,56%{transform:translateY(10px) scale(.95);}62%,100%{transform:none;}}
.v2 .wx-cht__m1{animation:wx-chseq1 10s ease-in-out infinite;}
.v2 .wx-cht__m2{animation:wx-chseq2 10s ease-in-out infinite;}
.v2 .wx-cht__m3{animation:wx-chseq3 10s ease-in-out infinite;}
.v2 .wx-cht__m4{animation:wx-chseq4 10s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){
  .v2 .wx-cht__m3{display:none;}
}
@media (max-width:1023px){
  .v2 .wx-custom{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px;}
  .v2 .wx-cht{max-width:560px;width:100%;margin-inline:auto;}
}
@media (max-width:767px){
  .v2 .wx-custom{padding:24px;gap:28px;}
  .v2 .wx-cht{padding:12px 0;}
  .v2 .wx-cht__w{transform:none;}
}
.v2 .wx-cht__typing span,.v2 .wx-cht__m1,.v2 .wx-cht__m2,.v2 .wx-cht__m3,.v2 .wx-cht__m4{animation-play-state:var(--wx-play,running);}
.v2 .wx-custom{content-visibility:auto;contain-intrinsic-size:auto 640px;}
/* до 1023px блок выше заглушки 640px: вне экрана иллюстрация «вылезала» на подвал (axe: «Услуги» на белом), при прокрутке скакала вёрстка */
@media (max-width:1023px){.v2 .wx-custom{content-visibility:visible;contain-intrinsic-size:none;}}