/*
 * Блок v2 «Как виджеты решают задачи» (acf/wx-cases). Подключается, только если блок есть на странице (inc/v2-blocks.php).
 */

.v2 .wx-cases .wx-sech{margin-bottom:28px;}
.v2 .wx-case{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:22px;}
.v2 .wx-case__label{font-size:12px;line-height:1;padding:6px 10px;border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;}
.v2 .wx-case__sub{font-size:13px;color:var(--text-muted);}
.v2 .wx-case__row{display:flex;flex-direction:column;gap:4px;}
.v2 .wx-case__row b{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-1);}
html[data-theme="light"] .v2 .wx-case__row b{color:#b8461a;}
.v2 .wx-case__row p{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-secondary);}
.v2 .wx-tags{display:flex;gap:8px;flex-wrap:wrap;margin:auto 0 0;padding:0;list-style:none;}
.v2 .wx-tags a,.v2 .wx-tags span{display:inline-block;font-size:12px;color:var(--text-secondary);padding:5px 10px;border-radius:var(--radius-pill);}
.v2 .wx-tags a:hover{color:var(--text-primary);}

.v2 .wx-cases .wx-sech:has(.wx-kick){gap:var(--space-3);}
.v2 .wx-plate--img{overflow:hidden;background:var(--bg-glass);}
.v2 .wx-plate--img img{width:100%;height:100%;object-fit:cover;}
.v2 .wx-case__btn{margin-top:4px;}
.v2 .wx-cases{content-visibility:auto;contain-intrinsic-size:auto 640px;}
/* до 1023px блок вдвое выше заглушки — без content-visibility, иначе при прокрутке скачет вёрстка */
@media (max-width:1023px){.v2 .wx-cases{content-visibility:visible;contain-intrinsic-size:none;}}