/* PREP-9.2: лицо полки в примерочной. Сетка и цвет — step9-pages.css / m-catalog-side.
   Подключается только при куке примерочной, после kolesa-prep-91c.css. Живой каталог не красим.
   marker: kolesa-prep-92 kolesa-prep-92-qty-cap-3 kolesa-prep-92-list-photo-1 kolesa-prep-92-sheet-bar-1 kolesa-prep-92-disk-auto-1 kolesa-prep-92-shelf-kind-2 kolesa-prep-92-tile-m2 kolesa-prep-92-truck-auto-1 kolesa-prep-92-home-kind-1 kolesa-prep-92-qty-m1 kolesa-prep-92-face-a kolesa-prep-92-disk-fil-1 kolesa-prep-92-pick-1 kolesa-prep-92-type-1 kolesa-pay-tbank-1 kolesa-face-rings-1 kolesa-tile-hover-1 kolesa-disk-hub-1 */

body.kolesa-prep-92 .k9c-cat {
  padding: 12px 0 48px;
}

body.kolesa-prep-92 .k9c-cat .crumbs,
body.kolesa-prep-92 .k9c-cat .bx-breadcrumb,
body.kolesa-prep-92 .k9c-cat .breadcrumb {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
}

body.kolesa-prep-92 .k9c-cat .crumbs a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Старые крошки Битрикса — серая полоса «Каталог», на эскизе её нет */
body.kolesa-prep-92 .k9c-cat .nav-breadcrumb {
  display: none !important;
}

body.kolesa-prep-92 .k9c-cat .page-head h1,
body.kolesa-prep-92 .k9c-cat h1 {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.15;
} /* kolesa-prep-92-type-1: как эскиз каталога, не 32/800 */

/* PREP-9.2-TRUCK-AUTO-1: на грузовых нет «По авто», как эскиз ПК. display у кнопки иначе перекрывает hidden. */
body.kolesa-prep-92 .k9c-cat[data-k9c-section="25799"] .k9c-pc-switch .mode[data-k9c-mode="auto"],
body.kolesa-prep-92 .k9c-cat[data-k9c-section="25799"] form.podborFromAuto,
body.kolesa-prep-92 .k9c-pc-switch .mode[hidden] {
  display: none !important;
}

/* PREP-9.2-HOME-KIND-1: на полке «Легковые / Грузовые» оранжевые, как «По размеру». «Шины / Диски» чёрные. */
body.kolesa-prep-92 .k9c-pc-switch .tabs .tab.is-on {
  background: #fff4e8;
  border-color: var(--orange);
  color: var(--orange);
}

/* Эскиз каталога: сезонный абзац и размеры над фильтром не рисуем */
body.kolesa-prep-92 .kolesa-season-landing-intro,
body.kolesa-prep-92 .kolesa-size-nav {
  display: none !important;
}

body.kolesa-prep-92 .catalog-filter {
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 20px 22px 16px;
  margin-bottom: 16px;
}

/* PREP-9.2-SHEET-1: на ПК поля снова в одной сетке с «Показать» */
body.kolesa-prep-92 .k9c-size-fields {
  display: contents;
}

body.kolesa-prep-92 .k9c-sheet-handle,
body.kolesa-prep-92 .k9c-sheet-title {
  display: none;
}

body.kolesa-prep-92 .catalog-filter .fields {
  align-items: start;
}

/* PREP-9.2-HINT-GAP-1: Bootstrap .form-group даёт 16px снизу — ряд выше окон. */
body.kolesa-prep-92 .catalog-filter .form-group.field {
  margin-bottom: 0;
}

/* PREP-9.2-RESET: «Сбросить» — кнопка под «Показать», не серая полоса.
   На главной примерочной #modef = display:contents (только «Показать» в сетке).
   На полке в той же коробке ещё «Сбросить» — contents выкидывает его на всю ширину. */
body.kolesa-prep-92 .catalog-filter .fields > #modef.filter-go,
body.kolesa-prep-92 .catalog-filter .fields > .filter-go {
  display: flex; /* не contents с главной: иначе «Сбросить» — второй ряд сетки */
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  align-self: start;
  position: relative;
  width: auto;
  min-width: 0;
}

body.kolesa-prep-92 .filter-go > .show {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 56px; /* компьютер; телефон 48 — kolesa-phone-h48-1 ниже */
  padding: 0 22px;
  border: 0;
  border-radius: 12px;
  background: var(--orange);
  color: #fff;
  font: inherit;
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}

/* PREP-9.2-SHOW-NAV-1: «Показать» и «: 70» одним словом, без пробела перед двоеточием */
body.kolesa-prep-92 .filter-go > .show .show-txt {
  display: inline;
  white-space: nowrap;
}

body.kolesa-prep-92 .filter-go > .show #modef_num {
  margin: 0;
  padding: 0;
}

/* kolesa-phone-h48-1: на телефоне «Показать» 48, как на главной. Компьютер остаётся 56. */
@media (max-width: 800px) {
  body.kolesa-prep-92 .filter-go > .show {
    height: 48px;
    min-height: 48px;
  }
}

body.kolesa-prep-92 .catalog-filter .filter-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 24px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: transparent;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: var(--muted);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1;
}

body.kolesa-prep-92 .filter-note {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px; /* kolesa-shelf-note-row-1: «Разноширокие» и «Как узнать» рядом, как эскиз */
  min-height: 24px;
  margin: 8px 0 0; /* kolesa-prep-92-hint-gap-1: сразу под окнами, полоска со «Сбросить» */
  padding-right: 160px;
  font-size: 13px;
  font-weight: 600;
}

/* kolesa-prep-92-hint-1 */

body.kolesa-prep-92 .filter-note a,
body.kolesa-prep-92 .filter-note .k9c-size-hint {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

body.kolesa-prep-92 .filter-extra {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

body.kolesa-prep-92 .checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
}

/* STEP9-FACE-RINGS-1: все галочки одной высоты, как на эскизе; старую коробку колец не красим. */
body.kolesa-prep-92 .checks label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

body.kolesa-prep-92 .checks input {
  width: 18px;
  height: 18px;
  accent-color: var(--orange);
}

body.kolesa-prep-92 .kolesa-rings-hint {
  display: none;
}

body.kolesa-prep-92 .sort {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
}

body.kolesa-prep-92 .sort a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  color: var(--muted);
  text-decoration: none;
}

body.kolesa-prep-92 .sort a.is-on,
body.kolesa-prep-92 .sort a.active,
body.kolesa-prep-92 .k9c-pc-sort a.is-on {
  background: #fff4e8;
  color: var(--orange);
}

body.kolesa-prep-92 .k9c-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

/* PREP-9.2-QTY-1: 6 в ряд, «− 4 +» в строке с ценой, «В корзину» на ширину. */
body.kolesa-prep-92 .k9c-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: start;
  min-width: 0;
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 12px 12px 14px;
  min-height: 100%;
}

body.kolesa-prep-92 .k9c-item-head {
  display: contents;
}

body.kolesa-prep-92 .k9c-item-hero,
body.kolesa-prep-92 .k9c-buy {
  display: contents;
}

body.kolesa-prep-92 .k9c-photo {
  position: relative;
  display: grid;
  place-items: center;
  height: 156px;
  margin-bottom: 10px;
  padding: 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
  order: -1;
}

body.kolesa-prep-92 .k9c-photo img,
body.kolesa-prep-92 .k9c-photo picture {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 152px;
  object-fit: contain;
}

/* kolesa-img-one-1: если снимок не нарисовался, подпись «Автошина» не встаёт вместо колеса */
body.kolesa-prep-92 .k9c-photo img {
  color: transparent;
  font-size: 0;
}

body.kolesa-prep-92 .k9c-item .tile-fav {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: var(--card);
  color: var(--muted);
  font-size: 20px; /* kolesa-fav-star-1: чуть крупнее, залитая ★ когда товар уже в избранном */
  display: grid;
  place-items: center;
  text-decoration: none;
}

body.kolesa-prep-92 .k9c-item .tile-fav.is-on,
body.kolesa-prep-92 .k9c-item .tile-fav.active {
  color: var(--orange);
}

body.kolesa-prep-92 .k9c-item .badge {
  display: none;
}

body.kolesa-prep-92 .k9c-item .tile-name {
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

/* STEP9-TILE-HOVER-1: как эскиз qty — имя тёмное, при наведении оранжевое.
   Без этого Bootstrap a:hover красит синим. Посещённая ссылка тоже тёмная. */
body.kolesa-prep-92 .k9c-item .tile-name a,
body.kolesa-prep-92 .k9c-item .tile-name a:visited {
  color: var(--ink);
  text-decoration: none;
}

body.kolesa-prep-92 .k9c-item .tile-name a:hover {
  color: var(--orange);
}

body.kolesa-prep-92 .k9c-item .tile-name .m-stock {
  display: none;
}

body.kolesa-prep-92 .k9c-item .stock.k9c-pc-only {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--green);
}

body.kolesa-prep-92 .k9c-item .stock.k9c-pc-only.order {
  color: #b45309;
}

body.kolesa-prep-92 .k9c-item .price-unit {
  margin: 0;
  min-width: 0;
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
}

body.kolesa-prep-92 .k9c-item .price-kit {
  margin: 0 0 6px;
  font-size: 13px;
  color: var(--muted);
}

body.kolesa-prep-92 .k9c-photo,
body.kolesa-prep-92 .k9c-item .tile-name,
body.kolesa-prep-92 .k9c-item .stock,
body.kolesa-prep-92 .k9c-item .m-price-line,
body.kolesa-prep-92 .k9c-item .price-kit,
body.kolesa-prep-92 .k9c-item .m-total {
  grid-column: 1 / -1;
}

body.kolesa-prep-92 .k9c-item .m-price-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 6px;
  min-width: 0;
  margin: 0 0 6px;
}

body.kolesa-prep-92 .k9c-item .pay-link {
  display: inline-block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 2px;
  border-bottom: 0;
}

/* PREP-9.2-QTY-ROW-1: на карточке живой main.css даёт .card-product .amount { width:135px } —
   при цене вроде 10 010 ₽ минус и плюс разъезжаются. Эскиз: узкая коробка в одном ряду с ценой. */
body.kolesa-prep-92 .k9c-item .amount,
body.kolesa-prep-92 .k9c-item.card-product .amount {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: stretch;
  justify-content: flex-start;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 40px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}

body.kolesa-prep-92 .k9c-item .amount .down,
body.kolesa-prep-92 .k9c-item .amount .up,
body.kolesa-prep-92 .k9c-item .amount span {
  flex: 0 0 28px;
  width: 28px;
  max-width: 28px;
  display: grid;
  place-items: center;
  font-weight: 800;
  cursor: pointer;
  user-select: none;
}

body.kolesa-prep-92 .k9c-item .amount span:before,
body.kolesa-prep-92 .k9c-item .amount .up:after {
  content: none;
  display: none;
}

body.kolesa-prep-92 .k9c-item .amount input {
  flex: 0 0 22px;
  box-sizing: border-box;
  width: 22px;
  min-width: 22px;
  max-width: 22px;
  height: auto;
  padding: 0;
  border: 0;
  border-left: 1px solid var(--line);
  border-right: 1px solid var(--line);
  box-shadow: none;
  text-align: center;
  font: inherit;
  font-weight: 700;
  font-size: 16px;
  background: transparent;
}

body.kolesa-prep-92 .k9c-item .add2basket {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 44px;
  margin-top: auto;
  width: 100%;
  border: 0;
  border-radius: 12px;
  background: var(--orange);
  color: #fff;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
}

body.kolesa-prep-92 .k9c-m-only {
  display: none !important;
}

body.kolesa-prep-92 .k9c-empty {
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 28px 22px;
  text-align: center;
}

body.kolesa-prep-92 .k9c-empty p {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 700;
}

body.kolesa-prep-92 .k9c-empty a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: var(--orange);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

body.kolesa-prep-92 .k9c-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin: 20px 0 8px;
}

/* PREP-9.2-PP-1 kolesa-prep-92-pp-1: служебное «Выводить по 24» — на эскизе нет */
body.kolesa-prep-92 .k9c-pager .catalog-views,
body.kolesa-prep-92 .k9c-pager .select-view,
body.kolesa-prep-92 .k9c-pager .pagination-list-arrow {
  display: none !important;
}

body.kolesa-prep-92 .k9c-pager .col-12,
body.kolesa-prep-92 .k9c-pager .catalog-footer,
body.kolesa-prep-92 .k9c-pager .nav-pagination,
body.kolesa-prep-92 .k9c-pager .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.kolesa-prep-92 .k9c-pager .page-item,
body.kolesa-prep-92 .k9c-pager li {
  list-style: none;
  margin: 0;
}

body.kolesa-prep-92 .k9c-pager a,
body.kolesa-prep-92 .k9c-pager span,
body.kolesa-prep-92 .k9c-pager .page-link,
body.kolesa-prep-92 .k9c-pager .bx-pagination a,
body.kolesa-prep-92 .k9c-pager .bx-pagination span {
  min-width: 44px;
  min-height: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 0;
  border-radius: 12px;
  font-weight: 700;
  background: var(--card);
  box-shadow: var(--shadow);
  color: inherit;
  text-decoration: none;
}

body.kolesa-prep-92 .k9c-pager .page-item.active .page-link,
body.kolesa-prep-92 .k9c-pager li.active > span {
  background: var(--ink);
  color: #fff;
}

body.kolesa-prep-92 .m-filterbar,
body.kolesa-prep-92 .m-catalog-switch,
body.kolesa-prep-92 .m-sort-wrap,
body.kolesa-prep-92 .k9c-sheet-bg {
  display: none;
}

/* PREP-9.2-ADDED-1 kolesa-prep-92-added-1: «товар добавлен» как эскиз step9-added / m-added.
   PREP-9.2-ADDED-PC-1 kolesa-prep-92-added-pc-1: на ПК поверх шапки, пока не закроют.
   PREP-9.2-ADDED-QTY-1 kolesa-prep-92-added-qty-1: «N шт.» текстом, как эскиз.
   STEP9-ADDED-DASH-1 kolesa-added-dash-1: без пунктира старого .links-dashed под кнопками.
   Без main.css спрайт галочки и крестика раздувается. Живой custom.css сюда не подключается. */
body.kolesa-prep-92 .tooltip-box {
  display: none;
}

body.kolesa-prep-92:has(.tooltip-box-basket.active) {
  overflow: hidden;
}

body.kolesa-prep-92:has(.tooltip-box-basket.active)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 1090;
  background: rgba(28, 26, 23, 0.45);
  pointer-events: auto;
}

body.kolesa-prep-92 .tooltip-box.tooltip-box-basket.active {
  display: block !important;
  position: fixed;
  left: 50%;
  top: 72px;
  transform: translateX(-50%);
  z-index: 1100;
  width: min(520px, calc(100% - 32px));
  margin: 0;
  padding: 22px 24px 20px;
  background: var(--card);
  color: var(--ink);
  border: 0;
  border-radius: var(--radius);
  box-shadow: 0 16px 48px rgba(40, 32, 24, 0.18);
  box-sizing: border-box;
  opacity: 1;
}

body.kolesa-prep-92 .tooltip-box-basket .container,
body.kolesa-prep-92 .tooltip-box-basket .row,
body.kolesa-prep-92 .tooltip-box-basket [class^="col-"] {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 40px 16px 0;
}

body.kolesa-prep-92 .tooltip-box-basket h4 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.25;
  color: var(--ink);
}

body.kolesa-prep-92 .tooltip-box-basket .successfully-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  max-width: 28px;
  max-height: 28px;
  padding: 0;
  border-radius: 50%;
  background: var(--green);
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  display: grid;
  place-items: center;
  line-height: 1;
  overflow: hidden;
}

body.kolesa-prep-92 .tooltip-box-basket .successfully-icon::before {
  content: "✓";
}

body.kolesa-prep-92 .tooltip-box-basket .successfully-icon svg,
body.kolesa-prep-92 .tooltip-box-basket .successfully-icon .svg-icon {
  display: none !important;
}

body.kolesa-prep-92 .tooltip-box-basket .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: none !important;
  background-image: none !important;
  box-shadow: none;
  opacity: 1;
  font-size: 26px;
  line-height: 1;
  color: var(--muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.kolesa-prep-92 .tooltip-box-basket .btn-close::before {
  content: "×";
}

body.kolesa-prep-92 .tooltip-box-basket .btn-close::after {
  display: none !important;
  content: none !important;
}

body.kolesa-prep-92 .tooltip-box-basket .btn-close svg,
body.kolesa-prep-92 .tooltip-box-basket .btn-close .svg-icon {
  display: none !important;
}

body.kolesa-prep-92 .tooltip-box-basket svg,
body.kolesa-prep-92 .tooltip-box-basket .svg-icon {
  width: 14px !important;
  height: 14px !important;
  max-width: 14px !important;
  max-height: 14px !important;
  overflow: hidden;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__content {
  margin: 0 0 16px;
}

body.kolesa-prep-92 .tooltip-box-basket .basket-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

body.kolesa-prep-92 .tooltip-box-basket .basket-card__img {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  border-radius: 12px;
  background: var(--canvas);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

body.kolesa-prep-92 .tooltip-box-basket .basket-card__img img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

body.kolesa-prep-92 .tooltip-box-basket .basket-card__body {
  flex: 1 1 auto;
  min-width: 0;
}

body.kolesa-prep-92 .tooltip-box-basket .basket-card__name {
  display: block;
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--ink);
  overflow-wrap: break-word;
}

/* PREP-9.2-ADDED-QTY-1: как эскиз — «4 шт.» текстом по центру под именем, без «+»/«−» и без скрытого поля. */
body.kolesa-prep-92 .tooltip-box-basket .amount {
  display: none !important;
}

body.kolesa-prep-92 .tooltip-box-basket .kolesa-added-qty-suffix {
  display: none;
}

body.kolesa-prep-92 .tooltip-box-basket .k9c-added-qty {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ink);
  text-align: center;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  box-sizing: border-box;
  font-family: inherit;
  text-decoration: none;
  border-radius: 12px;
  border-bottom: 0;
  background-image: none;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer a.links-dashed:not(.color-accent) {
  font-size: 14px;
  font-weight: 700;
  color: var(--muted);
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 2px;
  background: transparent;
  border-bottom: 0;
  background-image: none;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer a.color-accent {
  background: var(--orange);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  border-bottom: 0;
  text-decoration: none;
}

body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer a.color-accent:hover {
  background: var(--orange-hover);
  color: #fff;
}

body.kolesa-prep-92 #preloader:not(.preloader-animated):not(.preloader-animated-filter) {
  display: none !important;
}

@media (max-width: 1200px) {
  body.kolesa-prep-92 .k9c-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Как на эскизе: «Показать» на всю ширину, «Сбросить» сразу под ней, не абсолютом */
  body.kolesa-prep-92 .catalog-filter .fields > #modef.filter-go,
  body.kolesa-prep-92 .catalog-filter .fields > .filter-go {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
  }

  body.kolesa-prep-92 .catalog-filter .filter-reset {
    position: static;
  }

  body.kolesa-prep-92 .catalog-filter .filter-note {
    min-height: 0;
    padding-right: 0;
  }
}

/* PREP-9.2-SHELF-FACE-1: на ПК полка как эскиз — узкие окна, не 1fr 1fr от правила 1200.
   Телефон (до 800) не трогаем: там карточка FACE-A / DISK-FIL-1. */
@media (min-width: 801px) {
  body.kolesa-prep-92 .catalog-filter .fields-tires:not(.is-truck) {
    grid-template-columns: var(--fld-num) var(--fld-num) var(--fld-num) var(--fld-season) var(--fld-brand) auto;
    justify-content: start;
  }

  body.kolesa-prep-92 .catalog-filter .fields-tires.is-truck {
    grid-template-columns: var(--fld-num) var(--fld-num) var(--fld-num) var(--fld-brand) auto;
    justify-content: start;
  }

  body.kolesa-prep-92 .catalog-filter .fields-disks:not(.fields-auto) {
    grid-template-columns: var(--fld-num) var(--fld-num) var(--fld-pcd) var(--fld-num) var(--fld-num) auto;
    justify-content: start;
  }

  body.kolesa-prep-92 .catalog-filter .fields-auto:not(.is-disks) {
    grid-template-columns: var(--fld-auto-mark) var(--fld-auto-model) var(--fld-num) var(--fld-season) auto;
    justify-content: start;
  }

  body.kolesa-prep-92 .catalog-filter .fields-auto.is-disks {
    grid-template-columns: var(--fld-auto-mark) var(--fld-auto-model) var(--fld-num) auto;
    justify-content: start;
  }

  body.kolesa-prep-92 .catalog-filter .fields > #modef.filter-go,
  body.kolesa-prep-92 .catalog-filter .fields > .filter-go {
    grid-column: auto;
    width: auto;
    min-width: 0;
    justify-self: start;
  }

  body.kolesa-prep-92 .catalog-filter .form-group.field {
    width: auto;
    max-width: 100%;
  }

  /* PREP-9.2-SHELF-GRID-1: на ПК 6 плиток, как QTY-1 / эскиз qty.
     Правило 1200 ставило три крупные — так выглядит Firefox, если окно чуть уже 1280. */
  body.kolesa-prep-92 .k9c-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  /* PREP-9.2-HINT-GAP-2: на ПК ссылка сразу под окошками, как HINT-GAP-1.
     Правило 1200 ставило «Сбросить» в поток — ссылка уезжала ниже кнопки. */
  body.kolesa-prep-92 .catalog-filter .filter-reset {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
  }

  body.kolesa-prep-92 .catalog-filter .filter-note {
    min-height: 24px;
    padding-right: 160px;
  }
}

@media (max-width: 800px) {
  body.kolesa-prep-92 {
    padding-bottom: calc(64px + 80px);
  }

  body.kolesa-prep-92.is-k9c-sheet {
    overflow: hidden;
  }

  body.kolesa-prep-92 .k9c-cat .page-head h1,
  body.kolesa-prep-92 .k9c-cat h1 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  body.kolesa-prep-92 .k9c-pc-only,
  body.kolesa-prep-92 .k9c-pc-sort,
  body.kolesa-prep-92 .k9c-pc-switch .tabs {
    display: none !important;
  }

  body.kolesa-prep-92 .catalog-filter .filter-note {
    min-height: 44px;
    padding-right: 0;
    display: flex;
    align-items: center;
  }

  body.kolesa-prep-92 .k9c-m-only {
    display: block !important;
  }

  body.kolesa-prep-92 .m-catalog-switch {
    display: grid;
    gap: 8px;
    margin-bottom: 10px;
  }

  /* PREP-9.2-MTAB-1: выбранные «Шины» / «Легковые» — чёрные, как m-catalog-side */
  body.kolesa-prep-92 .m-seg {
    display: flex;
    width: 100%;
    gap: 6px;
  }

  /* PREP-9.2-SHELF-KIND-2: hidden на «Тип шин» сильнее, чем display:flex у ряда */
  body.kolesa-prep-92 .m-catalog-switch .m-seg[hidden] {
    display: none !important;
  }

  body.kolesa-prep-92 .m-tab {
    flex: 1;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    text-decoration: none;
  }

  body.kolesa-prep-92 .m-tab.is-on {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
  }

  /* PREP-9.2-HOME-KIND-1: «Легковые / Грузовые» оранжевые; «Шины / Диски» остаются чёрными */
  body.kolesa-prep-92 #k9c-kind-tabs .m-tab.is-on {
    background: #fff4e8;
    border-color: var(--orange);
    color: var(--orange);
  }

  /* PREP-9.2-SEASON-1: в шторке чипы сезона, как m-catalog-side, не «Зима Ш…» */
  body.kolesa-prep-92 .m-seasons {
    display: none;
    gap: 6px;
    margin: 0 0 12px;
  }

  body.kolesa-prep-92 .m-seasons:not([hidden]) {
    display: flex;
  }

  body.kolesa-prep-92.has-k9c-season-chips .catalog-filter .fld-season {
    display: none;
  }

  body.kolesa-prep-92.has-k9c-season-chips .fields-auto .k9c-size-fields > .field:nth-child(3) {
    grid-column: 1 / -1;
  }

  body.kolesa-prep-92 .m-chip {
    flex: 1;
    min-height: 44px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    color: var(--muted);
    cursor: pointer;
  }

  body.kolesa-prep-92 .m-chip.is-on {
    background: #fff4e8;
    border-color: var(--orange);
    color: var(--orange);
  }

  /* PREP-9.2-FILTERBAR-1: как m-catalog-side — чипы и белая «Фильтр» в одном ряду */
  body.kolesa-prep-92 .m-filterbar {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 10px;
    position: relative;
  }

  body.kolesa-prep-92 .m-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex: 1;
    min-width: 0;
  }

  body.kolesa-prep-92 .m-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--card);
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    color: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
  }

  body.kolesa-prep-92 .m-filter-btn {
    flex-shrink: 0;
    min-height: 44px;
    min-width: 44px;
    padding: 0 12px;
    border: 1px solid var(--ink);
    border-radius: 12px;
    background: var(--card);
    color: inherit;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
  }

  body.kolesa-prep-92 .m-sort-wrap {
    display: block;
    margin-bottom: 10px;
    position: relative;
  }

  body.kolesa-prep-92 .m-sort-btn {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
    font: inherit;
    font-size: 13px;
    font-weight: 700;
  }

  body.kolesa-prep-92 .m-sort-val {
    color: var(--orange);
  }

  body.kolesa-prep-92 .m-sort-drop {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    z-index: 20;
    background: var(--card);
    border-radius: 12px;
    box-shadow: var(--shadow);
    overflow: hidden;
  }

  body.kolesa-prep-92 .m-pick-item {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 0 12px;
    border-bottom: 1px solid var(--line);
    font-weight: 700;
    text-decoration: none;
  }

  body.kolesa-prep-92 .m-pick-item.is-on {
    color: var(--orange);
  }

  /* PREP-9.2-FACE-A: на телефоне полки сначала окошки с подписями, потом «Фильтр».
     Кружки-цифры прячем. Шторка по-прежнему поверх страницы. */
  body.kolesa-prep-92 .k9c-cat .wrap {
    display: flex;
    flex-direction: column;
  }

  body.kolesa-prep-92 .k9c-cat .wrap > * {
    order: 10;
  }

  body.kolesa-prep-92 .k9c-cat .crumbs { order: 0; }
  body.kolesa-prep-92 .k9c-cat .page-head { order: 1; }
  body.kolesa-prep-92 .k9c-cat .m-catalog-switch { order: 2; }
  body.kolesa-prep-92 .k9c-cat .catalog-filter { order: 3; }
  body.kolesa-prep-92 .k9c-cat .m-filterbar { order: 4; }
  body.kolesa-prep-92 .k9c-cat .m-sort-wrap { order: 5; }

  body.kolesa-prep-92 .k9c-cat .m-pills {
    display: none !important;
  }

  body.kolesa-prep-92 .k9c-cat .m-filter-btn {
    width: 100%;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .catalog-filter {
    display: flex;
    flex-direction: column;
    position: static;
    z-index: auto;
    max-height: none;
    margin: 0 0 8px;
    overflow: visible;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .k9c-sheet-handle,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .k9c-sheet-title,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .k9c-pc-switch,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .filter-extra,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .filter-note,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .filter-go,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .kolesa-prep-91c-motor,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat form.podborFromAuto {
    display: none !important;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat #form-filter,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat form.form-filter.shown,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .catalog-filter .fields {
    display: contents;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .k9c-size-fields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    order: 1;
    margin: 0;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .k9c-size-fields > .fld-brand {
    display: none !important;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .fields-disks .k9c-size-fields > .fld-fe {
    grid-column: 1 / 2;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .fields-disks .k9c-size-fields > .fld-hub {
    grid-column: 2 / 4;
  }

  /* Старое «.fields .show» целилось в кнопку «Показать». Bootstrap вешает .show и на открытое окошко — не раздувать его. */
  body.kolesa-prep-92 .k9c-cat .k9c-size-fields > .field.show {
    grid-column: auto;
    width: auto;
    z-index: 8;
  }

  body.kolesa-prep-92 .k9c-cat .fields-disks .k9c-size-fields > .fld-fe.show {
    grid-column: 1 / 2;
  }

  body.kolesa-prep-92 .k9c-cat .fields-disks .k9c-size-fields > .fld-hub.show {
    grid-column: 2 / 4;
  }

  /* PREP-9.2-DISK-FIL-1: диски — ЦО как Вылет, «Фильтр» третьей клеткой во втором ряду.
     25741 — раздел дисков. */
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 8px;
    row-gap: 8px;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .wrap > * {
    grid-column: 1 / -1;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .catalog-filter,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] #form-filter,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] form.form-filter.shown,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .catalog-filter .fields,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .k9c-size-fields,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .m-filterbar {
    display: contents;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .k9c-size-fields > .field {
    grid-column: auto;
    order: 3;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .k9c-size-fields > .field:not(.fld-fw):not(.fld-fd):not(.fld-pcd):not(.fld-fe):not(.fld-hub) {
    display: none !important;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .fields-disks .k9c-size-fields > .fld-fe,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .fields-disks .k9c-size-fields > .fld-hub,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .fields-disks .k9c-size-fields > .fld-fe.show,
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .fields-disks .k9c-size-fields > .fld-hub.show {
    grid-column: auto;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat[data-k9c-section="25741"] .m-filter-btn {
    grid-column: auto;
    order: 4;
    width: auto;
    min-height: 56px;
    align-self: stretch;
    margin: 0;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat #k9c-sheet-seasons {
    order: 2;
    margin: 8px 0 0;
  }

  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-cat .dropup .dropdown-menu {
    top: 100% !important;
    bottom: auto !important;
  }

  /* PREP-9.2-SHEET-1: как m-catalog-side — вкладки, галочки, потом «Показать» */
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .catalog-filter,
  body.kolesa-prep-92.is-k9c-sheet .catalog-filter {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 61;
    max-height: 86%;
    margin: 0;
    overflow: auto;
    border-radius: 20px 20px 0 0;
    padding: 8px 14px 16px;
    background: var(--card);
    box-shadow: var(--shadow);
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-sheet-handle {
    display: block;
    width: 36px;
    height: 4px;
    margin: 6px auto 10px;
    border-radius: 2px;
    background: var(--line);
    flex-shrink: 0;
    order: 0;
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-sheet-title {
    display: block;
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    order: 1;
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-pc-switch {
    display: block;
    margin-bottom: 12px;
    order: 2;
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-pc-switch .modes {
    display: flex;
    width: 100%;
    gap: 6px;
    margin: 0;
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-pc-switch .mode {
    flex: 1;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid var(--line);
    background: var(--card);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-pc-switch .mode.is-on {
    background: var(--ink);
    color: #fff;
    border-color: var(--ink);
  }

  body.kolesa-prep-92.is-k9c-sheet #k9c-sheet-seasons {
    order: 3;
  }

  body.kolesa-prep-92.is-k9c-sheet #form-filter,
  body.kolesa-prep-92.is-k9c-sheet form.form-filter.shown,
  body.kolesa-prep-92.is-k9c-sheet .catalog-filter .fields {
    display: contents;
  }

  body.kolesa-prep-92.is-k9c-sheet form.form-filter:not(.shown) {
    display: none !important;
  }

  body.kolesa-prep-92.is-k9c-sheet .kolesa-prep-91c-motor {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-size-fields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    order: 4;
    margin: 0 0 10px;
  }

  /* STEP9-DISK-HUB-1: в шторке дисков второй ряд — две равные половины, как на эскизе.
     Шесть дорожек: первая строка по две (три окошка), вторая по три (Вылет и ЦО). */
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-fw,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-fd,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-pcd,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-fw.show,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-fd.show,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-pcd.show {
    grid-column: span 2;
    width: auto;
    min-width: 0;
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-fe,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-hub,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-fe.show,
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat .fields-disks .k9c-size-fields > .fld-hub.show {
    grid-column: span 3;
    width: auto;
    min-width: 0;
  }

  /* Пока шторка открыта, кнопка «Фильтр» на странице не растягивается на всю ширину. */
  body.kolesa-prep-92.is-k9c-sheet .k9c-cat[data-k9c-section="25741"] .m-filter-btn {
    display: none !important;
  }

  body.kolesa-prep-92.is-k9c-sheet .fields-auto .k9c-size-fields {
    grid-template-columns: 1fr 1fr;
  }

  body.kolesa-prep-92.is-k9c-sheet .fields-auto .k9c-size-fields > .field:first-child,
  body.kolesa-prep-92.is-k9c-sheet .fields-auto .k9c-size-fields > .field:nth-child(2) {
    grid-column: 1 / -1;
  }

  /* PREP-9.2-DISK-AUTO-1: диски + «По авто» — без чипов сезона шин, год на всю ширину */
  body.kolesa-prep-92:has(.fields-disks) #k9c-sheet-seasons,
  body.kolesa-prep-92:has(.fields-auto.is-disks) #k9c-sheet-seasons,
  body.kolesa-prep-92 .fields-auto.is-disks #fld-auto-season,
  body.kolesa-prep-92 .fields-auto.is-disks .fld-season {
    display: none !important;
  }

  body.kolesa-prep-92.is-k9c-sheet .fields-auto.is-disks .k9c-size-fields {
    grid-template-columns: 1fr;
  }

  body.kolesa-prep-92.is-k9c-sheet .fields-auto.is-disks .k9c-size-fields > .field {
    grid-column: 1 / -1;
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-size-fields > .fld-brand {
    grid-column: 1 / -1;
  }

  body.kolesa-prep-92.is-k9c-sheet .filter-extra {
    order: 5;
    margin-top: 4px;
    padding-top: 0;
    border-top: 0;
  }

  body.kolesa-prep-92.is-k9c-sheet .filter-note {
    order: 6;
    margin: 8px 0 0;
  }

  body.kolesa-prep-92.is-k9c-sheet .catalog-filter .filter-go {
    order: 7;
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin-top: 10px;
    padding-top: 10px;
    background: var(--card);
  }

  body.kolesa-prep-92.is-k9c-sheet .k9c-sheet-bg {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(28, 26, 23, 0.45);
    z-index: 60;
  }

  /* PREP-9.2-SHEET-BAR-1: как эскиз m-catalog-side — шторка накрывает меню, палец попадает в «Сбросить» */
  body.kolesa-prep-92.is-k9c-sheet .mobile-bar {
    visibility: hidden;
    pointer-events: none;
  }

  body.kolesa-prep-92 .filter-extra {
    flex-direction: column;
    align-items: stretch;
  }

  body.kolesa-prep-92 .catalog-filter .fields > #modef.filter-go,
  body.kolesa-prep-92 .catalog-filter .fields > .filter-go,
  body.kolesa-prep-92 .filter-go {
    width: 100%;
    min-width: 0;
  }

  body.kolesa-prep-92 .filter-go > .show {
    width: 100%;
  }

  body.kolesa-prep-92 .catalog-filter .filter-reset,
  body.kolesa-prep-92 .filter-reset {
    position: static;
    height: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.kolesa-prep-92 .k9c-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  body.kolesa-prep-92 .k9c-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 10px 10px 0;
    box-shadow: none;
  }

  body.kolesa-prep-92 .k9c-item-head {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    margin-left: 12px;
  }

  /* STEP9-TILE-NAME-M15: на телефоне имя карточки 15, как договорились. Цена и кнопки как были. «в наличии» отдельно, STEP9-STOCK-M14. */
  body.kolesa-prep-92 .k9c-item-head .tile-name {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
  }

  /* PREP-9.2-TILE-M2: как m-catalog-side — «в наличии» в имени, не отдельным этажом у фото */

  body.kolesa-prep-92 .k9c-item-head .tile-name a {
    display: block;
    text-decoration: none;
  }

  body.kolesa-prep-92 .k9c-item .tile-name .m-stock,
  body.kolesa-prep-92 .k9c-item .tile-name a .m-stock,
  body.kolesa-prep-92 .k9c-item .tile-name a:hover .m-stock,
  body.kolesa-prep-92 .k9c-item .tile-name a:focus .m-stock,
  body.kolesa-prep-92 .k9c-item .tile-name a:visited .m-stock {
    display: inline !important;
    margin: 0 0 0 0.35em;
    font-size: 14px; /* STEP9-STOCK-M14: на телефоне «в наличии» 14, имя остаётся 15 и тёмным */
    font-weight: 600;
    color: var(--green);
    white-space: nowrap;
  }

  /* STEP9-STOCK-GREEN-1: коричневый только «под заказ», не малое число штук */
  body.kolesa-prep-92 .k9c-item .tile-name .m-stock.order,
  body.kolesa-prep-92 .k9c-item .tile-name a .m-stock.order,
  body.kolesa-prep-92 .k9c-item .tile-name a:hover .m-stock.order,
  body.kolesa-prep-92 .k9c-item .tile-name a:focus .m-stock.order,
  body.kolesa-prep-92 .k9c-item .tile-name a:visited .m-stock.order {
    color: #b45309;
  }

  body.kolesa-prep-92 .k9c-item .stock.k9c-pc-only {
    display: none !important;
  }

  body.kolesa-prep-92 .k9c-item .tile-fav {
    position: static;
    flex: none;
    width: 44px;
    height: 44px;
    margin: -8px -8px 0 0;
    font-size: 26px; /* kolesa-fav-star-1 */
    background: transparent;
  }

  /* PREP-9.2-LIST-PHOTO-1: снимок как m-catalog-side (116×116 в колонке 128), не ~60×80 */
  body.kolesa-prep-92 .k9c-item-hero {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
  }

  body.kolesa-prep-92 .k9c-photo,
  body.kolesa-prep-92 .k9c-item .tile-name,
  body.kolesa-prep-92 .k9c-item .stock,
  body.kolesa-prep-92 .k9c-item .m-price-line,
  body.kolesa-prep-92 .k9c-item .price-kit,
  body.kolesa-prep-92 .k9c-item .m-total {
    grid-column: auto;
  }

  body.kolesa-prep-92 .k9c-photo {
    display: grid;
    place-items: center;
    box-sizing: border-box;
    height: auto;
    min-height: 128px;
    width: 128px;
    max-width: 128px;
    margin: 0;
    padding: 6px;
    order: 0;
    flex-shrink: 0;
    background: var(--card);
    border-radius: 0 12px 12px 0;
    overflow: hidden;
  }

  body.kolesa-prep-92 .k9c-photo img,
  body.kolesa-prep-92 .k9c-photo picture,
  body.kolesa-prep-92 .k9c-photo picture img {
    width: 116px;
    height: 116px;
    max-width: 116px;
    max-height: 116px;
    object-fit: contain;
  }

  @media (max-width: 359px) {
    body.kolesa-prep-92 .k9c-item-hero {
      grid-template-columns: 108px minmax(0, 1fr);
    }

    body.kolesa-prep-92 .k9c-photo {
      width: 108px;
      max-width: 108px;
      min-height: 108px;
    }

    body.kolesa-prep-92 .k9c-photo img,
    body.kolesa-prep-92 .k9c-photo picture,
    body.kolesa-prep-92 .k9c-photo picture img {
      width: 96px;
      height: 96px;
      max-width: 96px;
      max-height: 96px;
    }
  }

  body.kolesa-prep-92 .k9c-buy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    text-align: center;
    gap: 4px;
    min-width: 0;
    padding-right: 4px;
  }

  /* PREP-9.2-TILE-M2: цена 22px + «за 1 шт.» в ряду; «− 4 +» на всю колонку, высота 44 как эскиз */
  body.kolesa-prep-92 .k9c-item .m-price-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0 6px;
    width: 100%;
  }

  body.kolesa-prep-92 .k9c-item .m-price-line .price-unit,
  body.kolesa-prep-92 .k9c-item .m-price {
    order: 1;
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.1;
  }

  body.kolesa-prep-92 .k9c-item .m-item-unit.k9c-m-only {
    display: inline !important;
    order: 2;
    margin: 0;
    font-size: 12px;
    color: var(--muted);
  }

  body.kolesa-prep-92 .k9c-item .m-price-line .amount,
  body.kolesa-prep-92 .k9c-item.card-product .m-price-line .amount {
    order: 3;
    display: flex;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    height: 44px;
    margin-top: 4px;
    border-radius: 10px;
  }

  body.kolesa-prep-92 .k9c-item .m-price-line .amount .down,
  body.kolesa-prep-92 .k9c-item .m-price-line .amount .up,
  body.kolesa-prep-92 .k9c-item .m-price-line .amount span {
    flex: 1;
    width: auto;
    max-width: none;
    height: auto;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
  }

  /* PREP-9.2-QTY-M1: рамка 44 px как была, символы крупнее — не 13 px в широкой коробке */
  body.kolesa-prep-92 .k9c-item .m-price-line .amount input {
    flex: 0.7;
    width: auto;
    min-width: 24px;
    max-width: none;
    font-size: 18px;
    font-weight: 800;
  }

  body.kolesa-prep-92 .k9c-item .amount {
    grid-column: auto;
  }

  body.kolesa-prep-92 .k9c-item .add2basket {
    grid-column: auto;
    margin-top: 0;
    margin-left: 12px;
    width: calc(100% - 12px);
    justify-self: auto;
  }

  body.kolesa-prep-92 .k9c-item .pay-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 700;
    color: var(--orange);
    text-decoration: underline;
    text-underline-offset: 2px;
    border-bottom: 0;
  }

  body.kolesa-prep-92 .k9c-item .m-total {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    font-size: 12px;
    line-height: 1.25;
    color: var(--muted);
  }

  body.kolesa-prep-92 .k9c-item .m-total b {
    display: block;
    color: var(--ink);
    font-size: 14px;
    font-weight: 800;
  }
}

/* PREP-9.2-SEARCH-1: выдача из лупы — как эскиз step9-search / m-search, не старое тело */
.m-search-form {
  display: none;
}

body.kolesa-prep-search .k9c-search .search-toolbar .filter-extra {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
  margin-bottom: 16px;
}

/* PREP-9.2-SEARCH-TILE-1 kolesa-prep-92-search-tile-1:
   на ПК «− 4 +» и «В корзину» в одном ряду, как эскиз step9-search.
   В HTML количество стоит до ссылки рассрочки, кнопка — после; без order они в разных рядах. */
body.kolesa-prep-search .k9c-item .pay-link {
  display: inline-block;
  grid-column: 1 / -1;
  order: 1;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
}

body.kolesa-prep-search .k9c-item .amount,
body.kolesa-prep-search .k9c-item .add2basket {
  order: 2;
}

body.kolesa-prep-search.kolesa-search-is-empty .search-toolbar,
body.kolesa-prep-search.kolesa-search-is-empty .m-sort-wrap,
body.kolesa-prep-search:has(.k9c-empty) .search-toolbar,
body.kolesa-prep-search:has(.k9c-empty) .m-sort-wrap {
  display: none !important;
}

@media (max-width: 800px) {
  /* сильнее chrome.css: иначе поле шапки остаётся и забирает набор */
  body.kolesa-prep-chrome.kolesa-prep-search header.header.is-m-search form.search,
  body.kolesa-prep-search .header.is-m-search .search {
    display: none !important;
  }

  body.kolesa-prep-search .m-search-form {
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin: 0 0 10px;
  }

  body.kolesa-prep-search .m-search-form input[type="search"] {
    flex: 1;
    min-width: 0;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
    font: inherit;
    font-size: 16px;
    color: inherit;
  }

  body.kolesa-prep-search .m-search-form input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }

  body.kolesa-prep-search .m-search-form button[type="submit"] {
    flex-shrink: 0;
    min-height: 44px;
    padding: 0 14px;
    border: 0;
    border-radius: 12px;
    background: var(--orange);
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
  }

  body.kolesa-prep-search .k9c-search .filter-extra {
    margin-bottom: 10px;
  }

  /* STEP9-WEEK-1: в поиске на телефоне нет кнопки «Фильтр», поэтому ряд галочек
     не прячем вместе с полкой. Сортировка для компьютера внутри этого блока и так скрыта. */
  body.kolesa-prep-92:not(.is-k9c-sheet) .k9c-search .search-toolbar .filter-extra {
    display: block !important;
  }

  body.kolesa-prep-search .k9c-item .pay-link,
  body.kolesa-prep-search .k9c-item .amount,
  body.kolesa-prep-search .k9c-item .add2basket {
    order: 0;
  }

  body.kolesa-prep-search .k9c-item .pay-link {
    grid-column: auto;
    margin-bottom: 0;
    font-size: 12px;
  }
}

@media (max-width: 800px) {
  /* PREP-9.2-ADDED-1: на телефоне шторка снизу, как m-added.
     kolesa-added-layer-1: старый custom.css на узком экране силой ставит окно на слой 40,
     а тёмная плёнка страницы — на 1090. Без !important плёнка ложится поверх белого окна. */
  body.kolesa-prep-92 .tooltip-box.tooltip-box-basket.active {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    transform: none;
    width: auto;
    max-width: none;
    z-index: 1100 !important;
    background: var(--card);
    padding: 18px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -8px 28px rgba(40, 32, 24, 0.18);
  }

  body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__header {
    margin: 0 40px 14px 0;
  }

  body.kolesa-prep-92 .tooltip-box-basket h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.03em;
  }

  body.kolesa-prep-92 .tooltip-box-basket .btn-close {
    top: 6px;
    right: 6px;
    width: 44px;
    height: 44px;
    font-size: 28px;
  }

  body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__content {
    margin: 0 0 14px;
  }

  body.kolesa-prep-92 .tooltip-box-basket .basket-card {
    gap: 12px;
  }

  body.kolesa-prep-92 .tooltip-box-basket .k9c-added-qty {
    font-size: 18px;
  }

  body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  body.kolesa-prep-92 .tooltip-box-basket .tooltip-box__footer a.color-accent {
    min-height: 48px;
    font-size: 16px;
  }
}

/* PREP-9.2-QTY-CAP-3: когда в корзине уже весь остаток */
body.kolesa-prep-92 .k9c-qty-cap-note {
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #fff4e8;
  color: #7a4a18;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
}

body.kolesa-prep-92 .k9c-qty-cap-note.is-flash {
  animation: k9c-cap-flash 1.1s ease;
}

@keyframes k9c-cap-flash {
  0%, 100% { box-shadow: none; }
  25% { box-shadow: 0 0 0 3px rgba(253, 112, 11, 0.35); }
}

body.kolesa-prep-92 .k9c-item.is-k9c-capped .price-kit,
body.kolesa-prep-92 .k9c-item.is-k9c-capped .m-total {
  display: none !important;
}

/* PREP-9.2-G2 kolesa-prep-92-g2: низ плитки ПК как step9-catalog-qty —
   цена и «− 4 +» слева в одном ряду (не по краям), «Рассрочка» подчёркнутой ссылкой,
   «В корзину» отдельной кнопкой на ширину карточки. Поиск и телефонный список не трогаем. */
@media (min-width: 801px) {
  body.kolesa-prep-92:not(.kolesa-prep-search) .k9c-item .m-price-line {
    justify-content: flex-start;
  }

  body.kolesa-prep-92:not(.kolesa-prep-search) .k9c-item .pay-link,
  body.kolesa-prep-92:not(.kolesa-prep-search) .k9c-item a.pay-hint__link.pay-link {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--orange);
    white-space: nowrap;
    text-decoration: underline;
    text-underline-offset: 2px;
    border-bottom: 0;
  }

  body.kolesa-prep-92:not(.kolesa-prep-search) .k9c-item .add2basket {
    width: 100%;
    flex: none;
  }
}

/* PREP-9.2-PICK-1: обёртка не ломает сетку FACE-A (display:contents), пока не открыт список */
body.kolesa-prep-92 #k9c-sheet-main {
  display: contents;
}

body.kolesa-prep-92 #k9c-sheet-pick {
  display: none;
}

body.kolesa-prep-92 .k9c-home-pick-bg,
body.kolesa-prep-92 .k9c-home-pick {
  display: none !important;
}

/* PREP-9.2-PICK-1: в шторке «Фильтр» список ширины на всю ширину, как m-catalog-side */
@media (max-width: 800px) {
  body.kolesa-prep-92.is-k9c-sheet.is-k9c-pick .catalog-filter {
    overflow: hidden;
  }

  body.kolesa-prep-92.is-k9c-sheet.is-k9c-pick #k9c-sheet-main {
    display: none !important;
  }

  body.kolesa-prep-92.is-k9c-sheet.is-k9c-pick #k9c-sheet-pick {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    order: 1;
  }

  body.kolesa-prep-92.is-k9c-sheet.is-k9c-pick .k9c-sheet-handle {
    display: block;
    order: 0;
  }

  body.kolesa-prep-92 #k9c-sheet-pick .m-pick-back {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    color: var(--orange);
    cursor: pointer;
    flex-shrink: 0;
  }

  body.kolesa-prep-92 #k9c-sheet-pick h2 {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 800;
    flex-shrink: 0;
  }

  body.kolesa-prep-92 #k9c-sheet-pick .m-pick-list {
    flex: 1;
    overflow: auto;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }

  body.kolesa-prep-92 #k9c-sheet-pick .m-pick-item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 44px;
    padding: 0 12px;
    border: 0;
    border-bottom: 1px solid var(--line);
    background: none;
    text-align: left;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    cursor: pointer;
  }

  body.kolesa-prep-92 #k9c-sheet-pick .m-pick-item.is-on {
    color: var(--orange);
  }

  body.kolesa-prep-92 #k9c-sheet-pick .m-pick-item[hidden] {
    display: none !important;
  }

  body.kolesa-prep-92.is-k9c-pick .field > .dropdown-menu {
    display: none !important;
  }

  body.kolesa-prep-92.is-k9c-pick .k9c-cat .k9c-size-fields > .field.show {
    grid-column: auto;
    width: auto;
  }
}

/* PREP-9.2-TBANK-1: пунктир живой ссылки рассрочки на примерочной не нужен */
body.kolesa-prep-92 a.pay-hint__link,
body.kolesa-prep-93 a.pay-hint__link {
  border-bottom: 0;
}
