/* =====================================================================================================================
   АДАПТИВ — уникальные блоки страниц «Товары для участка» (/tovary/...), Б-312…Б-355.
   Компьютер — основные стили (css/pages/tovar-*.css); здесь только планшет (≤1199px) и телефон (≤767px).
   Шапки блоков (svc-memorial-design__head/title/sub, cta-btn) — в landing.css, здесь не дублируются.
   ===================================================================================================================== */

/* Б-312 Изготовление за сутки — класс fnm-urgent */
@media (max-width: 1199px) {
  .fnm-urgent .fnm-urgent__card { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 36px; }
  .fnm-urgent .fnm-urgent__text { max-width: 760px; }
  .fnm-urgent .fnm-feat__title { font-size: 19px; }
  .fnm-urgent .fnm-feat__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .fnm-urgent .fnm-urgent__card { padding: 20px; gap: 16px; border-radius: 18px; }
  .fnm-urgent .fnm-urgent__points { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .fnm-urgent .fnm-feat {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 14px 0;
    background: none;
    border: 0;
    border-radius: 0;
    border-top: 1px solid rgba(44,122,63,.18);
  }
  .fnm-urgent .fnm-feat:first-child { border-top: 0; padding-top: 4px; }
  .fnm-urgent .fnm-feat:last-child { padding-bottom: 0; }
  .fnm-urgent .fnm-feat__ico { grid-row: 1 / span 2; margin: 0; background: #fff; }
  .fnm-urgent .fnm-feat__title { font-size: 18px; }
}

/* Б-313 Выберите вариант фото на могилу — класс fnm-variants */
@media (max-width: 1199px) {
  .fnm-variants .fnm-card__title { font-size: 21px; }
  .fnm-variants .fnm-card__text { font-size: 16px; }
  .fnm-variants .fnm-card__btn { align-self: stretch; justify-content: center; min-height: 52px; }
}
@media (max-width: 767px) {
  .fnm-variants .fnm-card__body { padding: 18px 18px 20px; }
  .fnm-variants .fnm-card__title { font-size: 19px; }
  .fnm-variants .fnm-card__text { font-size: 15px; }
}

/* Б-314 Как устроено фото в рамке — класс fnm-build */
@media (max-width: 1199px) {
  .fnm-build .fnm-flow {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 12px 10px;
  }
  .fnm-build .fnm-flow__arrow:nth-child(4) { display: none; }   /* стрелка 2→3: порядок читается по строкам */
  .fnm-build .fnm-flow__item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 2px;
    align-content: start;
    text-align: left;
    padding: 18px;
  }
  .fnm-build .fnm-flow__ico { grid-row: 1 / span 2; width: 48px; height: 48px; }
  .fnm-build .fnm-flow__text { font-size: 14.5px; }
  .fnm-build .fnm-shot__title { font-size: 17px; }
  .fnm-build .fnm-shot__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .fnm-build .fnm-flow {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 18px 18px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 16px;
  }
  .fnm-build .fnm-flow__arrow { display: none; }
  .fnm-build .fnm-flow__item {
    position: relative;
    grid-template-columns: 44px minmax(0, 1fr);
    padding: 0 0 18px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  .fnm-build .fnm-flow__item:last-child { padding-bottom: 0; }
  .fnm-build .fnm-flow__item:not(:last-child)::before {   /* пунктир между кругами вместо стрелок */
    content: "";
    position: absolute;
    left: 21px;
    top: 50px;
    bottom: 6px;
    border-left: 2px dashed var(--line-2);
  }
  .fnm-build .fnm-flow__ico { width: 44px; height: 44px; }
  .fnm-build .fnm-flow__text { font-size: 15px; }
}

/* Б-315 Можно разместить на кресте — класс fnm-cross */
@media (max-width: 1199px) {
  .fnm-cross .fnm-split:not(.fnm-split--text) { grid-template-columns: 420px minmax(0, 1fr); gap: 32px; }
}
@media (max-width: 767px) {
  .fnm-cross .fnm-split:not(.fnm-split--text) { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .fnm-cross .fnm-split__pic { max-height: none; border-radius: 18px; }
  .fnm-cross .fnm-split__lead { font-size: 16px; margin: 12px 0 20px; }
}

/* Б-316 Фото на металлической плите — класс fnm-plate (планшет — как компьютер) */
@media (max-width: 767px) {
  .fnm-plate .fnm-checks { grid-template-columns: minmax(0, 1fr); margin-top: 16px; }
  .fnm-plate .fnm-shot__text { font-size: 15px; }
}

/* Б-317 Какой вариант выбрать — класс fnm-compare (планшет — как компьютер) */
@media (max-width: 767px) {
  .fnm-compare .fnm-pair { display: flex; flex-direction: column; gap: 0; }
  .fnm-compare .fnm-pair__or {   /* круг «или» на стыке карточек */
    position: relative;
    z-index: 1;
    margin: -14px 0;
  }
  .fnm-compare .fnm-option { padding: 22px 20px; }
  .fnm-compare .fnm-option__title { font-size: 19px; }
}

/* Б-318 Какая фотография подойдёт — класс fnm-photo */
@media (max-width: 1199px) {
  .fnm-photo .svc-memorial-design__sub { max-width: 760px; }
  .fnm-photo .fnm-feat { padding: 20px 18px 22px; }
  .fnm-photo .fnm-feat__title { font-size: 19px; }
  .fnm-photo .fnm-feat__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .fnm-photo .fnm-feats--3 {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 4px 18px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 16px;
  }
  .fnm-photo .fnm-feat {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 16px 0;
    border: 0;
    border-radius: 0;
    border-top: 1px solid var(--line-2);
  }
  .fnm-photo .fnm-feat:first-child { border-top: 0; }
  .fnm-photo .fnm-feat__ico { grid-row: 1 / span 2; margin: 0; }
  .fnm-photo .fnm-feat__title { font-size: 18px; }
}

/* Б-319 Почему это удобно, когда фото нужно срочно — класс fnm-why */
@media (max-width: 1199px) {
  .fnm-why .fnm-feats--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fnm-why .fnm-feat__title { font-size: 19px; }
  .fnm-why .fnm-feat__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .fnm-why .fnm-feats--4 { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .fnm-why .fnm-feat {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 16px;
  }
  .fnm-why .fnm-feat__ico { grid-row: 1 / span 2; width: 48px; height: 48px; margin: 0; }
  .fnm-why .fnm-feat__title { font-size: 18px; }
}

/* Б-320 Выберите вазу — класс gv-catalog */
@media (max-width: 1199px) {
  .gv-catalog .svc-memorial-design__sub { max-width: 720px; }
  .gv-catalog .gv-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .gv-catalog .gv-card__pic { aspect-ratio: 4 / 3; }
  .gv-catalog .gv-card__title { font-size: 19px; }
  .gv-catalog .gv-card__row { font-size: 15px; }
  .gv-catalog .gv-card__price { font-size: 26px; }
  .gv-catalog .gv-card__btn { min-height: 48px; }
}
@media (max-width: 767px) {
  .gv-catalog .gv-card__pic { aspect-ratio: 1 / 1; }
  .gv-catalog .gv-card__btn { min-height: 52px; }
}

/* Б-321 Какой размер подойдёт к вашему памятнику — класс gv-sizes (планшет — 3 колонки, как компьютер) */
@media (max-width: 1199px) {
  .gv-sizes .gv-size__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .gv-sizes .gv-center-cta .svc-memorial-design__cta-btn { font-size: 15.5px; padding-left: 14px; padding-right: 14px; gap: 6px; white-space: nowrap; }
}

/* Б-322 Почему прямоугольная конструкция удобна — класс gv-benefits */
@media (max-width: 1199px) {
  .gv-benefits .gv-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gv-benefits .gv-feat__title { font-size: 19px; }
  .gv-benefits .gv-feat__text { font-size: 15px; }
  .gv-benefits .gv-compare__row { grid-template-columns: 25fr 39fr 36fr; font-size: 15px; }
}
@media (max-width: 767px) {
  .gv-benefits .gv-cards { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .gv-benefits .gv-feat {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 16px;
  }
  .gv-benefits .gv-feat__ico { grid-row: 1 / span 2; width: 48px; height: 48px; margin: 0; }
  .gv-benefits .gv-feat__title { font-size: 18px; }
  .gv-benefits .gv-compare { padding: 20px; }
  .gv-benefits .gv-compare__row--head { display: none; }
  .gv-benefits .gv-compare__row { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 14px 0; }
  .gv-benefits .gv-compare__row--head + .gv-compare__row { border-top: 0; padding-top: 0; }
  .gv-benefits .gv-compare__crit { font-size: 16px; }
  .gv-benefits .gv-compare__row [data-label] {   /* таблица → строки «КРУГЛАЯ — текст» */
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 8px;
  }
  .gv-benefits .gv-compare__row [data-label]::before {
    content: attr(data-label);
    padding-top: 2px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .gv-benefits .gv-compare__row .gv-compare__good::before { color: var(--green-700); }
}

/* Б-323 Что внутри вазы — класс gv-inside (планшет — 2 колонки 1:1, как компьютер) */
@media (max-width: 1199px) {
  .gv-inside .svc-memorial-design__sub { max-width: 720px; }
  .gv-inside .gv-inside__grid { gap: 24px; }
  .gv-inside .gv-inside__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .gv-inside .gv-inside__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .gv-inside .gv-inside__visual { padding: 12px; }
}

/* Б-324 Для живых и искусственных цветов — класс gv-compare-block (и вариант-2 «Одна или две вазы»).
   Те же пары карточек с «или» стоят в Б-325 и Б-327 — общие правила пары .gv-pair заданы здесь для всех трёх блоков. */
@media (max-width: 1199px) {
  .gv-compare-block .gv-pair,
  .gv-stones .gv-pair,
  .gv-mount .gv-pair { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
  .gv-compare-block .gv-pair__or,
  .gv-stones .gv-pair__or,
  .gv-mount .gv-pair__or {   /* «или» на стыке колонок по центру высоты фото 3:2: колонка = (100vw − 56 − 32) / 2 */
    position: absolute;
    z-index: 1;
    left: 50%;
    top: calc((100vw - 88px) / 6);
    transform: translate(-50%, -50%);
  }
  .gv-pair:not(:has(.gv-option__pic)) > .gv-pair__or { top: 50%; }   /* карточки без фото (Б-327) — по центру высоты */
  .gv-compare-block .gv-option__body,
  .gv-stones .gv-option__body,
  .gv-mount .gv-option__body { padding: 20px 22px 24px; }
}
@media (max-width: 767px) {
  .gv-compare-block .gv-pair,
  .gv-stones .gv-pair,
  .gv-mount .gv-pair { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .gv-compare-block .gv-pair__or,
  .gv-stones .gv-pair__or,
  .gv-mount .gv-pair__or {   /* разделитель-линия с кружком «или» по центру */
    position: static;
    transform: none;
    width: auto;
    border: 0;
    border-radius: 0;
    background:
      radial-gradient(circle at center, #fff 23px, var(--line-2) 23.5px, var(--line-2) 24.5px, transparent 25px),
      linear-gradient(var(--line-2), var(--line-2)) center / 100% 1px no-repeat;
  }
  .gv-compare-block .gv-option__title,
  .gv-stones .gv-option__title,
  .gv-mount .gv-option__title { font-size: 19px; }
  .gv-compare-block .gv-option__list li,
  .gv-stones .gv-option__list li,
  .gv-mount .gv-option__list li { font-size: 15px; }
}

/* Б-325 Какой гранит выбрать — класс gv-stones (пара карточек «или» — в Б-324) */
@media (max-width: 1199px) {
  .gv-stones .gv-stones__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 20px; }
  .gv-stones .gv-stone__pic { aspect-ratio: 1 / 1; }
  .gv-stones .gv-stone__name { font-size: 17px; }
  .gv-stones .gv-stone__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .gv-stones .gv-stone__pic { aspect-ratio: 4 / 3; }
  .gv-stones .gv-subtitle { margin: 24px 0 14px; font-size: 21px; text-align: left; }
}

/* Б-326 Гравировка на вазе — класс gv-engrave.
   Шапка (надзаголовок/заголовок/подзаголовок) — во всю ширину сверху; .gv-engrave__text раскрыт (display: contents),
   его дети раскладываются по сетке блока вместе с фото. */
@media (max-width: 1199px) {
  .gv-engrave .gv-engrave__grid { grid-template-columns: minmax(0, 1fr) 320px; column-gap: 32px; row-gap: 0; align-items: start; }
  .gv-engrave .gv-engrave__text { display: contents; }
  .gv-engrave .gv-engrave__text > * { grid-column: 1 / -1; }
  .gv-engrave .gv-engrave__text > .gv-motifs { grid-column: 1; grid-row: 4; }
  .gv-engrave .gv-engrave__text > .gv-engrave__actions { grid-column: 1; grid-row: 5; }
  .gv-engrave .gv-engrave__pic { grid-column: 2; grid-row: 4 / span 2; align-self: center; margin-top: 18px; aspect-ratio: 1 / 1; }
  .gv-engrave .gv-motifs li { min-height: 50px; }
  .gv-engrave .gv-engrave__actions { flex-wrap: nowrap; }
}
@media (max-width: 767px) {
  .gv-engrave .gv-engrave__grid { grid-template-columns: minmax(0, 1fr); }
  .gv-engrave .gv-engrave__pic { grid-column: 1; grid-row: 4; margin-top: 4px; aspect-ratio: 4 / 3; }
  .gv-engrave .gv-engrave__text > .gv-motifs { grid-row: 5; display: flex; flex-wrap: wrap; gap: 8px; }
  .gv-engrave .gv-engrave__text > .gv-engrave__actions { grid-row: 6; flex-direction: column; gap: 14px; }
  .gv-engrave .gv-motifs li { min-height: 44px; padding: 8px 12px; font-size: 15px; }
  .gv-engrave .gv-engrave__actions .gv-link { text-align: center; }
}

/* Б-327 Как крепится гранитная ваза — класс gv-mount (пара карточек «или» — в Б-324) */
@media (max-width: 1199px) {
  .gv-mount .gv-mount__top { grid-template-columns: 330px minmax(0, 1fr); }
  .gv-mount .gv-flow--vertical .gv-flow__item { padding: 12px 14px; }
  .gv-mount .gv-flow--vertical .gv-flow__item + .gv-flow__item { margin-top: 16px; }
  .gv-mount .gv-flow--vertical .gv-flow__item + .gv-flow__item::before { top: -14px; left: 33px; height: 12px; }
}
@media (max-width: 767px) {
  .gv-mount .gv-mount__top { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .gv-mount .gv-mount__pic { order: -1; }
}

/* Б-328 Соберите свою вазу — класс gv-config */
@media (max-width: 1199px) {
  .gv-config .gv-config__card { grid-template-columns: minmax(0, 1fr) 330px; gap: 24px; }
  .gv-config .gv-config__chip { min-height: 44px; font-size: 15px; }
}
@media (max-width: 767px) {
  .gv-config .gv-config__card {   /* без «карточки в карточке»: белая плита с выбором, под ней зелёная «Ваша ваза» */
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
  }
  .gv-config .gv-config__form {
    padding: 20px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 18px;
  }
  .gv-config .gv-config__result { padding: 20px; border-radius: 18px; }
  .gv-config .gv-config__total b { font-size: 30px; }
  .gv-config .gv-config__disclaimer { font-size: 13px; }
}

/* Б-329 10 лет гарантии на вазу — класс gv-warranty.
   .gv-warranty__text раскрыт (display: contents): круг «10 лет» рядом с шапкой, этапы — во всю ширину плиты. */
@media (max-width: 1199px) {
  .gv-warranty .gv-warranty__card { grid-template-columns: 124px minmax(0, 1fr); column-gap: 28px; row-gap: 0; padding: 32px 28px; }
  .gv-warranty .gv-warranty__badge { grid-column: 1; grid-row: 1 / span 3; align-self: center; width: 124px; height: 124px; }
  .gv-warranty .gv-warranty__num { font-size: 48px; }
  .gv-warranty .gv-warranty__unit { font-size: 16px; }
  .gv-warranty .gv-warranty__text { display: contents; }
  .gv-warranty .gv-warranty__text > * { grid-column: 2; }
  .gv-warranty .gv-flow { grid-column: 1 / -1; flex-wrap: nowrap; margin-top: 24px; }
  .gv-warranty .gv-flow__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .gv-warranty .gv-warranty__card { grid-template-columns: 78px minmax(0, 1fr); column-gap: 16px; padding: 20px; }
  .gv-warranty .gv-warranty__badge {
    grid-row: 1;
    width: 78px;
    height: 78px;
    box-shadow: 0 0 0 6px rgba(44,122,63,.12);
  }
  .gv-warranty .gv-warranty__num { font-size: 30px; }
  .gv-warranty .gv-warranty__unit { font-size: 13px; }
  .gv-warranty .gv-warranty__text > .eyebrow { grid-column: 2; grid-row: 1; align-self: center; margin: 0; }
  .gv-warranty .gv-warranty__text > :not(.eyebrow) { grid-column: 1 / -1; }
  .gv-warranty .gv-warranty__text > .svc-memorial-design__title { margin-top: 18px; }
  .gv-warranty .gv-flow { flex-direction: column; margin-top: 20px; gap: 6px; }
  .gv-warranty .gv-flow__item {
    flex: none;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 2px;
  }
  .gv-warranty .gv-flow__ico { grid-row: 1 / span 2; }
  .gv-warranty .gv-flow__arrow { transform: rotate(90deg); }   /* стрелки ↓ между этапами */
}

/* Б-330 Не знаете, какая форма подойдёт — класс kv-promo (плита svc-memorial-promo — общая, её основа в landing.css;
   здесь — 3 колонки на планшете и белые пункты с галочками) */
@media (max-width: 1199px) {
  .kv-promo .svc-memorial-promo { grid-template-columns: 56px minmax(0, 1fr) 300px; gap: 20px 24px; padding: 28px; }
  .kv-promo .svc-memorial-promo__action { grid-column: 3; flex-direction: column; align-items: stretch; }
  .kv-promo .svc-memorial-promo__btn { justify-content: center; white-space: nowrap; }
  .kv-promo .svc-memorial-promo__note { justify-content: center; }
  .kv-promo .kv-promo__points li,
  .kv-promo .kv-promo__points [data-lucide] { color: #fff; }
}
@media (max-width: 767px) {
  .kv-promo .svc-memorial-promo { grid-template-columns: 52px minmax(0, 1fr); gap: 14px; padding: 20px; }
  .kv-promo .svc-memorial-promo__action { grid-column: 1 / -1; }
  .kv-promo .svc-memorial-promo__btn { white-space: normal; }
  .kv-promo .kv-promo__points { grid-column: 1 / -1; margin: 0; }
  .kv-promo .kv-promo__points li { font-size: 15px; }
}

/* Б-331 Перед зимой вазу нужно подготовить — класс kv-winter */
@media (max-width: 1199px) {
  .kv-winter .kv-winter__step-head { align-items: flex-start; }
  .kv-winter .kv-winter__step-head [data-lucide] { margin-top: 4px; }
  .kv-winter .kv-winter__step p { font-size: 15px; }
}
@media (max-width: 767px) {
  .kv-winter .kv-winter__box { padding: 20px; border-radius: 20px; }
  .kv-winter .kv-winter__head {   /* снежинка и надзаголовок в строку, ниже заголовок и подзаголовок */
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0 14px;
    margin-bottom: 18px;
  }
  .kv-winter .kv-winter__head > div { display: contents; }
  .kv-winter .kv-winter__ico { width: 52px; height: 52px; border-radius: 14px; }
  .kv-winter .kv-winter__ico [data-lucide] { width: 26px; height: 26px; }
  .kv-winter .kv-winter__head .eyebrow { align-self: center; margin: 0; }
  .kv-winter .kv-winter__title,
  .kv-winter .kv-winter__sub { grid-column: 1 / -1; }
  .kv-winter .kv-winter__title { margin: 14px 0 8px; font-size: 28px; }
  .kv-winter .kv-winter__sub { font-size: 15px; }
  .kv-winter .kv-winter__steps { --swipe-bleed: 20px; }   /* лента до краёв плиты (её отступ 20px) */
  .kv-winter .kv-note { margin-top: 8px; }
}

/* Б-332 Не нашли подходящую модель — класс kv-custom */
@media (max-width: 1199px) {
  .kv-custom .kv-custom__box { grid-template-columns: 420px minmax(0, 1fr); gap: 28px; }
  .kv-custom .kv-custom__title { font-size: 32px; }
  .kv-custom .kv-custom__points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .kv-custom .kv-custom__box { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 20px; border-radius: 20px; }
  .kv-custom .kv-custom__title { font-size: 28px; }
  .kv-custom .kv-custom__text p { font-size: 15px; }
  .kv-custom .kv-custom__points { gap: 8px 12px; margin-bottom: 20px; }
  .kv-custom .kv-btn { width: 100%; min-height: 52px; }
}

/* Б-333 Выберите размер лампады — класс lp-sizes */
@media (max-width: 1199px) {
  .lp-sizes .lp-size { display: flex; flex-direction: column; }
  .lp-sizes .lp-size__body { display: flex; flex-direction: column; flex: 1 1 auto; }
  .lp-sizes .lp-size__head { flex-wrap: nowrap; }
  .lp-sizes .lp-size__body .lp-link { margin-top: auto; align-self: flex-start; }
}
@media (max-width: 767px) {
  .lp-sizes .lp-size__body { padding: 16px 18px 18px; }
  .lp-sizes .lp-size__name,
  .lp-sizes .lp-size__price { font-size: 20px; }
  .lp-sizes .lp-center .svc-memorial-compose__cta-btn { display: flex; padding-left: 14px; padding-right: 14px; }
}

/* Б-334 Не знаете, какой размер и гранит выбрать — класс lp-promo (плита svc-memorial-promo — общая, основа в landing.css) */
@media (max-width: 1199px) {
  .lp-promo .lp-promo__card { grid-template-columns: 300px minmax(0, 1fr); }
  .lp-promo .svc-memorial-promo { grid-template-columns: 56px minmax(0, 1fr); align-content: center; }
  .lp-promo .svc-memorial-promo__text { display: contents; }
  .lp-promo .lp-promo__title { font-size: 28px; margin: 0; align-self: center; }
  .lp-promo .svc-memorial-promo__desc,
  .lp-promo .lp-promo__points,
  .lp-promo .svc-memorial-promo__action { grid-column: 1 / -1; }
  .lp-promo .lp-promo__points { margin: 0; }
}
@media (max-width: 767px) {
  .lp-promo .lp-promo__card { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lp-promo .lp-promo__pic { min-height: 0; aspect-ratio: 4 / 3; }
  .lp-promo .svc-memorial-promo { grid-template-columns: minmax(0, 1fr); }   /* иконка над заголовком */
  .lp-promo .lp-promo__title { font-size: 26px; }
}

/* Б-335 Пламя закрыто стеклом с трёх сторон — класс lp-wind (цепочка svc-oform-flow — вертикально со стрелками ↓) */
@media (max-width: 1199px) {
  .lp-wind .lp-wind__card { grid-template-columns: 340px minmax(0, 1fr); gap: 28px; }
  .lp-wind .lp-wind__flow { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 22px; }
  .lp-wind .lp-wind__flow li + li::before { content: "↓"; left: 50%; top: -21px; transform: translateX(-50%); }
}
@media (max-width: 767px) {
  .lp-wind .lp-wind__card { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 20px; border-radius: 20px; }
  .lp-wind .lp-wind__pic { aspect-ratio: 4 / 3; }
  .lp-wind .lp-wind__text { font-size: 15px; }
}

/* Б-336 Какие стёкла выбрать — класс lp-glass (планшет — сетка 3×2, как компьютер; телефон — лента m-swipe) */
@media (max-width: 767px) {
  .lp-glass .lp-card__text { font-size: 15px; }
}

/* Б-337 Изображения для гравировки — класс lp-engrave (телефон: сетка 2 колонки, 4 плитки + «Показать все (N)») */
@media (max-width: 1199px) {
  .lp-engrave .lp-cards--4 { gap: 12px; }
  .lp-engrave .lp-card__body { padding: 12px 14px 14px; }
}
@media (max-width: 767px) {
  .lp-engrave .lp-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .lp-engrave:not(.is-all) .lp-cards--4 > :nth-child(n+5) { display: none; }
  .lp-engrave .lnd-more { margin-top: 12px; }
  .lp-engrave .lp-card__name { font-size: 15.5px; }
  .lp-engrave .lp-card__text { font-size: 13.5px; }
  .lp-engrave .lp-actions { flex-direction: column; align-items: stretch; gap: 14px; }
  .lp-engrave .lp-actions .lp-link { align-self: center; }
}

/* Б-338 Цветное изображение вместо гравировки — класс lp-decor.
   Телефон: .lp-decor__stage раскрыт (display: contents) — фото сверху, под ним ряд переключателей (m-swipe), затем кнопка. */
@media (max-width: 1199px) {
  .lp-decor .lp-decor__wrap { grid-template-columns: 300px minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .lp-decor .lp-decor__wrap { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .lp-decor .lp-decor__stage { display: contents; }
  .lp-decor .lp-decor__view { order: -1; }
  .lp-decor .lp-decor__tabs { gap: 10px; }
  .lp-decor .lp-decor__tabs.m-swipe > * { flex: 0 0 250px; }
}

/* Б-339 Какой гранит выбрать — класс lp-granite (лента t-swipe: планшет 3 + край, телефон 1 + край) */
@media (max-width: 1199px) {
  .lp-granite .lp-cards--5 { --t-cards: 3; }
}

/* Б-340 Нужна ли дверца — класс lp-door (планшет — 2 колонки, как компьютер; телефон — лента m-swipe) */
@media (max-width: 767px) {
  .lp-door .lp-center .svc-memorial-design__cta-btn,
  .lp-door .lp-center > a { display: flex; }
}

/* Б-341 Соберите свою лампаду — класс lp-calc.
   Планшет: «Ваша лампада» под группами, в 2 колонки (слева надпись и рисунок, справа расчёт).
   Телефон: без белой плиты; «Гранит» и «Стекло» — прокручиваемые ряды (m-swipe в разметке). */
@media (max-width: 1199px) {
  .lp-calc .lp-calc__card { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lp-calc .lp-chip { min-height: 44px; font-size: 15px; }
  .lp-calc .lp-calc__result {   /* слева надпись и рисунок (220px), вертикальная линия, справа расчёт */
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    column-gap: 28px;
    background: linear-gradient(var(--line-2), var(--line-2)) 256px 22px / 1px calc(100% - 44px) no-repeat, #f2f7f3;
  }
  .lp-calc .lp-calc__result-label { grid-column: 1; grid-row: 2; align-self: end; justify-self: center; }
  .lp-calc .lp-calc__preview { grid-column: 1; grid-row: 3 / span 2; align-self: start; justify-self: center; }
  .lp-calc .lp-calc__result > :not(.lp-calc__result-label):not(.lp-calc__preview) { grid-column: 2; }
  .lp-calc .lp-calc__lines { grid-row: 1 / span 2; }
}
@media (max-width: 767px) {
  .lp-calc .lp-calc__card { padding: 0; border: 0; border-radius: 0; background: none; }
  .lp-calc .lp-calc__form { grid-template-columns: minmax(0, 1fr); }   /* иначе ряды-ленты распирают колонку */
  .lp-calc .lp-calc__row { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .lp-calc .lp-calc__chips--scroll { gap: 8px; padding-top: 0; padding-bottom: 4px; }
  .lp-calc .lp-calc__chips--scroll.m-swipe > * { flex: 0 0 auto; }
  .lp-calc .lp-calc__result { display: flex; padding: 20px; background: #f2f7f3; }
  .lp-calc .lp-calc__result-label { align-self: auto; }
  .lp-calc .lp-calc__preview { align-self: center; }
  .lp-calc .lp-calc__lines { font-size: 14px; }
}

/* Б-342 Гарантия и защита на 10 лет — класс lp-guarantee (планшет — 2 колонки, как компьютер) */
@media (max-width: 767px) {
  .lp-guarantee .lp-cards--2 { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .lp-guarantee .lp-card__body { padding: 20px; }
  .lp-guarantee .lp-card__name { font-size: 19px; }
  .lp-guarantee .lp-card__text,
  .lp-guarantee .lp-list { font-size: 15px; }
}

/* Б-343 Какие бывают элементы — класс sb-variants (карточки групп — лента t-swipe: планшет 2 + край, телефон 1 + край) */
@media (max-width: 1199px) {
  .sb-variants .sb-group__ico { width: 48px; height: 48px; }
  .sb-variants .sb-card__text,
  .sb-variants .sb-card__row { font-size: 15px; }
}
@media (max-width: 767px) {
  .sb-variants .sb-group__head { align-items: flex-start; }
  .sb-variants .sb-group__title { font-size: 20px; }
  .sb-variants .sb-card__title { font-size: 19px; }
}

/* Б-344 Гранитный шар — класс sb-product (тот же блок — «Гранитные балясины», фото справа: sb-product__grid--rev).
   .sb-product__side раскрыт (display: contents): шапка и пункты — во всю ширину сверху, ниже главный кадр и плитки 2×2. */
@media (max-width: 1199px) {
  .sb-product .sb-product__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; align-items: stretch; }
  .sb-product .sb-product__side { display: contents; }
  .sb-product .sb-product__side > .svc-memorial-design__head,
  .sb-product .sb-product__side > .sb-points { grid-column: 1 / -1; }
  .sb-product .sb-product__main { grid-column: 1; grid-row: 3; display: flex; }
  .sb-product .sb-product__tiles { grid-column: 2; grid-row: 3; }
  .sb-product .sb-product__grid--rev .sb-product__main { grid-column: 2; }
  .sb-product .sb-product__grid--rev .sb-product__tiles { grid-column: 1; }
  .sb-product .sb-product__main .sb-tile--main { display: flex; flex-direction: column; width: 100%; }
  .sb-product .sb-product__main .sb-tile--main .sb-tile__pic { flex: 1 1 auto; aspect-ratio: auto; min-height: 0; }   /* на высоту сетки плиток */
}
@media (max-width: 767px) {
  .sb-product .sb-product__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sb-product .sb-points { grid-template-columns: minmax(0, 1fr); margin-bottom: 20px; }
  .sb-product .sb-points li { font-size: 15px; }
  .sb-product .sb-product__main,
  .sb-product .sb-product__grid--rev .sb-product__main { grid-column: 1; grid-row: 3; display: block; margin-bottom: 16px; }
  .sb-product .sb-product__tiles,
  .sb-product .sb-product__grid--rev .sb-product__tiles { grid-column: 1; grid-row: 4; gap: 12px; }
  .sb-product .sb-product__main .sb-tile--main { display: block; }
  .sb-product .sb-product__main .sb-tile--main .sb-tile__pic { aspect-ratio: 4 / 5; }
}

/* Б-345 Шары и балясины в мемориальном комплексе — класс sb-scenes-block (карточки svc-mem-design-card) */
@media (max-width: 1199px) {
  .sb-scenes-block .sb-scene .svc-mem-design-card__name { font-family: "Lora", Georgia, serif; font-size: 18px; }
  .sb-scenes-block .sb-scene .svc-mem-design-card__desc { font-size: 15px; }
}
@media (max-width: 767px) {
  .sb-scenes-block .sb-scene { display: flex; flex-direction: column; }
  .sb-scenes-block .sb-scene--wide .svc-mem-design-card__pic { aspect-ratio: 3 / 2; }   /* на телефоне первая карточка не широкая */
}

/* Б-346 Детали и фактура — класс sb-macro-block */
@media (max-width: 1199px) {
  .sb-macro-block .sb-macro { padding: 24px; }
  .sb-macro-block .sb-macro__text { font-size: 13px; }
}
@media (max-width: 767px) {
  .sb-macro-block .sb-macro { padding: 20px; border-radius: 20px; }
  .sb-macro-block .sb-macro__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .sb-macro-block .sb-macro__item--big { grid-column: 1 / -1; grid-row: auto; }
  .sb-macro-block .sb-macro__cap { padding: 22px 10px 10px; }
  .sb-macro-block .sb-macro__item:not(.sb-macro__item--big) .sb-macro__name { font-size: 14px; }
  .sb-macro-block .sb-macro__item:not(.sb-macro__item--big) .sb-macro__text { font-size: 12px; }
}

/* Б-347 Как подобрать элементы — класс sb-choose (плашка svc-memorial-design__cta — общая, в landing.css) */
@media (max-width: 1199px) {
  .sb-choose .sb-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sb-choose .sb-feat {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-content: start;
  }
  .sb-choose .sb-feat__ico { grid-row: 1 / span 2; margin: 0; }
  .sb-choose .sb-feat__title { font-size: 18px; }
  .sb-choose .sb-feat__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .sb-choose .sb-feats { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sb-choose .sb-feat { padding: 14px 0; background: none; border: 0; border-radius: 0; border-top: 1px solid var(--line-2); }
  .sb-choose .sb-feat:first-child { border-top: 0; padding-top: 0; }
}

/* Б-348 Лавочки на могилу — класс sl-catalog (и «Столики», «Комплекты»; лента t-swipe: планшет 2 + край, телефон 1 + край) */
@media (max-width: 1199px) {
  .sl-catalog .sl-catalog__grid:not(:has(> :nth-child(3))) { --t-peek: 0px; }   /* 2 карточки — целиком, без края */
  .sl-catalog .sl-card__btn { min-height: 48px; }
}
@media (max-width: 767px) {
  .sl-catalog .sl-card__title { font-family: "Lora", Georgia, serif; font-size: 19px; }
  .sl-catalog .sl-card__row,
  .sl-catalog .sl-card__text { font-size: 15px; }
  .sl-catalog .sl-card__btn { min-height: 52px; }
}

/* Б-349 Столики и лавочки в оформлении места захоронения — класс sl-scenes (планшет — 2×2, как компьютер) */
@media (max-width: 1199px) {
  .sl-scenes .sl-scene__title { font-size: 18px; }
}
@media (max-width: 767px) {
  .sl-scenes .sl-scene__cap { padding: 14px 16px 18px; }
}

/* Б-350 Что учесть при выборе — класс sl-pick */
@media (max-width: 1199px) {
  .sl-pick .sl-feats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sl-pick .sl-feat {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-content: start;
  }
  .sl-pick .sl-feat__ico { grid-row: 1 / span 2; margin: 0; }
  .sl-pick .sl-feat__title { font-size: 18px; }
  .sl-pick .sl-feat__text,
  .sl-pick .sl-note { font-size: 15px; }
}
@media (max-width: 767px) {
  .sl-pick .sl-feats { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sl-pick .sl-feat { padding: 14px 0; background: none; border: 0; border-radius: 0; border-top: 1px solid var(--line-2); }
  .sl-pick .sl-feat:first-child { border-top: 0; padding-top: 0; }
}

/* Б-351 Привезём и установим — класс sl-install (телефон: компактный список — фото 104px с номером этапа на углу) */
@media (max-width: 1199px) {
  .sl-install .sl-step__body { padding: 16px 18px 20px; }
  .sl-install .sl-step__title { font-family: "Lora", Georgia, serif; font-size: 19px; }
  .sl-install .sl-step__text,
  .sl-install .sl-note { font-size: 15px; }
}
@media (max-width: 767px) {
  .sl-install .sl-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .sl-install .sl-step {
    position: relative;
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 14px 0;
    background: none;
    border: 0;
    border-radius: 0;
    border-top: 1px solid var(--line-2);
    overflow: visible;
  }
  .sl-install .sl-step:first-child { border-top: 0; padding-top: 6px; }
  .sl-install .sl-step__pic { aspect-ratio: 1 / 1; border-radius: 12px; }
  .sl-install .sl-step__body { position: static; gap: 6px; padding: 0; }
  .sl-install .sl-step__num {   /* номер — на углу фото */
    position: absolute;
    left: -6px;
    top: 8px;
    width: 28px;
    height: 28px;
    font-size: 13px;
    box-shadow: 0 0 0 2px #fff;
  }
  .sl-install .sl-step:first-child .sl-step__num { top: 0; }
  .sl-install .sl-step__title { font-size: 17px; align-items: flex-start; }
  .sl-install .sl-step__title [data-lucide] { margin-top: 2px; }
}

/* Б-352 Подберите вариант для благоустройства участка — класс sl-final (плашка svc-memorial-design__cta — общая, в landing.css) */
@media (max-width: 1199px) {
  .sl-final .svc-memorial-design__cta-title { font-size: 24px; }
}
@media (max-width: 767px) {
  .sl-final .svc-memorial-design__cta-title { font-size: 22px; }
  .sl-final .svc-memorial-design__cta-btn { white-space: nowrap; padding-left: 14px; padding-right: 14px; }
}

/* Б-353 Выберите композицию — класс zc-variants (лента t-swipe: планшет 3 + край, телефон 1 + край) */
@media (max-width: 1199px) {
  .zc-variants .zc-variants__grid { --t-cards: 3; }
  .zc-variants .zc-card__price { margin-top: auto; }   /* цены и кнопки карточек — на одном уровне */
}
@media (max-width: 767px) {
  .zc-variants .zc-card__btn { min-height: 52px; }
}

/* Б-354 Как цветы смотрятся у памятника — класс zc-scenes.
   Четыре малых кадра обёрнуты в .zc-scenes__rest с inline display: contents (на компьютере/планшете обёртка не видна сетке);
   на телефоне обёртка — лента m-swipe, поэтому display перебит с !important (inline-стиль в разметке). */
@media (max-width: 1199px) {
  .zc-scenes .zc-scenes__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zc-scenes .zc-scene--main { grid-column: 1 / -1; grid-row: auto; }
  .zc-scenes .zc-scene--main .zc-scene__frame { min-height: 0; aspect-ratio: 2 / 1; }
  .zc-scenes .zc-scene__cap { background: rgba(255,255,255,.93); }
  .zc-scenes .zc-scene__title { font-size: 16px; }
  .zc-scenes .zc-scene__text { font-size: 14px; }
}
@media (max-width: 767px) {
  .zc-scenes .zc-scenes__grid { display: block; }
  .zc-scenes .zc-scene--main .zc-scene__frame { aspect-ratio: 4 / 5; }
  .zc-scenes .zc-scenes__rest { display: flex !important; margin-top: 12px; }   /* inline-стиль в разметке */
}

/* Б-355 Что учесть при выборе — класс zc-choose (плашка svc-memorial-design__cta — общая, в landing.css) */
@media (max-width: 1199px) {
  .zc-choose .zc-tips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zc-choose .zc-tip:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .zc-choose .zc-tip {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-content: start;
  }
  .zc-choose .zc-tip__ico { grid-row: 1 / span 2; margin: 0; }
  .zc-choose .zc-tip__title { font-size: 18px; }
  .zc-choose .zc-tip__text { font-size: 15px; }
}
@media (max-width: 767px) {
  .zc-choose .zc-tips { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .zc-choose .zc-tip {   /* компактный список без рамок с тонкими разделителями */
    padding: 14px 0;
    background: none;
    border: 0;
    border-radius: 0;
    border-top: 1px solid var(--line-2);
  }
  .zc-choose .zc-tip:first-child { border-top: 0; padding-top: 0; }
}

/* /tovary/venok — подсказки «Как выбрать» (.vk-tips, отдельного макета нет): планшет 2 колонки, телефон 1 */
@media (max-width: 1199px) {
  .vk-tips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .vk-tips { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}