/* ====== HERO «Сцена готова» (секция 1) ====== */
.mma-hero { position: relative; padding: 56px 0 32px; }
.mma-hero__grid {
  display: grid; gap: 28px;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}
.mma-hero__title {
  font-family: "Russo One"; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.15; margin: 0 0 10px;
}
.mma-hero__lead { margin: 0 0 18px; color: var(--mma-text-2); }
.mma-hero__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }

/* VU-индикатор (фирменный мотив) */
.mma-vu { display: inline-flex; gap: 6px; height: 24px; align-items: flex-end; }
.mma-vu i {
  width: 6px; height: 8px; background: var(--mma-accent);
  border-radius: 3px; box-shadow: 0 0 12px rgba(21,230,195,.35);
  transform-origin: bottom center;
  transition: height .18s ease;
}

/* Лента фото (3 изображения) — не карточки, с легким наклоном */
.mma-hero__photos {
  display: grid; gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-items: center;
}
.mma-photo { margin: 0; text-align: center; }
.mma-photo .mma-img { box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.mma-photo:nth-child(1) .mma-img { transform: rotate(-2deg); }
.mma-photo:nth-child(2) .mma-img { transform: rotate(1.5deg); }
.mma-photo:nth-child(3) .mma-img { transform: rotate(-1deg); }
.mma-photo figcaption {
  margin-top: 8px; font-size: 14px; color: var(--mma-muted);
}

/* Уникальный разделитель «гребень спектра» */
.mma-spectrum-sep {
  height: 18px; margin-top: 28px;
  background:
    repeating-linear-gradient(90deg, #0C121E 0 10px, #121A2A 10px 20px);
  mask:
    linear-gradient(#000, #000) top/100% 45% no-repeat,
    radial-gradient(120% 100% at 50% -10%, #000 49%, transparent 50%) bottom/100% 65% no-repeat;
  -webkit-mask:
    linear-gradient(#000, #000) top/100% 45% no-repeat,
    radial-gradient(120% 100% at 50% -10%, #000 49%, transparent 50%) bottom/100% 65% no-repeat;
}

/* Hover/фокус состояния для изображений */
.mma-photo .mma-img {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.mma-photo .mma-img:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
  filter: saturate(1.1);
}

/* Адаптив для секции 1 */
@media (max-width: 1024px) {
  .mma-hero__grid { grid-template-columns: 1fr; }
  .mma-hero__photos { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .mma-hero__photos { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .mma-hero__photos { grid-template-columns: 1fr; }
  .mma-photo .mma-img { max-width: 320px; }
}
/* ====== SECTION 2: КОМПЛЕКТЫ (Кабельные шевроны) ====== */
.mma-kits { position: relative; padding: 56px 0 24px; }
.mma-kits::before {
  /* Декор: «кабель» — бегущий пунктир */
  content: "";
  position: absolute; inset: 0 auto 0 0; width: 36px;
  background:
    repeating-linear-gradient(180deg, rgba(35,49,79,.6) 0 10px, transparent 10px 18px);
  animation: mma-cable-move 6s linear infinite;
  opacity: .5;
}
@keyframes mma-cable-move {
  from { background-position: 0 0; }
  to   { background-position: 0 180px; }
}

.mma-kits__grid {
  display: grid; gap: 28px;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}
.mma-kits__title {
  font-family: "Russo One"; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px;
}
.mma-kits__lead { color: var(--mma-text-2); margin: 0 0 14px; }
.mma-kits__bullets { margin: 0 0 16px; padding-left: 18px; }
.mma-kits__bullets li { margin-bottom: 6px; }
.mma-kits__bullets li span { color: var(--mma-text); font-weight: 700; }

.mma-kits__vu { display: flex; gap: 5px; height: 20px; align-items: flex-end; }
.mma-kits__vu i {
  width: 5px; height: 8px; background: var(--mma-accent-2);
  border-radius: 3px; box-shadow: 0 0 10px rgba(32,164,255,.35);
}

.mma-kits__ribbon {
  display: grid; gap: 16px;
  justify-items: center;
  /* диагональная «лента» без явных карточек */
  transform: rotate(-2deg);
}
.mma-kits__ribbon .mma-photo .mma-img {
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.mma-kits__ribbon .mma-photo .mma-img:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
  filter: saturate(1.1);
}

/* Разделитель-волна */
.mma-wave-sep {
  height: 18px; margin-top: 26px;
  background:
    linear-gradient(90deg, #0E1524 0%, #121A2A 50%, #0E1524 100%);
  mask:
    radial-gradient(90% 75% at 50% 120%, #000 50%, transparent 51%);
  -webkit-mask:
    radial-gradient(90% 75% at 50% 120%, #000 50%, transparent 51%);
}

/* ====== SECTION 3: ПРОЦЕСС НАСТРОЙКИ ====== */
.mma-process { position: relative; padding: 56px 0 24px; }
.mma-process__grid {
  display: grid; gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: start;
}
.mma-process__title {
  font-family: "Russo One"; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px;
}
.mma-process__lead { color: var(--mma-text-2); margin: 0; }

.mma-steps {
  margin: 0; padding: 0; list-style: none;
  display: grid; gap: 14px;
  counter-reset: step;
}
.mma-steps li {
  position: relative; padding: 12px 14px 12px 44px;
  background: var(--mma-surface-1); border: 1px solid var(--mma-line);
  border-radius: var(--radius);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.mma-steps li:hover { transform: translateY(-2px); border-color: #2C3B5C; box-shadow: var(--shadow); }
.mma-steps li::before {
  counter-increment: step; content: counter(step);
  position: absolute; left: 12px; top: 10px;
  width: 24px; height: 24px; border-radius: 50%;
  display: grid; place-items: center;
  font-family: "JetBrains Mono"; font-size: 12px;
  color: #0B0F17; background: var(--mma-grad-primary);
  box-shadow: 0 0 10px rgba(21,230,195,.35);
}
.mma-steps li b { display: block; margin-bottom: 4px; }
.mma-steps li span { color: var(--mma-text-2); }

.mma-process__media {
  display: grid; gap: 16px; justify-items: center;
}
.mma-process__media .mma-img {
  border-radius: 18px 18px 8px 18px; /* нестандартная форма */
}

/* ====== SECTION 4: ДОСТАВКА И МОНТАЖ ====== */
.mma-delivery { position: relative; padding: 56px 0 24px; }
.mma-delivery__grid {
  display: grid; gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
}
.mma-delivery__title {
  font-family: "Russo One"; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px;
}
.mma-delivery__lead { color: var(--mma-text-2); margin: 0 0 14px; }

.mma-slots {
  display: flex; flex-wrap: wrap; gap: 10px;
}
.slot {
  position: relative;
  padding: 8px 12px; border-radius: 999px;
  border: 1px solid var(--mma-line); color: var(--mma-text-2);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, color .15s ease;
}
.slot:hover { transform: translateY(-2px); border-color: #2C3B5C; color: var(--mma-text); box-shadow: var(--shadow); }

.slot--active {
  background: var(--mma-grad-primary);
  color: #0B0F17; border-color: transparent;
  box-shadow: 0 0 14px rgba(21,230,195,.35);
  overflow: hidden;
}
.slot--active::after {
  /* сканирующая полоска */
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  animation: mma-scan 1.6s linear infinite;
}
@keyframes mma-scan {
  from { transform: translateX(-100%); }
  to   { transform: translateX(100%); }
}

.mma-delivery__media {
  display: grid; gap: 16px; justify-items: center;
}

/* ====== АДАПТИВ СЕКЦИЙ 2–4 ====== */
@media (max-width: 1024px) {
  .mma-kits__grid,
  .mma-process__grid,
  .mma-delivery__grid { grid-template-columns: 1fr; }
  .mma-kits::before { display: none; } /* прячем декор-кабель на узких экранах */
}
@media (max-width: 768px) {
  .mma-kits__ribbon { transform: none; }
}
/* ====== SECTION 5: КЕЙСЫ (спектро-рамки) ====== */
.mma-cases { position: relative; padding: 56px 0 24px; overflow: hidden; }
.mma-cases__grid { display: grid; gap: 28px; }
.mma-cases__title {
  font-family: "Russo One"; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px;
}
.mma-cases__lead { color: var(--mma-text-2); margin: 0; }

.mma-case {
  display: grid; gap: 18px;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
}
.mma-case:nth-child(odd of .mma-case) { grid-template-columns: 1.1fr .9fr; } /* лёгкая вариативность */

.mma-spectrum-frame {
  position: relative; display: grid; place-items: center; isolation: isolate;
}
.mma-spectrum-frame::before {
  /* анимированная «спектро-рамка» по периметру */
  content: ""; position: absolute; inset: -8px;
  border-radius: 20px;
  background:
    conic-gradient(from 0deg, #15E6C3, #20A4FF, #15E6C3);
  filter: blur(6px) saturate(1.2);
  animation: mma-rotate 6s linear infinite;
  z-index: -1;
}
@keyframes mma-rotate { to { transform: rotate(360deg); } }
.mma-spectrum-frame .mma-img { border-radius: 14px; box-shadow: 0 12px 30px rgba(0,0,0,.4); }

.mma-case__text h3 { margin: 0 0 6px; font-family: "Oswald"; font-weight: 500; }
.mma-case__text p { margin: 0; color: var(--mma-text-2); }

/* ====== SECTION 6: РАДИОСИСТЕМЫ (рельса) ====== */
.mma-wireless { position: relative; padding: 56px 0 24px; overflow: hidden; }
.mma-wireless__title {
  font-family: "Russo One"; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px;
}
.mma-wireless__lead { color: var(--mma-text-2); margin: 0 0 14px; }

.mma-rail {
  display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
  gap: 16px; align-items: start;
  /* легкий «рельсовый» наклон контейнера без горизонтального скролла */
  transform: skewY(-1deg);
}
.mma-rail__item { text-align: center; transform: skewY(1deg); }
.mma-rail__item .mma-img { box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.mma-rail__item figcaption { margin-top: 8px; font-size: 14px; color: var(--mma-muted); }

/* ====== SECTION 7: ТАРИФЫ/СУТКИ ====== */
.mma-rates { position: relative; padding: 56px 0 24px; }
.mma-rates__grid {
  display: grid; gap: 28px;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
}
.mma-rates__title {
  font-family: "Russo One"; font-size: clamp(24px, 3vw, 36px); margin: 0 0 8px;
}
.mma-rates__lead { color: var(--mma-text-2); margin: 0 0 14px; }

.mma-bars {
  margin: 0; padding: 0; list-style: none; display: grid; gap: 12px;
}
.mma-bars li { display: grid; grid-template-columns: 140px 1fr auto; gap: 12px; align-items: center; }
.mma-bars li span { font-weight: 700; color: var(--mma-text); }
.mma-bars li em { color: var(--mma-text-2); font-style: normal; font-family: "JetBrains Mono"; }

.bar {
  position: relative; height: 14px; border-radius: 999px; overflow: hidden;
  background: #0F1524; border: 1px solid var(--mma-line);
}
.bar b {
  position: absolute; left: 0; top: 0; bottom: 0; width: 20%;
  background: var(--mma-grad-primary);
  box-shadow: 0 0 12px rgba(21,230,195,.35);
  transition: width .35s ease;
}

.mma-rates__media {
  display: grid; gap: 16px; justify-items: center;
}

/* ====== АДАПТИВ СЕКЦИЙ 5–7 ====== */
@media (max-width: 1024px) {
  .mma-case,
  .mma-rates__grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .mma-bars li { grid-template-columns: 1fr; gap: 6px; }
}
/* ====== SECTION 6: РАДИОСИСТЕМЫ (рельса) — FIX ====== */
.mma-rail {
  display: grid;
  /* адаптивная сетка без горизонтального скролла */
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  justify-items: center;
  align-items: start;
  transform: skewY(-1deg);           /* сохраняем «фишку» на десктопе */
}

.mma-rail__item {
  text-align: center;
  width: 100%;
  max-width: 350px;                  /* жёсткий предел, чтобы не раздувать контейнер */
  min-width: 0;                      /* разрешаем ужиматься внутри грида */
  transform: skewY(1deg);
}

.mma-rail__item .mma-img { box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.mma-rail__item figcaption {
  margin-top: 8px;
  font-size: 14px;
  color: var(--mma-muted);
  overflow-wrap: anywhere;           /* длинные подписи не ломают сетку */
  hyphens: auto;
}

/* мобильные брейкпоинты: убираем наклон, чтобы не «толкать» ширину */
@media (max-width: 1024px) {
  .mma-rail { transform: none; }
  .mma-rail__item { transform: none; }
}
/* === MOBILE STACK: Wireless rail — 1 колонка на мобилке === */
@media (max-width: 640px) {
  .mma-rail {
    grid-template-columns: 1fr; /* строго один столбец */
    gap: 14px;
    transform: none;            /* без наклона */
    justify-items: center;
  }
  .mma-rail__item {
    width: 100%;
    max-width: none;
    min-width: 0;
    transform: none;            /* убираем обратный наклон */
    text-align: center;
  }
  .mma-rail__item .mma-img {
    max-width: 320px;           /* ≤350px, чуть компактнее для телефонов */
    margin-inline: auto;
  }
  .mma-rail__item figcaption {
    max-width: 34ch;
    margin-inline: auto;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}
/* ====== SECTION 8: СЦЕНАРНЫЕ НАБОРЫ (полосы/бенды) ====== */
.mma-scenarios { position: relative; padding: 56px 0 24px; }
.mma-scenarios__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-scenarios__lead { color: var(--mma-text-2); margin: 0 0 16px; }

.mma-bands { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.band {
  display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center;
  background: var(--mma-surface-1);
  border: 1px solid var(--mma-line);
  border-radius: 18px;
  padding: 14px 16px;
  position: relative;
  overflow: hidden;
}
.band::after {
  /* тонкая бегущая рамка */
  content: ""; position: absolute; inset: 0;
  background: conic-gradient(from 0deg, rgba(21,230,195,.25), rgba(32,164,255,.25), rgba(21,230,195,.25));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  padding: 1px; border-radius: 18px;
  animation: mma-rotate 12s linear infinite;
}
.band__copy b { display: block; margin-bottom: 6px; font-family: "Oswald"; font-weight: 500; }
.band__copy span { color: var(--mma-text-2); }
.band__media { justify-self: end; }
.band__media .mma-img { box-shadow: 0 10px 28px rgba(0,0,0,.35); border-radius: 12px; }

/* ====== SECTION 9: ДОСТУПНОСТЬ ====== */
.mma-availability { position: relative; padding: 56px 0 24px; }
.mma-availability__grid { display: grid; gap: 28px; grid-template-columns: 1.1fr .9fr; align-items: start; }
.mma-availability__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-availability__lead { margin: 0 0 14px; color: var(--mma-text-2); }
.mma-availability__hint { color: var(--mma-muted); margin: 10px 0 0; }

.mma-days {
  display: grid; gap: 10px;
  grid-template-columns: repeat(7, 1fr);
}
.day {
  all: unset; cursor: default;
  text-align: center; padding: 10px 8px; border-radius: 10px;
  border: 1px solid var(--mma-line); color: var(--mma-text-2);
  background: #0F1524;
  transition: transform .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.day.is-free { color: #0B0F17; background: var(--mma-grad-primary); box-shadow: 0 0 14px rgba(21,230,195,.35); border-color: transparent; }
.day.is-reserved { color: #0B0F17; background: var(--mma-grad-hot); border-color: transparent; }
.day.is-today { outline: 2px solid var(--mma-accent-2); outline-offset: 2px; }

.mma-availability__media { display: grid; gap: 16px; justify-items: center; }

/* ====== SECTION 10: ТЕХПОДДЕРЖКА 24/7 ====== */
.mma-support { position: relative; padding: 56px 0 24px; }
.mma-support__grid { display: grid; gap: 28px; grid-template-columns: 1.1fr .9fr; align-items: center; }
.mma-support__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-support__lead { color: var(--mma-text-2); margin: 0 0 14px; }

.status { display: inline-flex; align-items: center; gap: 10px; background: var(--mma-surface-1); border: 1px solid var(--mma-line); padding: 8px 12px; border-radius: 999px; }
.status__dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: #2EEA7F; box-shadow: 0 0 12px rgba(46,234,127,.6);
  position: relative;
}
.status__dot::after {
  content: ""; position: absolute; inset: -6px; border-radius: 50%;
  border: 2px solid rgba(46,234,127,.4); animation: mma-pulse 1.6s ease-out infinite;
}
@keyframes mma-pulse { from { transform: scale(.7); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }
.status__text { font-weight: 700; }

.uptime {
  --fill: 98; /* % */
  width: 44px; height: 44px; border-radius: 50%;
  background:
    conic-gradient(var(--mma-accent) calc(var(--fill)*1%), #1A2235 0);
  box-shadow: 0 0 12px rgba(21,230,195,.35);
  position: relative; margin-left: 6px;
}
.uptime::after {
  content: attr(data-label);
  position: absolute; inset: 0; display: grid; place-items: center;
  font-family: "JetBrains Mono"; font-size: 12px; color: var(--mma-text);
}

.support-points { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.support-points li { position: relative; padding-left: 18px; }
.support-points li::before { content: ""; position: absolute; left: 0; top: .6em; width: 8px; height: 8px; border-radius: 2px; background: var(--mma-accent-2); box-shadow: 0 0 8px rgba(32,164,255,.45); }

.mma-support__media { display: grid; gap: 16px; justify-items: center; }

/* ====== АДАПТИВ СЕКЦИЙ 8–10 ====== */
@media (max-width: 1024px) {
  .mma-availability__grid,
  .mma-support__grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .mma-days { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 640px) {
  .band { grid-template-columns: 1fr; text-align: center; }
  .band__media { justify-self: center; }
  .mma-days { grid-template-columns: repeat(3, 1fr); }
}
/* ====== SECTION 11: ЗОНИРОВАНИЕ (зигзаг-мозаика) ====== */
.mma-zones { position: relative; padding: 56px 0 24px; }
.mma-zones__grid { display: grid; gap: 28px; grid-template-columns: 1fr 1fr; align-items: center; }
.mma-zones__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-zones__lead { color: var(--mma-text-2); margin: 0 0 14px; }
.mma-zones__points { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.mma-zones__points li span { color: var(--mma-text); font-weight: 700; }

.mma-mosaic {
  display: grid; gap: 16px;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  align-items: start;
}
.mma-mosaic__item { text-align: center; }
.mma-mosaic__item.is-a { grid-column: 1 / span 3; transform: translateY(6px) rotate(-1deg); }
.mma-mosaic__item.is-b { grid-column: 3 / span 3; transform: translateY(-6px) rotate(2deg); }
.mma-mosaic__item.is-c { grid-column: 2 / span 3; transform: translateY(10px) rotate(-2deg); }
.mma-mosaic__item .mma-img { box-shadow: 0 10px 28px rgba(0,0,0,.35); }
.mma-mosaic__item figcaption { margin-top: 8px; font-size: 14px; color: var(--mma-muted); }

/* ====== SECTION 12: МОНИТОРЫ — вкладки ====== */
.mma-monitors { position: relative; padding: 56px 0 24px; }
.mma-monitors__grid { display: grid; gap: 22px; }
.mma-monitors__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-monitors__lead { color: var(--mma-text-2); margin: 0 10px 12px 0; }

.mix-tabs {
  position: relative; display: inline-grid; grid-auto-flow: column; gap: 8px;
  background: var(--mma-surface-1); border: 1px solid var(--mma-line); border-radius: 999px;
  padding: 6px; isolation: isolate;
}
.mix-tab {
  appearance: none; border: 0; background: transparent; color: var(--mma-text-2);
  padding: 8px 14px; border-radius: 999px; cursor: pointer; font-weight: 700;
  transition: color .15s ease;
}
.mix-tab[aria-selected="true"] { color: #0B0F17; }
.mix-underline {
  position: absolute; top: 6px; bottom: 6px; width: 72px; border-radius: 999px;
  background: var(--mma-grad-primary);
  box-shadow: 0 0 14px rgba(21,230,195,.35);
  transition: transform .25s ease, width .25s ease;
  z-index: -1;
}

.mix-panes { display: grid; gap: 18px; }
.mix-pane[hidden] { display: none !important; }
.mix-pane .mix-media { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-items: center; }
.mix-points { margin: 0 0 8px; padding: 0; list-style: none; display: grid; gap: 6px; }
.mix-points li { position: relative; padding-left: 16px; }
.mix-points li::before { content: ""; position: absolute; left: 0; top: .6em; width: 8px; height: 8px; border-radius: 50%; background: var(--mma-accent); box-shadow: 0 0 8px rgba(21,230,195,.5); }

/* ====== SECTION 13: БЕЗОПАСНОСТЬ ====== */
.mma-safety { position: relative; padding: 56px 0 24px; }
.mma-safety__grid { display: grid; gap: 28px; grid-template-columns: 1.1fr .9fr; align-items: center; }
.mma-safety__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-safety__lead { color: var(--mma-text-2); margin: 0 0 14px; }

.safety-chain { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; counter-reset: s; }
.safety-chain li {
  position: relative; padding: 12px 14px 12px 44px;
  background: var(--mma-surface-1); border: 1px solid var(--mma-line); border-radius: 14px;
  overflow: hidden;
}
.safety-chain li::before {
  counter-increment: s; content: counter(s);
  position: absolute; left: 12px; top: 10px; width: 24px; height: 24px; border-radius: 50%;
  display: grid; place-items: center; font-family: "JetBrains Mono"; font-size: 12px; color: #0B0F17;
  background: var(--mma-grad-hot);
}
.safety-chain li::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  background: linear-gradient(90deg, #15E6C3, #20A4FF, #FF4D8F, #15E6C3);
  background-size: 200% 100%;
  animation: mma-run 2.8s linear infinite;
}
@keyframes mma-run { to { background-position: 200% 0; } }

.mma-safety__media { display: grid; gap: 16px; justify-items: center; }

/* ====== АДАПТИВ (11–13) ====== */
@media (max-width: 1024px) {
  .mma-zones__grid,
  .mma-safety__grid { grid-template-columns: 1fr; }
  .mma-mosaic { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .mma-mosaic { grid-template-columns: 1fr; }
  .mma-mosaic__item { transform: none !important; }
  .mix-pane .mix-media { grid-template-columns: 1fr; }
}
/* ====== SECTION 14: ГИД ПО МИКРОФОНАМ ====== */
.mma-micguide { position: relative; padding: 56px 0 24px; }
.mma-micguide__grid { display: grid; gap: 28px; grid-template-columns: 1.1fr .9fr; align-items: start; }
.mma-micguide__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-micguide__lead { color: var(--mma-text-2); margin: 0 0 14px; }
.mma-micguide__media { display: grid; gap: 16px; justify-items: center; }
.harmonics { display: flex; gap: 6px; align-items: flex-end; height: 64px; margin-top: 12px; }
.harmonics i {
  width: 6px; height: 10px; border-radius: 3px;
  background: linear-gradient(#15E6C3, #20A4FF);
  box-shadow: 0 0 12px rgba(32,164,255,.35);
  transform-origin: bottom center;
}

/* ====== SECTION 15: ПУТЬ СИГНАЛА / КАБЕЛИ ====== */
.mma-cableflow { position: relative; padding: 56px 0 24px; overflow: hidden; }
.mma-cableflow__grid { display: grid; gap: 28px; grid-template-columns: 1.1fr .9fr; align-items: center; }
.mma-cableflow__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-cableflow__lead { color: var(--mma-text-2); margin: 0 0 14px; }
.mma-cableflow__media { display: grid; gap: 16px; justify-items: center; }
.cable-bg {
  position: absolute; inset: auto -30% 0 -30%; height: 48px;
  background:
    repeating-linear-gradient(90deg, rgba(35,49,79,.65) 0 12px, transparent 12px 22px);
  filter: drop-shadow(0 0 12px rgba(21,230,195,.25));
  animation: mma-cable-line 5s linear infinite;
}
@keyframes mma-cable-line { to { transform: translateX(22px); } }

/* ====== SECTION 16: УСЛОВИЯ + РЕГИОНЫ ====== */
.mma-terms { position: relative; padding: 56px 0 24px; }
.mma-terms__grid { display: grid; gap: 28px; grid-template-columns: 1.1fr .9fr; align-items: start; }
.mma-terms__title { font-family: "Russo One"; font-size: clamp(24px,3vw,36px); margin: 0 0 8px; }
.mma-terms__lead { color: var(--mma-text-2); margin: 0 0 14px; }

.city-badges { margin: 12px 0 0; padding: 0; list-style: none; display: flex; gap: 8px; flex-wrap: wrap; }
.city-badges li {
  padding: 8px 12px; border-radius: 999px;
  background: var(--mma-surface-1); border: 1px solid var(--mma-line);
  position: relative; overflow: hidden; color: var(--mma-text);
}
.city-badges li::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  transform: translateX(-100%);
  animation: mma-shimmer 3.2s ease-in-out infinite;
}
@keyframes mma-shimmer { 50% { transform: translateX(100%); } 100% { transform: translateX(100%); } }

/* ====== АДАПТИВ (14–16) ====== */
@media (max-width: 1024px) {
  .mma-micguide__grid,
  .mma-cableflow__grid,
  .mma-terms__grid { grid-template-columns: 1fr; }
  .cable-bg { inset: auto -10% 0 -10%; }
}
@media (max-width: 640px) {
  .harmonics { height: 48px; gap: 5px; }
}