/* Комплекты памятников и конструктор (inc/kits*.php, assets/js/kit/).
   Страница комплекта — макет 31.10.2026 («Комплект · оптовик (админ) · 1440», «· 390»,
   «просмотр на весь экран»). Классы с префиксом kit-/kits-: имена body_class() не трогаем. */

/* Шапка: H1, подзаголовок по камням, плашки */
.kit-head { padding-bottom: var(--space-5); }
.kit-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); margin-top: var(--space-3); }
.kit-head__sub { margin: 0; font-size: 18px; color: var(--c-text-body); }
.kit-head__sub:empty { display: none; }
.kit-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.kit-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: var(--r-pill); background: var(--c-surface-alt); font-size: 14px; font-weight: 600; }
.kit-chip .opt-swatch { margin: 0; }
.kit-head__intro { margin-top: var(--space-4); }
.kit-head__draft { margin: var(--space-3) 0 0; padding: var(--space-2) var(--space-3); background: var(--c-accent-tint); border-radius: var(--r-sm); font-size: 14px; }

/* Две колонки: слева галерея и чертёж, справа состав, цена, сохранение */
.kit { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); gap: var(--space-6); align-items: start; padding-bottom: var(--space-8); }
.kit__view, .kit__panel { display: grid; gap: var(--space-4); min-width: 0; }

.kit-card { border: 1px solid var(--c-border); border-radius: var(--r-lg); background: var(--c-surface); }
.kit-card__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2) var(--space-4); padding: var(--space-5) var(--space-5) var(--space-4); }
.kit-card__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -0.02em; }
.kit-card__hint { margin: 0; font-size: 13px; color: var(--c-text-muted); }
/* Свёрнутые на телефоне блоки: на компьютере заголовок-переключатель не нужен. */
.kit-acc__head { display: none; }

/* Галерея */
.kit-gallery { display: grid; gap: var(--space-3); }
.kit-gallery__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.kit-gallery__bar:has(> [hidden]:only-child), .kit-gallery__bar:not(:has(> :not([hidden]))) { display: none; }
.kit-tabs { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid var(--c-border); border-radius: var(--r-sm); background: var(--c-surface); }
.kit-tabs[hidden] { display: none; }
.kit-tabs__btn { padding: 7px 14px; border: 0; border-radius: 6px; background: none; font: inherit; font-size: 14px; font-weight: 700; color: var(--c-text); cursor: pointer; }
.kit-tabs__btn.is-on { background: var(--c-dark); color: #fff; }
.kit-gallery__full { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 8px 14px; border: 0; border-radius: var(--r-sm); background: var(--c-dark); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.kit-gallery__full[hidden] { display: none; }
.kit-stage { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-lg); background: var(--c-surface-alt); }
.kit-slides { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.kit-slides::-webkit-scrollbar { display: none; }
.kit-slide { flex: 0 0 100%; height: 100%; margin: 0; scroll-snap-align: start; }
.kit-slide__img { display: block; width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; }
.kit-stage__canvas { position: absolute; inset: 0; display: none; width: 100%; height: 100%; touch-action: none; }
.kit-stage.is-3d .kit-stage__canvas { display: block; }
.kit-stage.is-3d .kit-slides, .kit-stage.is-3d .kit-stage__arrow, .kit-stage.is-3d .kit-stage__count { visibility: hidden; }
.kit-stage__empty { display: grid; place-items: center; height: 100%; padding: var(--space-5); color: var(--c-text-muted); font-size: 14px; text-align: center; }
.kit-stage.is-3d .kit-stage__empty:not(.kit-stage__no3d) { display: none; }
.kit-stage__loading { position: absolute; inset: 0; display: grid; place-items: center; color: var(--c-text-muted); font-size: 14px; pointer-events: none; }
.kit-stage__arrow { position: absolute; top: 50%; display: grid; place-items: center; width: 44px; height: 44px; margin-top: -22px; padding: 0; border: 1px solid var(--c-border); border-radius: 50%; background: #fff; color: var(--c-text); cursor: pointer; box-shadow: var(--shadow-card); }
.kit-stage__arrow--prev { left: var(--space-3); }
.kit-stage__arrow--next { right: var(--space-3); }
.kit-stage__count { position: absolute; right: var(--space-3); bottom: var(--space-3); padding: 3px 10px; border-radius: var(--r-pill); background: rgb(21 23 26 / 0.8); color: #fff; font-family: var(--f-mono); font-size: 13px; }
.kit-stage__play { position: absolute; left: var(--space-3); bottom: var(--space-3); display: none; background: #fff; }
.kit-stage__play[hidden] { display: none !important; }
.kit-stage__note { margin: 0; font-size: 13px; color: var(--c-text-muted); }
.kit-stage__note:empty { display: none; }
.kit-thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-2); }
.kit-thumbs:not(:has(> :not([hidden]))) { display: none; }
.kit-thumb { display: grid; place-items: center; aspect-ratio: 3 / 2; overflow: hidden; padding: 0; border: 1px solid var(--c-border); border-radius: var(--r-sm); background: var(--c-surface-alt); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; }
.kit-thumb[hidden] { display: none; }
.kit-thumb { position: relative; }
/* Картинка — поверх всей плитки: height: 100% в ячейке сетки не срабатывал, и картинка
   вылезала за плитку 3 : 2. */
.kit-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kit-thumb.is-on { border: 2px solid var(--c-dark); }
.kit-thumb--3d { display: flex; align-items: center; justify-content: center; gap: 6px; border-color: var(--c-dark); background: var(--c-dark); color: #fff; }
.kit-thumb--3d.is-on { box-shadow: 0 0 0 2px var(--c-accent-light) inset; }

/* Чертёж */
.kit-plan { padding: 0 var(--space-5) var(--space-5); }
.kit-plan__head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); padding: var(--space-5) 0 var(--space-3); }
.kit-plan__zoom { padding: 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 700; color: var(--c-accent); cursor: pointer; }
.kit-plan__zoom[hidden] { display: none; }
.kit-legend { display: flex; gap: var(--space-3); margin: 0 0 0 auto; padding: 0; list-style: none; font-size: 13px; color: var(--c-text-muted); }
.kit-legend li { display: inline-flex; align-items: center; gap: 6px; }
.kit-legend__swatch { width: 14px; height: 10px; border: 1px solid var(--swatch); background: color-mix(in srgb, var(--swatch) 30%, #fff); }
.kit-drawing svg, .kit-drawing img { display: block; width: 100%; height: auto; }
.kit-dims { display: grid; grid-template-columns: 1fr 1fr; margin: var(--space-3) 0 0; border-radius: var(--r-sm); background: var(--c-surface-sunk); }
.kit-dims:empty { display: none; }
.kit-dims div { padding: var(--space-3) var(--space-4); }
.kit-dims div:nth-child(odd) { border-right: 1px solid var(--c-border-soft); }
.kit-dims div:nth-child(n+3) { border-top: 1px solid var(--c-border-soft); }
.kit-dims dt { font-size: 13px; color: var(--c-text-muted); }
.kit-dims dd { margin: 2px 0 0; font-family: var(--f-mono); font-size: 15px; font-weight: 600; }

/* Состав: таблица из строк-сеток. У каждой строки своя сетка, поэтому колонка кнопок
   постоянной ширины («Готово» и корзина), иначе строки с одной кнопкой съезжали бы. */
.kit-parts { --kit-act: 128px; overflow: hidden; }
.kit-row { display: grid; grid-template-columns: 48px minmax(0, 1fr) 100px 56px 92px var(--kit-act); align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-5); border-top: 1px solid var(--c-border-soft); }
.has-prices .kit-row { grid-template-columns: 48px minmax(0, 1fr) 100px 56px 92px 72px var(--kit-act); }
.kit-row--head { padding-top: 10px; padding-bottom: 10px; background: var(--c-surface-sunk); font-size: 13px; color: var(--c-text-muted); }
.kit-row--head > :nth-child(2) { grid-column: 2; }
.kit-row__icon { display: grid; place-items: center; width: 48px; height: 40px; }
.kit-row__icon img { max-width: 48px; max-height: 40px; object-fit: contain; }
.kit-row__main { display: grid; gap: 2px; min-width: 0; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; }
button.kit-row__main { cursor: pointer; }
.kit-row__name { font-weight: 800; font-size: 16px; }
button.kit-row__main:hover .kit-row__name { color: var(--c-accent); }
.kit-row__size { font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
.kit-row--empty .kit-row__name { color: var(--c-text-muted); }
.kit-row__meta { display: none; }
.kit-row__stone { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.kit-row__stone .opt-swatch { margin: 0; }
.kit-row__num { font-family: var(--f-mono); font-size: 15px; text-align: right; white-space: nowrap; }
.kit-row--head .kit-row__num { font-family: var(--f-body); font-size: 13px; }
.kit-row__sum { font-weight: 700; }
.kit-row__act { display: flex; justify-content: flex-end; gap: var(--space-2); }
.kit-row__trash { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid var(--c-border); border-radius: var(--r-sm); background: var(--c-surface); color: var(--c-text-muted); cursor: pointer; }
.kit-row__trash:hover, .kit-row__trash:focus-visible { border-color: #b3261e; color: #b3261e; background: #fdf2f1; }
.kit-row__edit { color: var(--c-accent); }
.kit-row__edit:hover, .kit-row__edit:focus-visible { border-color: var(--c-accent); color: var(--c-accent); background: var(--c-accent-tint); }
.kit-row__chevron { display: none; color: var(--c-text-muted); }
.kit-row.is-open { background: var(--c-surface-warm); }
.kit-row__qty .cart-qty { padding: 2px; }
.kit-row__qty .cart-qty__btn { width: 26px; height: 26px; }
.kit-row__qty .cart-qty__input { width: 34px; height: 26px; }
.kit-row__qty .cart-qty__btn:disabled { opacity: 0.4; cursor: default; }

/* Правка детали внутри строки */
.kit-editor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--space-5); padding: var(--space-2) var(--space-5) var(--space-5) calc(var(--space-5) + 48px + var(--space-3)); background: var(--c-surface-warm); }
.kit-editor__col { display: grid; align-content: start; gap: var(--space-4); min-width: 0; }
.kit-editor__label { margin: 0 0 var(--space-2); padding: 0; font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-text-muted); }
.kit-choice { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding: 0; border: 0; }
.kit-choice__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--c-border-strong); border-radius: var(--r-sm); background: var(--c-surface); font: inherit; font-size: 14px; font-weight: 700; color: var(--c-text); cursor: pointer; }
.kit-choice__btn.is-on { border: 2px solid var(--c-dark); padding: 0 13px; }
.kit-choice__btn .opt-swatch { margin: 0; }
.kit-choice__delta { font-family: var(--f-mono); font-size: 12px; font-weight: 500; color: var(--c-text-muted); }
.kit-side__icon { fill: currentColor; color: var(--c-text-muted); }
.kit-choice__btn.is-on .kit-side__icon { color: var(--c-dark); }
.kit-sizes__find { width: 100%; margin-bottom: var(--space-2); font-family: var(--f-mono); }
.kit-sizes__list { max-height: 15rem; overflow-y: auto; border: 1px solid var(--c-border); border-radius: var(--r-sm); background: var(--c-surface); overscroll-behavior: contain; }
.kit-size { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: var(--space-4); width: 100%; padding: 9px 12px; border: 0; border-bottom: 1px solid var(--c-border-soft); border-left: 3px solid transparent; background: none; font: inherit; font-family: var(--f-mono); font-size: 14px; color: var(--c-text); text-align: left; cursor: pointer; }
.kit-size:hover { background: var(--c-surface-sunk); }
.kit-size[hidden] { display: none; } /* grid перебил бы hidden при поиске */
/* Подходящие — сверху, на тёплом фоне; выбранный — бронзовая черта слева. */
.kit-size.is-on { border-left-color: var(--c-accent); font-weight: 700; }
.kit-size__w { color: var(--c-text-muted); }
.kit-size.is-on .kit-size__w { color: var(--c-text); }
.kit-size__p { min-width: 64px; text-align: right; }
.kit-sizes__empty[hidden] { display: none; }
.kit-sizes__empty { margin: 0; padding: var(--space-3); font-size: 14px; color: var(--c-text-muted); }

/* Дополнения */
.kit-extras { border-top: 1px solid var(--c-border); background: var(--c-surface-sunk); }
.kit-extras__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-2); padding: var(--space-4) var(--space-5) var(--space-2); }
.kit-extras__title { margin: 0; font-size: 15px; font-weight: 800; }
.kit-extras .kit-row { background: var(--c-surface); }
.kit-extras__add { padding: var(--space-3) var(--space-5) var(--space-4); }
.kit-add { display: grid; grid-template-columns: 1fr 1fr 1fr 110px; align-items: end; gap: var(--space-3); }
.kit-add__field { display: grid; gap: 4px; }
.kit-add__label { font-size: 13px; font-weight: 700; }
.kit-add__btn { grid-column: 1 / -1; justify-self: start; }
.kit-extras__open { padding: 0; border: 0; background: none; font: inherit; font-weight: 800; color: var(--c-accent); cursor: pointer; }
.kit-parts__total { display: grid; grid-template-columns: 48px minmax(0, 1fr) 100px 56px 92px var(--kit-act); align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-top: 1px solid var(--c-border); font-size: 14px; color: var(--c-text-muted); }
.has-prices .kit-parts__total { grid-template-columns: 48px minmax(0, 1fr) 100px 56px 92px 72px var(--kit-act); }
.kit-parts__total:empty { display: none; }
.kit-parts__total-label { grid-column: 2; font-weight: 800; color: var(--c-text); }
.kit-parts__total .kit-row__num { grid-column: 4; color: var(--c-text); }
.kit-parts__total .kit-row__sum { grid-column: 6; }

/* Тёмная карточка заказа */
.kit-buy { display: grid; gap: var(--space-4); padding: var(--space-5); border-radius: var(--r-lg); background: var(--c-dark); color: var(--c-text-on-dark); }
.kit-buy__grid { display: grid; grid-template-columns: auto auto 1fr; align-items: start; gap: var(--space-4) var(--space-6); }
.kit-buy__label { display: block; margin: 0 0 6px; font-size: 14px; color: var(--c-text-on-dark-muted); }
.kit-buy__price { margin: 0; font-family: var(--f-mono); font-size: 30px; font-weight: 700; line-height: 1.1; color: #fff; white-space: nowrap; }
.kit-buy__price small { font-size: 16px; font-weight: 600; }
.kit-buy__batch { margin: 0; font-family: var(--f-mono); font-size: 22px; font-weight: 700; color: #fff; }
.kit-buy__sub { margin: 4px 0 0; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-on-dark-dim); }
.kit-buy__sub:empty { display: none; }
.kit-buy__lock { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--c-accent-light); border-radius: var(--r-md); color: var(--c-accent-light); font-size: 17px; font-weight: 700; text-decoration: none; }
a.kit-buy__lock:hover, a.kit-buy__lock:focus-visible { background: var(--c-accent-light); color: var(--c-dark); }
.kit-buy__qty { background: #fff; }
.kit-buy__qty .cart-qty__btn, .kit-buy__qty .cart-qty__input { height: 40px; }
.kit-buy__qty .cart-qty__btn { width: 40px; background: var(--c-surface-alt); }
.kit-buy__add { justify-self: start; min-height: 52px; padding: 0 24px; font-size: 16px; }
.kit-buy__note { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; color: var(--c-text-on-dark-muted); }
.kit-buy__note[hidden] { display: none; }
.kit-buy__note--ok svg { color: var(--c-online); }
.kit-buy__note--below { color: var(--c-accent-light); font-weight: 600; }
.kit-buy__status { margin: 0; font-size: 14px; color: var(--c-text-on-dark-muted); }
.kit-buy__status:empty { display: none; }
.kit-buy__status a { margin-left: 4px; color: var(--c-accent-light); font-weight: 700; }
.kit-bar[hidden] { display: none; }

/* Сохранение */
.kit-save__body { display: grid; gap: var(--space-2); padding: 0 var(--space-5) var(--space-5); }
.kit-save__label { font-size: 13px; font-weight: 700; }
.kit-save__row { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.kit-save__row .field__input { flex: 1 1 260px; }
.kit-save__help { margin: 0; font-size: 13px; color: var(--c-text-muted); }
.kit-save__body .btn { justify-self: start; }
.kit-save__status { margin: 0; padding: 0 var(--space-5) var(--space-4); font-size: 14px; color: var(--c-text-body); }
.kit-save__status:empty { display: none; }
.kit-save__status a { margin-left: 4px; color: var(--c-accent); font-weight: 700; }
.kit-save__owner { padding: var(--space-4) var(--space-5) var(--space-5); border-top: 1px solid #ecdcc6; border-radius: 0 0 var(--r-lg) var(--r-lg); background: var(--c-accent-tint); }
.kit-save__owner-title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 var(--space-3); font-size: 13px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-accent-dark); }
/* В админку — тексты, фото и SEO комплекта (была в полосе владельца над H1, убрана 31.10.2026). */
.kit-save__owner-edit { margin-left: auto; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--c-text-muted); }
.kit-save__owner-edit:hover { color: var(--c-accent); }
.kit-save__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.kit-save__action .btn { gap: 8px; background: #fff; }
.kit-save__action p { margin: var(--space-2) 0 0; font-size: 13px; color: var(--c-text-muted); }
.kit-save__stale { display: block; margin-top: 4px; color: var(--c-accent-dark); }

/* Другие комплекты */
.kit-related { padding: var(--space-7) 0; }
.kit-minis { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-4); margin-top: var(--space-5); }
.kit-mini { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: var(--space-4); padding: var(--space-4); border: 1px solid var(--c-border); border-radius: var(--r-lg); color: inherit; text-decoration: none; }
.kit-mini:hover { border-color: var(--c-border-strong); }
.kit-mini__img { display: grid; place-items: center; width: 120px; height: 90px; border-radius: var(--r-sm); background: var(--c-surface-alt); object-fit: cover; }
.kit-mini__img--plus { background: var(--c-dark); color: #fff; }
.kit-mini__text { display: grid; gap: 4px; }
.kit-mini__title { font-size: 17px; font-weight: 800; letter-spacing: -0.01em; }
.kit-mini__sub { font-size: 14px; color: var(--c-text-muted); }
.kit-mini__go { font-weight: 700; color: var(--c-accent); }
.kit-mini--new { border-style: dashed; }

/* На весь экран */
.kit-full { width: 100vw; max-width: none; height: 100vh; max-height: none; margin: 0; padding: 0; border: 0; background: var(--c-dark); color: #fff; }
.kit-full[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
.kit-full::backdrop { background: rgb(0 0 0 / 0.6); }
.kit-full__top { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--c-dark-line); }
.kit-full__titles { flex: 1 1 300px; min-width: 0; }
.kit-full__title { margin: 0; font-size: 18px; font-weight: 800; color: #fff; }
.kit-full__sub { margin: 2px 0 0; font-size: 13px; color: var(--c-text-on-dark-dim); }
.kit-full__tabs { display: inline-flex; gap: 2px; padding: 3px; border-radius: var(--r-sm); background: var(--c-dark-alt); }
.kit-full__tabs button { padding: 8px 16px; border: 0; border-radius: 6px; background: none; font: inherit; font-size: 14px; font-weight: 700; color: #fff; cursor: pointer; }
.kit-full__tabs button.is-on { background: #fff; color: var(--c-dark); }
.kit-full__tabs button[hidden] { display: none; }
.kit-full__esc { font-family: var(--f-mono); font-size: 12px; color: var(--c-text-on-dark-dim); }
.kit-full__close { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--r-sm); background: var(--c-dark-alt); color: #fff; cursor: pointer; }
.kit-full__stage { position: relative; display: grid; min-height: 0; padding: var(--space-5) 88px; }
.kit-full__view { display: grid; place-items: center; overflow: auto; min-height: 0; border-radius: var(--r-lg); background: var(--c-surface-alt); }
.kit-full__img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; transform-origin: center; transition: transform 0.15s; }
.kit-full__plan { width: min(100%, 1100px); padding: var(--space-5); background: #fff; transform-origin: center top; transition: transform 0.15s; }
.kit-full__plan svg { display: block; width: 100%; height: auto; }
.kit-full.is-3d .kit-full__view { position: relative; display: block; }
.kit-full .kit-stage__canvas { display: block; }
.kit-full__arrow { position: absolute; top: 50%; display: grid; place-items: center; width: 48px; height: 48px; margin-top: -24px; padding: 0; border: 1px solid var(--c-dark-line); border-radius: 50%; background: var(--c-dark-alt); color: #fff; cursor: pointer; }
.kit-full__arrow[hidden] { display: none; }
.kit-full__arrow--prev { left: var(--space-5); }
.kit-full__arrow--next { right: var(--space-5); }
.kit-full__zoom { position: absolute; right: calc(88px + var(--space-4)); bottom: calc(var(--space-5) + var(--space-4)); display: grid; gap: var(--space-2); }
.kit-full__zoom button { width: 40px; height: 40px; padding: 0; border: 0; border-radius: var(--r-sm); background: #fff; font: inherit; font-size: 20px; font-weight: 700; color: var(--c-dark); cursor: pointer; box-shadow: var(--shadow-card); }
.kit-full__bottom { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); padding: var(--space-3) var(--space-5) var(--space-4); border-top: 1px solid var(--c-dark-line); }
.kit-full__thumbs { display: flex; gap: var(--space-2); }
.kit-full__thumb { width: 72px; height: 48px; overflow: hidden; padding: 0; border: 1px solid var(--c-dark-line); border-radius: 6px; background: var(--c-dark-alt); cursor: pointer; }
.kit-full__thumb img { width: 100%; height: 100%; object-fit: cover; }
.kit-full__thumb.is-on { border: 2px solid #fff; }
.kit-full__count { flex: 1; margin: 0; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-on-dark-dim); }
.kit-full__back { margin-left: auto; }

/* Лист снизу на телефоне */
.kit-sheet { width: 100%; max-width: 100%; max-height: 88vh; margin: auto 0 0; padding: var(--space-3) var(--space-4) var(--space-5); border: 0; border-radius: 16px 16px 0 0; background: var(--c-surface); overflow-y: auto; }
.kit-sheet::backdrop { background: rgb(0 0 0 / 0.4); }
.kit-sheet::before { content: ""; display: block; width: 40px; height: 4px; margin: 0 auto var(--space-3); border-radius: 2px; background: var(--c-border-strong); }
.kit-sheet__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-4); }
.kit-sheet__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -0.02em; }
.kit-sheet .kit-editor { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding: 0; background: none; }
.kit-sheet .kit-editor__label { display: none; }
.kit-sheet .kit-choice { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
.kit-sheet .kit-choice__btn { justify-content: center; }
.kit-sheet .kit-sizes__list { max-height: 40vh; }
.kit-sheet .kit-add { grid-template-columns: 1fr 1fr; }
.kit-sheet__remove { margin-top: var(--space-4); padding: 0; border: 0; background: none; font: inherit; font-weight: 700; color: #b3261e; cursor: pointer; }

/* Карточки, каталог, похожие, главная */
.kit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.kit-card { display: grid; align-content: start; gap: var(--space-2); }
.kit-card__link { display: grid; gap: var(--space-3); color: inherit; text-decoration: none; }
.kit-card__img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-md); background: var(--c-surface-alt); }
.kit-card__title { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.01em; }
.kit-card__link:hover .kit-card__title { color: var(--c-accent); }
.kit-card__parts { margin: 0; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
.kit-card__meta { margin: 0; font-size: 14px; }
.kits-actions { margin: var(--space-5) 0 0; }
.kits-list { padding-top: var(--space-6); padding-bottom: var(--space-8); }
.home-kits { padding: var(--section-y) 0; }
/* Стык с соседними белыми полосами (линия и поля) — в home.css. */
.kit-price-link { margin-top: var(--space-5); margin-bottom: 0; font-weight: 600; } /* поля по бокам — от .u-container */

/* Состав комплекта в заявке и панели (cart.js) */
.order__kit-parts, .cart-panel__parts { margin: 4px 0 0; padding: 0; list-style: none; font-size: 13px; color: var(--c-text-muted); }

/* Мои комплекты в кабинете */
/* «Мои комплекты» в кабинете: секция во всю ширину, карточки каталога. */
.kit-mine__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); margin-bottom: var(--space-5); }
.kit-mine__head .account__title { margin: 0; }
.kit-mine__count { margin-left: var(--space-2); font-size: 16px; font-weight: 600; letter-spacing: 0; color: var(--c-text-muted); }
.kit-mine__empty { margin: 0; color: var(--c-text-muted); }
.kits-card__delete { margin: 0; text-align: center; }
.kits-card__delete button { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border: 0; background: none; font: inherit; font-size: 13px; color: var(--c-text-muted); cursor: pointer; }
.kits-card__delete button:hover, .kits-card__delete button:focus-visible { color: #8a1f15; }


@media (max-width: 1100px) {
	.kit { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
	.kit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kit-save__actions { grid-template-columns: minmax(0, 1fr); }
	.kit-row, .has-prices .kit-row { grid-template-columns: 40px minmax(0, 1fr) 92px 52px 92px var(--kit-act); gap: var(--space-2); padding-left: var(--space-4); padding-right: var(--space-4); }
	.has-prices .kit-row { grid-template-columns: 40px minmax(0, 1fr) 92px 52px 92px 68px var(--kit-act); }
	.kit-row__act .btn { padding: 0 10px; }
}

@media (max-width: 900px) {
	/* Телефон (макет «Комплект · оптовик · 390»): галерея, цена, состав списком с правкой
	   в листе снизу, чертёж и сохранение свёрнуты; «В заявку» — плашкой внизу экрана. */
	.kit { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
	.kit__view, .kit__panel { display: contents; }
	.kit-gallery { order: 1; margin: 0 calc(-1 * var(--pad-x-sm)); }
	.kit-gallery__bar, .kit-thumbs, .kit-stage__arrow { display: none !important; }
	.kit-stage { border-radius: 0; }
	.kit-stage__count { top: var(--space-3); bottom: auto; }
	.kit-stage__play { display: inline-flex; }
	.kit-gallery .kit-stage__note { padding: 0 var(--pad-x-sm); }
	.kit .opt-lock { order: 2; }
	.kit-buy { order: 3; }
	.kit-parts { order: 4; }
	.kit-plan { order: 5; }
	.kit-save { order: 6; }
	/* Как в макете 390: цена, ниже «Комплектов» со счётчиком справа, ниже партия. */
	.kit-buy__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
	.kit-buy__grid > :nth-child(2) { display: flex; align-items: center; justify-content: space-between; }
	.kit-buy__grid > :nth-child(2) .kit-buy__label { margin: 0; font-size: 16px; font-weight: 700; color: #fff; }
	.kit-buy__grid > :nth-child(3) { padding-top: var(--space-3); border-top: 1px solid var(--c-dark-line); }
	.kit-buy__add, .kit-buy__note--ok { display: none; }
	.kit-buy__price { font-size: 28px; }

	.kit-acc { padding: 0; }
	.kit-acc__head { display: flex; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-5); font-size: 17px; font-weight: 800; list-style: none; cursor: pointer; }
	.kit-acc__head::-webkit-details-marker { display: none; }
	.kit-acc__head::after { content: "+"; font-size: 22px; font-weight: 600; }
	.kit-acc[open] .kit-acc__head::after { content: "−"; }
	.kit-acc .kit-card__head { display: none; }
	.kit-plan .kit-plan__head { padding: 0 var(--space-5) var(--space-3); }
	.kit-plan .kit-plan__head .kit-card__title { display: none; }
	.kit-plan .kit-drawing, .kit-plan .kit-dims { margin-left: var(--space-5); margin-right: var(--space-5); }
	.kit-plan .kit-dims { margin-bottom: var(--space-5); }

	.kit-parts .kit-card__head { padding: var(--space-4); }
	.kit-row--head { display: none; }
	.kit-row, .has-prices .kit-row { grid-template-columns: 48px minmax(0, 1fr) auto; padding: var(--space-3) var(--space-4); }
	.kit-row__stone, .kit-row__num, .kit-row__act { display: none; }
	.kit-row__meta { display: block; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
	.kit-row__chevron { display: block; }
	.kit-row--extra .kit-row__chevron { display: none; }
	.kit-row--extra .kit-row__qty { display: block; }
	.kit-row--extra .kit-row__act { display: none; }
	.kit-row--extra.kit-row--empty .kit-row__act { display: flex; }
	.kit-extras__head { display: none; }
	.kit-extras { border-top: 0; background: none; }
	.kit-extras__add { padding: var(--space-3) var(--space-4) var(--space-4); border-top: 1px solid var(--c-border-soft); }
	.kit-parts__total { display: none; }

	.kit-save__actions { grid-template-columns: minmax(0, 1fr); }
	.kit-related { padding-top: var(--space-5); }

	.kit-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); background: var(--c-dark); color: #fff; box-shadow: 0 -4px 16px rgb(0 0 0 / 0.12); }
	.kit-bar__text { display: grid; flex: 1; min-width: 0; }
	.kit-bar__text strong { font-size: 16px; }
	.kit-bar__text span { overflow: hidden; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-on-dark-dim); white-space: nowrap; text-overflow: ellipsis; }
	.has-kit-bar { padding-bottom: 72px; }
	.has-kit-bar [data-cart-bar] { display: none !important; }

	.kit-full__stage { padding: var(--space-3); }
	.kit-full__arrow, .kit-full__esc { display: none; }
	.kit-full__zoom { right: var(--space-5); bottom: var(--space-5); }
	.kit-full__thumbs { display: none; }
}

@media (max-width: 767px) {
	.kit-grid { grid-template-columns: minmax(0, 1fr); }
	.kit-stage { aspect-ratio: 1 / 1; }
	.kit-head__sub { font-size: 16px; }
}

/* ===== Каталог комплектов (page-kits.php, макет «Список комплектов», 31.10.2026) ===== */
.kits-head { padding-bottom: var(--space-5); }
.kits-head__row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-5); }
.kits-head__row > div { flex: 1 1 600px; min-width: 0; }
.kits-head__lead { max-width: 860px; margin: var(--space-3) 0 0; font-size: 17px; color: var(--c-text-body); }
.kits-head__perks { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin: var(--space-3) 0 0; padding: 0; list-style: none; font-size: 14px; color: var(--c-text-body); }
.kits-head__perks li::before { content: "✓"; margin-right: 8px; font-weight: 700; color: var(--c-ok); }
.kits-head__build { gap: 10px; }

.kits-list { padding-bottom: var(--space-7); }
.kits-tabs { display: inline-flex; gap: 4px; margin-bottom: var(--space-4); padding: 4px; border: 1px solid var(--c-border); border-radius: var(--r-md); background: var(--c-surface-sunk); }
.kits-tabs__tab { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: var(--r-sm); font-weight: 700; color: var(--c-text); text-decoration: none; }
.kits-tabs__tab.is-on { background: var(--c-dark); color: #fff; }
.kits-tabs__count { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 6px; border-radius: var(--r-pill); background: var(--c-surface-alt); font-family: var(--f-mono); font-size: 12px; color: var(--c-text); }
.kits-tabs__tab.is-on .kits-tabs__count { background: #fff; color: var(--c-dark); }

.kits-tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); margin-bottom: var(--space-5); padding: 10px var(--space-4); border: 1px solid var(--c-border); border-radius: var(--r-md); background: var(--c-surface-sunk); }
.kits-tools__toggle { display: none; }
.kits-filters { display: flex; flex: 1; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-6); }
.kits-filters__group { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.kits-filters__label { display: inline-flex; align-items: center; gap: 6px; margin-right: 4px; font-size: 14px; color: var(--c-text-muted); }
.kits-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border: 1px solid var(--c-border-strong); border-radius: var(--r-pill); background: var(--c-surface); font-size: 14px; font-weight: 700; color: var(--c-text); text-decoration: none; cursor: pointer; list-style: none; }
.kits-chip::-webkit-details-marker { display: none; }
.kits-chip:hover { border-color: var(--c-dark); }
.kits-chip.is-on { border-color: var(--c-dark); background: var(--c-dark); color: #fff; }
.kits-chip .opt-swatch { margin: 0; }
.kits-more { position: relative; }
.kits-more__pop { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; width: 280px; padding: var(--space-3); border: 1px solid var(--c-border); border-radius: var(--r-md); background: #fff; box-shadow: var(--shadow-pop); }
.kits-more__head { display: flex; justify-content: space-between; margin: 0 0 var(--space-2); font-size: 12px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-text-muted); }
.kits-more__head span + span { font-weight: 500; letter-spacing: 0; text-transform: none; }
.kits-more__row { display: flex; align-items: center; gap: 8px; padding: 8px 0; font-size: 15px; cursor: pointer; }
.kits-more__row .opt-swatch { margin: 0; }
.kits-more__count { margin-left: auto; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
.kits-more__actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); margin-top: var(--space-2); }
.kits-sort { display: flex; align-items: center; gap: var(--space-2); margin-left: auto; padding-left: var(--space-5); border-left: 1px solid var(--c-border); }
.kits-sort__label { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--c-text-muted); }
.kits-sort__select { width: auto; min-height: 40px; font-weight: 700; }

.kits-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.kits-card { position: relative; display: grid; grid-template-rows: auto 1fr; overflow: hidden; border: 1px solid var(--c-border); border-radius: var(--r-lg); background: #fff; }
.kits-card[hidden] { display: none; } /* запас карточек на главной для случайного выбора */
.kits-card__pic { position: relative; display: block; aspect-ratio: 5 / 3; background: var(--c-surface-alt); }
.kits-card__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.kits-card__img--empty { display: grid; place-items: center; padding: var(--space-4); font-size: 14px; color: var(--c-text-muted); text-align: center; }
.kits-card__badge { position: absolute; top: var(--space-3); left: var(--space-3); padding: 4px 10px; border-radius: var(--r-pill); background: #fff; font-size: 12px; font-weight: 700; color: var(--c-text); }
.kits-card__3d { position: absolute; top: var(--space-3); right: var(--space-3); display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: var(--r-pill); background: rgb(21 23 26 / 0.85); font-size: 12px; font-weight: 700; color: #fff; text-decoration: none; }
.kits-card__3d:hover { background: var(--c-dark); }
.kits-card__body { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); }
.kits-card__title { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.kits-card__title a { color: inherit; text-decoration: none; }
.kits-card__title a:hover { color: var(--c-accent); }
.kits-card__sub { margin: -6px 0 0; font-size: 14px; color: var(--c-text-muted); }
.kits-card__line { display: none; margin: 0; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
.kits-card__parts { margin: 0; }
/* Строки состава поплотнее (владелец, 31.10.2026: карточка ниже); колонка названий — чтобы «Надгробная плита» не переносилась. */
.kits-card__parts div { display: grid; grid-template-columns: 124px minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); padding: 5px 0; border-top: 1px solid var(--c-border-soft); font-size: 14px; line-height: 1.35; }
.kits-card__parts dt { color: var(--c-text-muted); }
.kits-card__parts dd { margin: 0; }
.kits-card__size { font-family: var(--f-mono); font-size: 13px; }
.kits-card__stone { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--c-text-body); }
.kits-card__stone .opt-swatch { margin: 0; }
.kits-card__gone { margin: 0; font-size: 13px; font-weight: 600; color: var(--c-accent-dark); }
/* Строка цены — у низа карточки и за линией: в ряду карточек разной высоты она стоит ровно. */
.kits-card__price { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: auto; padding-top: var(--space-3); border-top: 1px solid var(--c-border-soft); }
.kits-card__price p { margin: 0; }
.kits-card__sum { font-family: var(--f-mono); font-size: 28px; font-weight: 700; line-height: 1.1; white-space: nowrap; }
.kits-card__sum small { font-size: 14px; font-weight: 600; color: var(--c-text-muted); }
.kits-card__per { display: none; }
.kits-card__meta { font-family: var(--f-mono); font-size: 12px; color: var(--c-text-muted); }
.kits-card__price .kits-card__label { margin-bottom: 2px; font-size: 13px; color: var(--c-text-muted); }
.kits-card__batch { text-align: right; }
.kits-card__batch-sum { font-family: var(--f-mono); font-size: 16px; font-weight: 700; }
/* «Цена — после входа»: бронзовая плашка с замком справа от веса, как у цены на странице комплекта. */
.kits-card__lock { display: inline-flex; flex: none; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid rgb(154 96 36 / 0.25); border-radius: var(--r-pill); background: rgb(154 96 36 / 0.08); font-size: 13px; font-weight: 700; line-height: 1.2; color: var(--c-accent); text-decoration: none; white-space: nowrap; transition: background-color 0.15s, color 0.15s, border-color 0.15s; }
a.kits-card__lock:hover, a.kits-card__lock:focus-visible { border-color: var(--c-accent); background: var(--c-accent); color: #fff; }
.kits-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }
.kits-card__actions .btn { gap: 0.28em; padding: 0 10px; } /* «Открыть» и «и изменить» — одной фразой, без зазора кнопки */
.kits-card__status { margin: 0; font-size: 13px; color: var(--c-ok); }
.kits-card__status:empty { display: none; }

.kits-build { display: grid; align-content: center; gap: var(--space-3); padding: var(--space-6); border: 1.5px dashed var(--c-border-strong); border-radius: var(--r-lg); color: inherit; text-decoration: none; }
.kits-build:hover { border-color: var(--c-accent); }
.kits-build__plus { display: grid; place-items: center; width: 72px; height: 72px; border-radius: var(--r-md); background: var(--c-dark); color: #fff; }
.kits-build__title { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; }
.kits-build__text { font-size: 15px; color: var(--c-text-body); }
.kits-build__steps { display: grid; gap: var(--space-3); margin: var(--space-2) 0 0; padding: 0; list-style: none; counter-reset: step; font-size: 15px; }
.kits-build__steps li { display: flex; align-items: center; gap: var(--space-3); counter-increment: step; }
.kits-build__steps li::before { content: counter(step); display: grid; place-items: center; flex: none; width: 26px; height: 26px; border: 1px solid var(--c-border-strong); border-radius: 50%; font-size: 13px; font-weight: 700; }
.kits-build__go { font-weight: 800; color: var(--c-accent); }

.kits-empty { margin: var(--space-5) 0 0; color: var(--c-text-muted); }
.kits-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-6); padding-top: var(--space-5); border-top: 1px solid var(--c-border); }
.kits-pager__info { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.kits-pager__shown { font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
.kits-pager__mobile { display: none; }
.kits-pager__per { display: inline-flex; align-items: center; gap: var(--space-2); font-size: 14px; color: var(--c-text-muted); }
.kits-pager__per .field__input { width: auto; min-height: 40px; }
.kits-pager__pages { display: flex; align-items: center; gap: 6px; }
.kits-pager__btn { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 8px; border: 1px solid var(--c-border); border-radius: var(--r-sm); font-family: var(--f-mono); font-weight: 600; color: var(--c-text); text-decoration: none; }
.kits-pager__btn:hover { border-color: var(--c-dark); }
.kits-pager__btn.is-on { border-color: var(--c-dark); background: var(--c-dark); color: #fff; }
.kits-pager__btn.is-off { opacity: 0.4; pointer-events: none; }
.kits-pager__gap { color: var(--c-text-muted); }
.kits-note { margin: var(--space-4) 0 0; font-size: 13px; color: var(--c-text-muted); }

/* Текст страницы: на компьютере целиком в две колонки, на телефоне свёрнут. */
.kits-seo { padding-block: var(--space-7); border-top: 1px solid var(--c-border); }
.kits-seo .seo-text__body { max-width: none; max-height: none; column-count: 2; column-gap: var(--space-7); }
.kits-seo .seo-text__body::after, .kits-seo .seo-text__toggle { display: none; }
.kits-seo .seo-text__body h2 { column-span: all; }
/* Раздел не разрывается между колонками: заголовок остаётся над своим абзацем. */
.kits-seo .seo-text__body h3 { margin-top: 0; break-after: avoid; }
.kits-seo .seo-text__body p { break-inside: avoid; }

@media (max-width: 1100px) {
	.kits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.kits-head__row { display: grid; }
	.kits-head__lead { font-size: 16px; }
	.kits-head__perks { display: none; }
	.kits-head__build { width: 100%; }
	.kits-tabs { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
	.kits-tabs__tab { justify-content: center; padding: 0 8px; }
	.kits-tools { padding: 0; border: 0; background: none; }
	.kits-tools__toggle { display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid var(--c-border-strong); border-radius: var(--r-sm); background: #fff; font: inherit; font-weight: 700; cursor: pointer; }
	.kits-tools__badge { display: inline-grid; place-items: center; min-width: 22px; height: 22px; border-radius: var(--r-pill); background: var(--c-dark); font-family: var(--f-mono); font-size: 12px; color: #fff; }
	.kits-filters { display: none; order: 3; flex-basis: 100%; gap: var(--space-3); }
	.kits-tools.is-open .kits-filters { display: grid; }
	.kits-filters__group { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
	.kits-sort { flex: 1; margin: 0; padding: 0; border: 0; }
	.kits-sort__label span { display: none; }
	.kits-sort__select { flex: 1; min-height: 44px; }
	.kits-more__pop { position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: auto; border-radius: 16px 16px 0 0; }
	.kits-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
	.kits-card__parts, .kits-card__long, .kits-card__sub { display: none; }
	.kits-card__line { display: block; margin-top: -6px; }
	.kits-card__per { display: inline; }
	.kits-card__sum { font-size: 24px; }
	.kits-build { grid-template-columns: 72px minmax(0, 1fr); align-items: center; padding: var(--space-4); }
	.kits-build__plus { grid-row: span 2; width: 60px; height: 60px; }
	.kits-build__title { font-size: 18px; }
	.kits-build__text { font-size: 14px; }
	.kits-build__steps, .kits-build__go { display: none; }
	.kits-pager { display: grid; }
	.kits-pager__shown { display: none; }
	.kits-pager__mobile { display: inline; font-family: var(--f-mono); font-size: 13px; color: var(--c-text-muted); }
	.kits-pager__pages .kits-pager__num, .kits-pager__gap { display: none; }
	.kits-pager__pages { justify-content: space-between; }
	.kits-seo .seo-text__body { column-count: 1; max-height: 16em; }
	.kits-seo .seo-text__body::after, .kits-seo .seo-text__toggle { display: block; }
	.kits-seo .seo-text__body.is-open { max-height: none; }
	.kits-seo .seo-text__body.is-open::after { display: none; }
}