/* Start:/local/marman-calc/core/hub.css?17931637684058*/
/* Хаб /calc/ — ТД «Марман». Цвета меняются переменными ниже. */
.mch {
  --mch-accent: #f07c1b;      /* оранжевый из логотипа */
  --mch-accent-soft: #fff3e8;
  --mch-ink: #1d2329;
  --mch-muted: #66717d;
  --mch-line: #e3e7ec;
  --mch-soft: #f5f6f8;
  font-family: inherit;
  color: var(--mch-ink);
  width: 100%;
  max-width: none;
}

/* шаблон сайта подчёркивает и перекрашивает ссылки в контенте — гасим только внутри хаба */
.mch a, .mch a:hover, .mch a:focus, .mch a * { text-decoration: none !important; border-bottom: 0; }

.mch__intro { max-width: 820px; margin: 0 0 24px; font-size: 16px; line-height: 1.6; color: #3d4752; }

/* преимущества */
.mch ul.mch__perks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 36px; padding: 0; list-style: none; }
.mch ul.mch__perks > li { margin: 0; padding: 14px 16px 14px 46px; position: relative; background: var(--mch-soft); border-radius: 10px; line-height: 1.35; }
.mch ul.mch__perks > li::before {
  content: ""; position: absolute; left: 16px; top: 16px; width: 18px; height: 18px; border-radius: 50%;
  background: var(--mch-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center / 10px no-repeat;
  margin: 0; transform: none;
}
.mch ul.mch__perks > li::after { content: none; display: none; }
.mch__perks b { display: block; font-size: 15px; font-weight: 600; color: var(--mch-ink); }
.mch__perks span { font-size: 13.5px; color: var(--mch-muted); }

/* группы — колонками, чтобы короткие группы не оставляли пустоты */
.mch__groups { columns: 3; column-gap: 24px; }
.mch__group { break-inside: avoid; -webkit-column-break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 28px; scroll-margin-top: 90px; }

.mch h2.mch__title {
  display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 0;
  font-size: 19px; line-height: 1.3; font-weight: 600; color: var(--mch-ink); text-transform: none; letter-spacing: 0;
}
.mch h2.mch__title::before, .mch h2.mch__title::after { content: none; display: none; }
.mch__icon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--mch-accent-soft); color: var(--mch-accent); }

.mch__list { display: flex; flex-direction: column; gap: 8px; }

/* карточка-строка */
.mch a.mch__card {
  display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff;
  border: 1px solid var(--mch-line); border-radius: 10px; color: var(--mch-ink);
  transition: border-color .15s, box-shadow .15s;
}
.mch a.mch__card:hover { border-color: var(--mch-accent); box-shadow: 0 6px 20px rgba(29, 35, 41, .07); color: var(--mch-ink); }
.mch a.mch__card:focus-visible { outline: 2px solid var(--mch-accent); outline-offset: 2px; }
.mch__text { flex: 1 1 auto; min-width: 0; }
.mch__name { display: block; margin-bottom: 3px; font-size: 15.5px; line-height: 1.35; font-weight: 600; color: var(--mch-ink); }
.mch__desc { display: block; font-size: 13.5px; line-height: 1.45; color: var(--mch-muted); }
.mch__arrow { flex: 0 0 auto; color: #b5bdc6; transition: color .15s, transform .15s; }
.mch a.mch__card:hover .mch__name { color: var(--mch-accent); }
.mch a.mch__card:hover .mch__arrow { color: var(--mch-accent); transform: translateX(3px); }

/* адаптив */
@media (max-width: 1199px) { .mch__groups { columns: 2; } }
@media (max-width: 767px) {
  .mch ul.mch__perks { grid-template-columns: 1fr; gap: 8px; margin-bottom: 28px; }
  .mch__groups { columns: 1; }
  .mch__group { margin-bottom: 24px; }
  .mch h2.mch__title { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) { .mch a.mch__card, .mch__arrow { transition: none; } }

/* End */
/* /local/marman-calc/core/hub.css?17931637684058 */