/* Врезка «А если металл?» (_MetallAlternative, 2026-11-06) — на страницах гранита, комплексов, установки, ремонта,
   срочных работ и раздела памятников. Компьютер (1440); планшет и телефон — adaptive/landing.css (1199/767). */
.metall-alt { margin-top: 0; margin-bottom: 48px; } /* сверху зазор даёт padding-bottom предыдущего блока (56) */
.metall-alt__card {
  display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 24px; align-items: center;
  padding: 26px 32px;
  border-radius: 20px;
  background: #F3F4F2;
  border: 1px solid rgba(20, 24, 26, .08);
  border-left: 4px solid var(--green-600, #2C7A3F);
}
.metall-alt__ico {
  width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
  background: #fff; color: var(--green-700, #1F6B36); box-shadow: 0 1px 2px rgba(20, 24, 26, .06);
}
.metall-alt__ico [data-lucide], .metall-alt__ico svg { width: 26px; height: 26px; }
.metall-alt__title { font-family: 'Lora', Georgia, serif; font-weight: 600; font-size: 22px; line-height: 1.25; color: var(--ink, #14181A); margin-bottom: 6px; }
.metall-alt__text { font-size: 15px; line-height: 1.55; color: var(--ink-2, #2B3134); margin: 0; max-width: 760px; }
.metall-alt__fine { font-size: 13px; line-height: 1.45; color: var(--ink-3, #4A5256); margin: 6px 0 0; max-width: 760px; }
.metall-alt__actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.metall-alt__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 22px; border-radius: 12px;
  background: var(--green-600, #2C7A3F); color: #fff;
  font-size: 14.5px; font-weight: 700; white-space: nowrap; text-decoration: none;
  transition: background .15s;
}
.metall-alt__btn:hover { background: var(--green-700, #1F6B36); color: #fff; }
.metall-alt__btn [data-lucide], .metall-alt__btn svg { width: 18px; height: 18px; }
.metall-alt__link {
  text-align: center; font-size: 14px; font-weight: 600; color: var(--green-700, #1F6B36);
  text-decoration: underline; text-underline-offset: 3px; white-space: nowrap;
}
.metall-alt__link:hover { color: var(--green-600, #2C7A3F); }

/* Отступ над и под врезкой зависит от соседних блоков страницы: видимый зазор — 56px (tools/block_gaps.mjs). */
@media (min-width: 1200px) {
  .metall-alt--ustanovka, .metall-alt--remont, .metall-alt--eksklyuziv { margin-top: 56px; }
  .metall-alt--remont { margin-bottom: 0; }
  .metall-alt--remont + section.how2 { margin-top: 56px !important; }
}