/* UMKO — блок "Почему UMKO ..." (includes/umko_why_block.php), общий на платформе.
   02.09.2026: поднят из подвала страницы ближе к началу (владелец: "видно строго" на десктопе),
   на мобиле — горизонтальная лента вместо колонки из 4 полных карточек (владелец: "компактно"),
   заголовок раздела — фирменный фиолет схемы D, не серый/оливковый нейтрал. */
.uwb{max-width:940px;margin:0 auto 22px;padding:0 18px}
.uwb-h{text-align:center;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--umko-teal-br,#6500B2);margin-bottom:14px}
.uwb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.uwb-card{background:var(--card);border:1px solid var(--hair);border-radius:var(--umko-radius-2lg, 16px);padding:18px 20px;box-shadow:0 2px 12px rgba(6,40,43,.04)}
.uwb-ic{width:44px;height:44px;border-radius:var(--umko-radius-lg, 13px);display:grid;place-items:center;margin-bottom:12px}
.uwb-ic .ico{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;display:inline-block}
.uwb-t{font-weight:800;font-size:15px;margin-bottom:5px}
.uwb-d{font-size:var(--umko-text-base, 13px);color:var(--mut);line-height:1.5}
@media(max-width:640px){
  .uwb{margin:0 auto 18px}
  .uwb-grid{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;margin:0 -18px;padding-left:18px;padding-right:18px;scrollbar-width:none}
  .uwb-grid::-webkit-scrollbar{display:none}
  .uwb-card{flex:0 0 132px;padding:14px 12px;box-shadow:none}
  .uwb-ic{width:36px;height:36px;margin-bottom:8px}
  .uwb-ic .ico{width:18px;height:18px}
  .uwb-t{font-size:12.5px;line-height:1.3}
  .uwb-d{display:none}
}