/* Лендинг «Широкоформатная и интерьерная печать» (/shirokoformatnaya-pechat).
   Общие блоки (шапка, карусель, факты, шаги, колонки, подвал) — landing-outdoor.css. Здесь только своё:
   схема «Где смотрят — там и печатаем» (рисунок-сцена: фасад с дороги → витрина с тротуара → стена с вытянутой руки),
   сетка «Что печатаем» на восемь карточек с метками «Улица» / «Интерьер» и подписи в колонках цены и сроков.
   Цвета — только переменные тёмно-синей темы (theme-navy.css). */

/* ---- Схема расстояний взгляда ---- */
.lp-print-scheme__stage { position: relative; border-radius: var(--lp-radius, 14px); background: var(--t-surface); border: 1px solid var(--t-line); padding: 32px 32px 28px; overflow: hidden; }
.lp-print-scheme__stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 50% 60% at 50% 100%, rgba(99, 184, 255, .12), transparent 70%); pointer-events: none; }
.lp-print-scheme__badge { position: absolute; top: 24px; right: 28px; z-index: 2; display: inline-flex; align-items: baseline; gap: 10px; padding: 10px 16px; border-radius: 10px; background: var(--t-bg-alt); border: 1px solid var(--t-line-strong); box-shadow: var(--t-glow); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--t-text-2); }
.lp-print-scheme__badge-num { font: 600 22px/1 "Gilroy", "Roboto", sans-serif; color: #fff; letter-spacing: 0; text-transform: none; text-shadow: var(--t-glow-text); }
.lp-print-scheme__scroll { position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.lp-print-scheme__scroll::-webkit-scrollbar { display: none; }
.lp-print-scheme__svg { display: block; width: 100%; min-width: 760px; height: auto; color: var(--t-text-2); }
.lp-print-scheme__ground { stroke: var(--t-line-strong); }
.lp-print-scheme__thin { stroke-width: 1.2; opacity: .55; }
.lp-print-scheme__fill { fill: rgba(35, 132, 222, .16); }
.lp-print-scheme__dots { fill: var(--t-neon); stroke: none; opacity: .55; }
.lp-print-scheme__accent { stroke: var(--t-neon); stroke-width: 2.5; filter: drop-shadow(0 0 6px rgba(99, 184, 255, .7)); }
.lp-print-scheme__group { transition: color .3s; }
.lp-print-scheme__group:hover { color: #fff; }
.lp-print-scheme__items { list-style: none; margin: 28px 0 0; padding: 24px 0 0; border-top: 1px solid var(--t-line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; position: relative; }
.lp-print-scheme__dist { display: inline-flex; align-items: center; gap: 8px; font: 600 12px/1.4 "Roboto", sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--t-neon); margin-bottom: 10px; }
.lp-print-scheme__dist::before { content: ""; width: 18px; height: 2px; background: var(--t-neon); box-shadow: var(--t-glow-text); border-radius: 1px; }
.lp-print-scheme__title { font-family: "Gilroy", "Roboto", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.3; margin: 0 0 8px; color: #fff; }
.lp-print-scheme__text { font-size: 15px; line-height: 1.55; color: var(--t-text-2); margin: 0; }

/* ---- Что печатаем: восемь карточек в четыре колонки, метка улица / интерьер ---- */
.lp-print-what { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.lp-print-what__item { padding: 24px 24px 22px; }
.lp-print-what__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.lp-print-what__tag { flex: none; padding: 5px 10px; border-radius: 6px; font: 600 12px/1 "Roboto", sans-serif; letter-spacing: .08em; text-transform: uppercase; border: 1px solid var(--t-line-strong); color: var(--t-text-2); }
.lp-print-what__tag--out { color: var(--t-neon); border-color: rgba(99, 184, 255, .45); }
.lp-print-what__tag--in { color: var(--t-text-2); background: var(--t-surface-2); border-color: transparent; }

/* Четыре шага заказа вместо пяти */
.lp-print-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ---- Цена, сроки, кому подходит: два текста в колонке под подписями ---- */
.lp-print-cols__part + .lp-print-cols__part { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--t-line-strong); }
.lp-print-cols__label { font: 600 12px/1.4 "Roboto", sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--t-text-3); margin-bottom: 6px; }

@media (max-width: 1023px) {
  .lp-print-what, .lp-print-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-print-scheme__stage { padding: 24px 20px 22px; }
  .lp-print-scheme__badge { position: static; margin-bottom: 18px; }
}
@media (max-width: 767px) {
  .lp-print-what, .lp-print-steps, .lp-print-scheme__items { grid-template-columns: 1fr; }
  .lp-print-scheme__stage { padding: 20px 16px 18px; }
  .lp-print-scheme__svg { min-width: 640px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-print-scheme__group { transition: none; }
}
