/* Анонс конструктора памятника (_KonstruktorPromo): большой блок .kpp и плашка .kpp-strip (2026-10-10). */
.kpp__card { display: grid; gap: 24px; align-items: center; padding: 24px 20px; background: #fff; border: 1px solid var(--line); border-radius: 24px; box-shadow: 0 14px 40px rgba(20, 24, 26, .06); }
.kpp__title { font-family: 'Lora', Georgia, serif; font-weight: 600; font-size: clamp(26px, 3.2vw, 38px); line-height: 1.15; margin: 8px 0 12px; }
.kpp__lead { margin: 0 0 16px; color: var(--ink-3); font-size: 16px; line-height: 1.6; max-width: 620px; }
.kpp__list { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 10px; }
.kpp__list li { display: flex; gap: 10px; align-items: center; font-weight: 600; color: var(--ink-2); font-size: 15px; }
.kpp__list svg { width: 20px; height: 20px; color: var(--green-700); flex: none; }
.kpp__cta { display: inline-flex; flex-direction: row; align-items: center; gap: 8px; }
.kpp__preview { position: relative; display: block; max-width: 360px; width: 100%; justify-self: center; border-radius: 20px; overflow: hidden; box-shadow: 0 18px 40px -18px rgba(20, 24, 26, .35); transition: transform .2s ease; }
.kpp__preview:hover { transform: translateY(-3px); }
.kpp__preview svg, .kpp__preview img { display: block; width: 100%; height: auto; }
.kpp__chips { position: absolute; left: 12px; right: 12px; bottom: 12px; display: flex; gap: 6px; flex-wrap: wrap; }
.kpp__chips span { padding: 5px 10px; border-radius: 999px; background: rgba(255, 255, 255, .92); font-size: 12.5px; font-weight: 700; color: var(--ink); }
.kpp-strip { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; margin-top: 18px; padding: 16px 18px; background: var(--green-50); border: 1px solid #cfe2d3; border-radius: 16px; color: var(--ink) !important; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.kpp-strip:hover { border-color: var(--green-600); box-shadow: 0 10px 26px -14px rgba(31, 107, 54, .4); }
.kpp-strip__ico { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--green-700); color: #fff; }
.kpp-strip__ico svg { width: 24px; height: 24px; }
.kpp-strip__text { display: grid; gap: 2px; }
.kpp-strip__text b { font-size: 17px; }
.kpp-strip__text span { color: var(--ink-3); font-size: 14.5px; line-height: 1.45; }
.kpp-strip__go { grid-column: 2; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--green-700); }
.kpp-strip__go svg { width: 16px; height: 16px; }
/* компьютерные стили (раньше — от 768px), теперь всегда */
    .kpp-strip { grid-template-columns: auto minmax(0, 1fr) auto; padding: 18px 22px; }
    .kpp-strip__go { grid-column: auto; }

/* компьютерные стили (раньше — от 1024px), теперь всегда */
    .kpp__card { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 40px; padding: 40px 44px; }

.kpp-strips { display: grid; gap: 14px; }
.kpp-strips .kpp-strip { margin-top: 0; }
.kpp-card-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
/* компьютерные стили (раньше — от 1024px), теперь всегда */
 .kpp-strips { grid-template-columns: 1fr 1fr; }