/* Первый экран каталога — 07.10.2026. Поиск главный, указатель узлов светлый в две колонки, лифт с дверями сохранён. */

.cat-head { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); align-items: end; gap: 48px; }
.cat-head h1 { margin: 0; font: 600 clamp(56px, 5vw, 76px)/0.94 'Inter', sans-serif; letter-spacing: -0.025em; color: #17191C; }
.cat-head p { margin: 0 0 6px; font-size: 16px; line-height: 1.55; color: #4E555D; }

.cat-search { position: relative; margin: 40px 0 0; display: flex; align-items: center; height: 72px; padding: 0 8px 0 24px; gap: 16px; border-radius: 14px; background: #FFFFFF; box-shadow: 0 0 0 1px #D9DBD6, 0 24px 48px -32px rgba(23, 33, 52, 0.35); transition: box-shadow 220ms ease; }
.cat-search:hover { box-shadow: 0 0 0 1px #B9C0C9, 0 24px 48px -32px rgba(23, 33, 52, 0.35); }
.cat-search:focus-within { box-shadow: 0 0 0 2px #0B47A8, 0 0 0 6px rgba(11, 71, 168, 0.1), 0 24px 48px -32px rgba(23, 33, 52, 0.35); }
.cat-search-icon { flex: none; color: #6B7178; }
.cat-search input { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; font: 400 20px/1 'Inter', sans-serif; letter-spacing: -0.005em; color: #17191C; outline: none !important; }
.cat-search input::placeholder { color: #8C939A; }
.cat-search input::-webkit-search-cancel-button { display: none; }
.cat-search-total { flex: none; font-size: 13px; color: #8C939A; font-variant-numeric: tabular-nums; white-space: nowrap; }
.cat-search button { flex: none; height: 56px; padding: 0 22px 0 26px; display: inline-flex; align-items: center; gap: 12px; border: 0; border-radius: 10px; background: #0B47A8; color: #FFFFFF; font: 600 16px/1 'Inter', sans-serif; cursor: pointer; transition: background 200ms ease, gap 220ms ease; }
.cat-search button:hover { background: #083784; gap: 16px; }

.cat-examples { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; line-height: 1.5; color: #6B7178; }
.cat-examples > span { margin-right: 4px; }
.cat-examples a { padding: 4px 10px; border: 1px solid #D3D6DA; border-radius: 6px; color: #4E555D; font-size: 13px; text-decoration: none; font-variant-numeric: tabular-nums; transition: border-color 160ms ease, color 160ms ease, background 160ms ease; }
.cat-examples a:hover { border-color: #0B47A8; color: #0B47A8; background: #FFFFFF; }

/* Зал: указатель + лифт */
body[data-ui-theme] .catalog-entry-section { margin-top: 32px; padding: 36px 40px; border: 0; border-radius: 14px; background: #FFFFFF; box-shadow: 0 0 0 1px #E1E0DA; }
body[data-ui-theme] .catalog-entry-section .catalog-entry-title { margin: 0; font: 600 28px/1.2 'Inter', sans-serif !important; letter-spacing: -.015em; color: #17191C; }
.catalog-hall.catalog-hall--v2 { margin-top: 32px; display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 56px; padding: 36px 40px 36px 40px; border: 0; border-radius: 14px; background: #FFFFFF; box-shadow: 0 0 0 1px #E1E0DA; }

.cat-index { min-width: 0; display: flex; flex-direction: column; }
.cat-index-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.cat-index-head span { font-size: 13px; color: #6B7178; }
.cat-index-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: column; grid-template-rows: repeat(6, auto); column-gap: 40px; }
.cat-index-list a { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 62px; padding: 10px 4px 10px 0; border-bottom: 1px solid #E6E5E0; color: #17191C; text-decoration: none; transition: none; }
.cat-index-list a::before { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1.5px; background: #0B47A8; transform: scaleX(0); transform-origin: 0 50%; transition: none; }
.cat-index-n { font-size: 12px; color: #8C939A; font-variant-numeric: tabular-nums; }
.cat-index-t { font: 500 17px/1.25 'Inter', sans-serif; letter-spacing: -0.005em; }
.cat-index-c { font-size: 13px; color: #8C939A; font-variant-numeric: tabular-nums; }
.cat-index-list a[aria-current="true"] { color: #0B47A8; }
.cat-index-list a[aria-current="true"]::before { transform: scaleX(1); }
.cat-index-list a[aria-current="true"] .cat-index-n { color: #0B47A8; }
.cat-index-all { margin-top: auto; align-self: flex-start; display: inline-flex; align-items: center; gap: 12px; padding-top: 28px; color: #0B47A8; font: 600 16px/1 'Inter', sans-serif; text-decoration: none; transition: gap 220ms ease; }
.cat-index-all span { font-weight: 400; font-size: 13px; color: #6B7178; }
.cat-index-all:hover { gap: 16px; color: #083784; }

/* Портал каталога: вертикальный проём, матовый металл и неподвижные откосы. */
.catalog-hall--v2 .catalog-elevator { gap: 12px; }
.catalog-hall--v2 .catalog-elevator-frame {
  width: min(100%, 300px); height: 380px; min-height: 380px; flex: none;
  padding: 18px 18px 8px; border-radius: 3px 3px 0 0;
  background: linear-gradient(90deg, #aeb5ba, #d9dde0 7%, #e5e7e8 48%, #d5d9dc 93%, #a4adb4);
  box-shadow: inset 0 1px 0 #f7f8f9, inset 1px 0 0 #bec5ca, inset -1px 0 0 #929da5, 0 12px 20px -18px #303a43;
}
.catalog-hall--v2 .catalog-elevator-car {
  height: 100%; min-height: 0;
  background: linear-gradient(90deg, #d5dbde, #f6f7f6 18px, #fff 40%, #fafbf9 60%, #eef1f1 calc(100% - 18px), #cbd2d6);
  box-shadow: inset 0 0 0 1px #909ba3;
}
.catalog-hall--v2 .catalog-elevator-car::after {
  content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none;
  border: 1px solid #76828b;
  box-shadow: inset 7px 0 7px -5px #34424e99, inset -7px 0 7px -5px #34424e80, inset 0 10px 10px -7px #34424e99;
}
.catalog-hall--v2 .catalog-door {
  background: linear-gradient(90deg, #b3bcc2, #cbd1d5 14%, #d5dadd 50%, #c8cfd3 88%, #b7c0c6);
}
.catalog-hall--v2 .catalog-door-left { box-shadow: inset -1px 0 0 #6f7b85, inset -3px 0 0 #e0e4e6; }
.catalog-hall--v2 .catalog-door-right {
  background: linear-gradient(270deg, #b3bcc2, #cbd1d5 14%, #d5dadd 50%, #c8cfd3 88%, #b7c0c6);
  box-shadow: inset 1px 0 0 #6f7b85, inset 3px 0 0 #e0e4e6;
}
/* Стык образуют кромки створок: отдельная линия не остаётся в открытом проёме. */
.catalog-hall--v2 .catalog-door-seam { display: none; }
.catalog-hall--v2 .catalog-sill {
  width: min(100%, 310px); height: 8px; margin-top: -18px; border-radius: 1px;
  background: linear-gradient(#dfe3e5 0 2px, #9ca7ae 2px 3px, #cbd1d5 3px 5px, #a1abb2 5px 6px, #e3e6e8 6px);
  box-shadow: 0 4px 6px -4px #34424e80;
}
.cat-elevator-caption { width: 100%; margin-top: 6px; display: flex; justify-content: space-between; gap: 16px; font-size: 14px; color: #4E555D; text-decoration: none; transition: opacity 320ms ease, color 200ms ease; }
.cat-elevator-caption span:last-child { color: #0B47A8; font-weight: 600; white-space: nowrap; }
.cat-elevator-caption:hover span:first-child { color: #17191C; }

/* Самостоятельные входы по марке и типу готового оборудования. */
.catalog-brands.catalog-brands--featured { display: block; }
body[data-ui-theme] .catalog-brands--featured .catalog-entry-title { margin-bottom: 24px; }
.cat-brand-list { display: flex; flex-wrap: wrap; gap: 10px; }
.catalog-brands--featured .cat-brand-list a { min-height: 46px; padding: 10px 16px; gap: 14px; background: #fff; border-color: #D3D6DA; border-radius: 8px; color: #17191C; font-size: 15px; line-height: 1.3; }
.cat-brand-list a strong { font-weight: 500; }
.catalog-brands--featured .cat-brand-list a span { color: #6B7178; font-size: 13px; font-variant-numeric: tabular-nums; }
.catalog-brands--featured .cat-brand-list a:is(:hover, :focus-visible) { border-color: #0B47A8; background: #F5F8FD; color: #0B47A8; }
.catalog-brands--featured .cat-brand-list a:focus-visible { outline: 2px solid #0B47A8; outline-offset: 3px; }

.catalog-equipment-links.catalog-equipment-links--featured { display: block; }
.catalog-equipment-links--featured .cat-equipment-heading { margin-bottom: 24px; }
.catalog-equipment-links--featured .cat-equipment-grid { gap: 14px; }
.catalog-equipment-links--featured .cat-equipment-grid a { display: grid; grid-template-columns: 40px minmax(0, 1fr) 22px; gap: 18px; min-height: 112px; padding: 22px; background: #fff; border-color: #D3D6DA; border-radius: 12px; transition: border-color 220ms ease, background 220ms ease; }
.catalog-equipment-links--featured .cat-equipment-grid a[data-equipment="elevators"] { background: #EEF3FB; border-color: #AFC4E5; }
.catalog-equipment-links--featured .cat-equipment-grid a:is(:hover, :focus-visible) { background: #F5F8FD; border-color: #0B47A8; }
.catalog-equipment-links--featured .cat-equipment-grid a:focus-visible { outline: 2px solid #0B47A8; outline-offset: 3px; }
.cat-equipment-icon, .cat-equipment-arrow { color: #0B47A8; }
.catalog-equipment-links--featured .cat-equipment-grid .cat-equipment-copy { display: flex; flex-direction: column; gap: 8px; min-width: 0; white-space: normal; }
.cat-equipment-copy strong { color: #17191C; font-size: 18px; line-height: 1.3; font-weight: 500; }
.catalog-equipment-links--featured .cat-equipment-copy > span { color: #6B7178; font-size: 13px; line-height: 1.3; }
.catalog-equipment-links--featured a[data-equipment="elevators"] strong { color: #0B47A8; }
/* Шаблонизатор оборачивает текст в span: сохраняем типографику родителя. */
.catalog-brands--featured .cat-brand-list .sc-interp,
.catalog-equipment-links--featured .cat-equipment-grid .sc-interp { font: inherit; color: inherit; white-space: inherit; }
@media (max-width: 760px) {
  .catalog-equipment-links.catalog-equipment-links--featured { grid-template-columns: 1fr; gap: 20px; }
  .catalog-equipment-links--featured .cat-equipment-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .cat-index-list a, .cat-index-list a::before { transition: none; }
}

/* Поиск в выдаче — тот же язык, что и на входе каталога */
.cat-list-search { box-shadow: 0 0 0 1px #D9DBD6, 0 18px 40px -30px rgba(23, 33, 52, 0.35); transition: box-shadow 220ms ease; }
.cat-list-search:hover { box-shadow: 0 0 0 1px #B9C0C9, 0 18px 40px -30px rgba(23, 33, 52, 0.35); }
.cat-list-search:focus-within { box-shadow: 0 0 0 2px #0B47A8, 0 0 0 6px rgba(11, 71, 168, 0.1); }
.cat-list-search input::-webkit-search-cancel-button { display: none; }

/* Страница «Новые лифты» — кадр 3:2 целиком, без серых полос, внутри тёмной панели */
.lift-panel .lift-visual { align-self: center; height: auto !important; min-height: 0 !important; aspect-ratio: 3 / 2; margin: 28px 0 28px 28px; border-radius: 10px !important; background: #151d28 !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 30px 60px -30px rgba(0, 0, 0, 0.8); }
.lift-panel .lift-visual > span[role=img] { transition: opacity 420ms ease, transform 900ms cubic-bezier(.2, .8, .2, 1); }
.lift-panel .lift-visual > span:last-child { left: auto !important; right: 12px; bottom: 12px !important; border-radius: 6px !important; background: rgba(10, 14, 20, 0.62) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* Страница «Новые лифты» в светлом стиле — 07.10.2026 (перекрывает тёмные правила lifts-refinement.css) */
.lift-showcase--light { --lift-muted: #5C636B; --lift-line: #DEDCD5; }
.lift-showcase--light .catalog-series-link { border-color: #C9CDD3; color: #17191C; background: #FFFFFF; transition: border-color 200ms ease, background 200ms ease, color 200ms ease; }
.lift-showcase--light .catalog-series-link:hover { border-color: #0B47A8; background: #FFFFFF; color: #0B47A8; }
.lift-showcase--light .lift-tabs button { background: #FFFFFF !important; border-color: #E1E0DA !important; color: #17191C !important; transition: border-color 200ms ease, box-shadow 220ms ease, color 200ms ease; }
.lift-showcase--light .lift-tabs button:hover { background: #FFFFFF !important; border-color: #B9C0C9 !important; color: #17191C !important; }
.lift-showcase--light .lift-tabs button[aria-selected=true] { background: #FFFFFF !important; border-color: #0B47A8 !important; color: #0B47A8 !important; box-shadow: inset 0 0 0 1px #0B47A8, 0 18px 36px -26px rgba(11, 71, 168, 0.55); }
.lift-showcase--light .lift-tabs button > span:last-child { color: #6B7178 !important; }
.lift-showcase--light .lift-tabs button:focus-visible, .lift-showcase--light a:focus-visible { outline-color: #0B47A8; }
.lift-showcase--light .lift-panel { background: #FFFFFF; border-color: #E1E0DA; box-shadow: 0 30px 60px -44px rgba(23, 33, 52, 0.45); }
.lift-showcase--light .lift-panel .lift-visual { background: #EEEDE9 !important; box-shadow: inset 0 0 0 1px rgba(23, 25, 28, 0.06); }
.lift-showcase--light .lift-copy h2 { color: #17191C; }
.lift-showcase--light .lift-considerations h3 { color: #6B7178; }
.lift-showcase--light .lift-considerations dd { color: #17191C; font-weight: 500; }
.lift-showcase--light .lift-actions > a:first-child { background: #0B47A8 !important; box-shadow: 0 14px 30px -16px rgba(11, 71, 168, 0.8); }
.lift-showcase--light .lift-actions > a:first-child:hover { background: #083784 !important; }