/* ===================== ТОВАРЫ: ФОТО НА МОГИЛУ К ПОХОРОНАМ =====================
   /tovary/foto-na-mogilu. Подключается через ViewData["CssPage"] = "tovar-foto-na-mogilu" после бандлов.
   Общие блоки — _ServiceHero (hero--fullframe), svc-memorial-*, svc-oform-*, how2, quiz, home-faq.
   Здесь только новое: блок «за сутки», две карточки вариантов, схема конструкции, кадры с подписью,
   блок «на кресте», сравнение, карточки преимуществ. Стиль — как у tovar-granitnaja-vaza.css.
   Вертикальных отступов между секциями нет — их задаёт service-page--rhythm (56px). */

.fnm-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 0 0;
  padding: 16px 20px;
  border-radius: 14px;
  background: #F6FAF4;
  border: 1px solid rgba(44,122,63,.25);
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink);
}
.fnm-note [data-lucide] { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; color: var(--green-600); }
.fnm-center-cta { margin: 24px 0 0; text-align: center; }
.fnm-anchor { display: block; height: 0; }

/* — карточки-преимущества (блоки 2, 9, 12) — */
.fnm-feats { display: grid; gap: 14px; }
.fnm-feats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fnm-feats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fnm-feat {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 22px 24px;
  background: #fff;
  border: 1px solid var(--line-2);
  border-radius: 16px;
  min-width: 0;
}
.fnm-feat__ico {
  width: 44px; height: 44px; border-radius: 12px;
  display: grid; place-items: center;
  background: #EEF4EC; color: var(--green-600); margin-bottom: 4px;
}
.fnm-feat__ico [data-lucide] { width: 22px; height: 22px; }
.fnm-feat__title { margin: 0; font-size: 17px; line-height: 1.3; color: var(--ink); }
.fnm-feat__text { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-3); }

/* — 2. за сутки — */
.fnm-urgent__card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 28px;
  align-items: center;
  padding: 32px;
  border-radius: 22px;
  background: #F6FAF4;
  border: 1px solid rgba(44,122,63,.25);
}
.fnm-urgent__head .svc-memorial-design__title { text-align: left; margin-left: 0; }
.fnm-urgent__text { margin: 12px 0 0; font-size: 16px; line-height: 1.55; color: var(--ink-3); }
.fnm-urgent__points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }

/* — 3. два варианта — */
.fnm-variants__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.fnm-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--line-2);
  border-radius: 20px;
  overflow: hidden;
  min-width: 0;
  box-shadow: 0 16px 32px -28px rgba(20,24,26,.14);
}
.fnm-card__pic {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: linear-gradient(160deg, #EEF1EF, #DCE2DE);
}
.fnm-card__ph { position: absolute; inset: 0; display: grid; place-items: center; color: #9aa39d; }
.fnm-card__ph [data-lucide] { width: 64px; height: 64px; }
.fnm-card__body { display: flex; flex-direction: column; gap: 12px; padding: 22px 24px 26px; flex: 1; }
.fnm-card__title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 22px; line-height: 1.25; color: var(--ink); }
.fnm-card__ico {
  flex-shrink: 0; width: 40px; height: 40px; border-radius: 11px;
  display: grid; place-items: center;
  background: #EEF4EC; color: var(--green-600);
}
.fnm-card__ico [data-lucide] { width: 20px; height: 20px; }
.fnm-card__text { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--ink-3); }
.fnm-card__price { margin: 0; font-size: 22px; font-weight: 700; color: var(--green-700); white-space: nowrap; }
.fnm-card__btn {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 13px 20px;
  border-radius: 12px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  color: #fff;
  background: var(--green-600);
  transition: background .15s;
}
.fnm-card__btn:hover { background: var(--green-700); }
.fnm-card__btn [data-lucide] { width: 17px; height: 17px; }

/* — 4. схема конструкции — */
.fnm-flow {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.fnm-flow__item {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px 14px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--line-2);
  border-radius: 16px;
}
.fnm-flow__ico {
  width: 44px; height: 44px; border-radius: 999px;
  display: grid; place-items: center;
  background: #EEF4EC; color: var(--green-600);
}
.fnm-flow__ico [data-lucide] { width: 22px; height: 22px; }
.fnm-flow__name { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--ink); }
.fnm-flow__text { font-size: 13.5px; line-height: 1.45; color: var(--ink-3); }
.fnm-flow__arrow { align-self: center; color: var(--green-600); }
.fnm-flow__arrow [data-lucide] { width: 20px; height: 20px; }

/* — кадры с подписью (блоки 4 и 6) — */
.fnm-shots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.fnm-plate__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.fnm-shot {
  margin: 0;
  background: #fff;
  border: 1px solid var(--line-2);
  border-radius: 18px;
  overflow: hidden;
  min-width: 0;
}
.fnm-shot__pic {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: linear-gradient(170deg, #F1F3F2, #DDE2DF);
}
.fnm-shot__ph { position: absolute; inset: 0; display: grid; place-items: center; color: #9aa39d; }
.fnm-shot__ph [data-lucide] { width: 52px; height: 52px; }
.fnm-shot__cap { display: flex; flex-direction: column; gap: 4px; padding: 14px 18px 18px; }
.fnm-shot__title { display: flex; align-items: center; gap: 8px; font-size: 16.5px; font-weight: 700; color: var(--ink); }
.fnm-shot__title [data-lucide] { width: 18px; height: 18px; color: var(--green-600); }
.fnm-shot__text { font-size: 14.5px; line-height: 1.5; color: var(--ink-3); }

.fnm-checks {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 24px;
}
.fnm-checks li { display: flex; gap: 8px; font-size: 15px; line-height: 1.45; color: var(--ink); }
.fnm-checks [data-lucide] { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; color: var(--green-600); }

/* — 5. на кресте — */
.fnm-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 36px;
  align-items: center;
}
.fnm-split--text { grid-template-columns: minmax(0, 1fr); text-align: center; max-width: 760px; margin: 0 auto; }
.fnm-split__pic {
  position: relative;
  aspect-ratio: 4 / 5;
  max-height: 640px;
  border-radius: 20px;
  overflow: hidden;
  background: var(--line-2);
}
.fnm-split__text .svc-memorial-design__title { margin-top: 6px; }
.fnm-split:not(.fnm-split--text) .svc-memorial-design__title { text-align: left; margin-left: 0; }
.fnm-split__lead { margin: 14px 0 22px; font-size: 17px; line-height: 1.6; color: var(--ink-3); }

/* — 7. сравнение — */
.fnm-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.fnm-pair__or {
  align-self: center;
  width: 48px; height: 48px; border-radius: 999px;
  display: grid; place-items: center;
  font-size: 14px; font-weight: 600; color: var(--muted);
  background: #fff; border: 1px solid var(--line-2);
}
.fnm-option {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 24px 26px;
  background: #fff;
  border: 1px solid var(--line-2);
  border-radius: 18px;
  min-width: 0;
}
.fnm-option__title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; line-height: 1.25; color: var(--ink); }
.fnm-option__ico {
  flex-shrink: 0; width: 38px; height: 38px; border-radius: 10px;
  display: grid; place-items: center;
  background: #EEF4EC; color: var(--green-600);
}
.fnm-option__ico [data-lucide] { width: 20px; height: 20px; }
.fnm-option__text { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink-3); }
.fnm-option__looks { display: flex; align-items: center; gap: 8px; margin: auto 0 0; font-size: 15px; font-weight: 600; color: var(--green-700); }
.fnm-option__looks [data-lucide] { width: 18px; height: 18px; }