/* Start:/local/templates/.default/components/aspro/tabs.lite/gst/style.css?179250597940851*/
/* ==========================================================================
   Товарные блоки главной Gadget Star (aspro:tabs.lite, шаблон gst)
   Карточки — штатная разметка Aspro (catalog.section, шаблон catalog_block): выбор ТП наведением, статусы,
   цены, избранное/сравнение, корзина работают штатным JS Aspro. Здесь — только скин по карточке исходника
   (.gst-product в assets/css/components.css исходника): фото с полосками галереи, бейджи, процент скидки,
   цена со старой ценой-«таблеткой», строка «Халва» (script.js), название без обрезки, статус, тихая кнопка.
   Стили Aspro для карточек подключаются позже этого файла (catalog-block.css, catalog.css, colored.css),
   поэтому селекторы начинаются с .gst-products и по специфичности выше штатных; !important не используется.
   Шапка блока и вкладки — общие классы .gst-section-head / .gst-tabs (components.css), здесь не дублируются.
   ========================================================================== */

/* Вкладки: видна только активная панель (переключает штатный index-tabs.js Aspro) */
.gst-products .tab-content-block {
  display: none;
}

.gst-products .tab-content-block.active {
  display: block;
}

/* --------------------------------------------------------------------------
   Сетка: колонки из параметра «в строке» (ELEMENT_IN_ROW → --gst-cols), брейкпоинты исходника
   (5 → 4 на ≤1279 → 3 на ≤1023 → 2 на ≤680), на телефоне — горизонтальная лента (штатный mobile-scrolled Aspro).
   На узких экранах показываются только целые ряды (COUNT_ROWS → data-gst-limit-*).
   -------------------------------------------------------------------------- */
.gst-products .catalog-items,
.gst-products .catalog-block {
  margin: 0;
  padding: 0;
}

@media (min-width: 601px) {
  .gst-products .catalog-block .grid-list {
    --gap: 16px;
    display: grid;
    grid-template-columns: repeat(var(--gst-cols, 5), minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 601px) and (max-width: 1279px) {
  .gst-products .catalog-block .grid-list {
    grid-template-columns: repeat(var(--gst-cols-md, 4), minmax(0, 1fr));
  }
}

@media (min-width: 601px) and (max-width: 1023px) {
  .gst-products .catalog-block .grid-list {
    grid-template-columns: repeat(var(--gst-cols-sm, 3), minmax(0, 1fr));
  }
}

@media (min-width: 601px) and (max-width: 680px) {
  .gst-products .catalog-block .grid-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

/* Только целые ряды: лишние карточки последнего неполного ряда скрыты */
@media (min-width: 1024px) and (max-width: 1279px) {
  .gst-products[data-gst-limit-md="3"] .grid-list > .catalog-block__wrapper:nth-child(n + 4),
  .gst-products[data-gst-limit-md="4"] .grid-list > .catalog-block__wrapper:nth-child(n + 5),
  .gst-products[data-gst-limit-md="6"] .grid-list > .catalog-block__wrapper:nth-child(n + 7),
  .gst-products[data-gst-limit-md="8"] .grid-list > .catalog-block__wrapper:nth-child(n + 9),
  .gst-products[data-gst-limit-md="9"] .grid-list > .catalog-block__wrapper:nth-child(n + 10),
  .gst-products[data-gst-limit-md="12"] .grid-list > .catalog-block__wrapper:nth-child(n + 13),
  .gst-products[data-gst-limit-md="16"] .grid-list > .catalog-block__wrapper:nth-child(n + 17) {
    display: none;
  }
}

@media (min-width: 681px) and (max-width: 1023px) {
  .gst-products[data-gst-limit-sm="2"] .grid-list > .catalog-block__wrapper:nth-child(n + 3),
  .gst-products[data-gst-limit-sm="3"] .grid-list > .catalog-block__wrapper:nth-child(n + 4),
  .gst-products[data-gst-limit-sm="4"] .grid-list > .catalog-block__wrapper:nth-child(n + 5),
  .gst-products[data-gst-limit-sm="6"] .grid-list > .catalog-block__wrapper:nth-child(n + 7),
  .gst-products[data-gst-limit-sm="8"] .grid-list > .catalog-block__wrapper:nth-child(n + 9),
  .gst-products[data-gst-limit-sm="9"] .grid-list > .catalog-block__wrapper:nth-child(n + 10),
  .gst-products[data-gst-limit-sm="12"] .grid-list > .catalog-block__wrapper:nth-child(n + 13) {
    display: none;
  }
}

@media (min-width: 601px) and (max-width: 680px) {
  .gst-products[data-gst-limit-xs="2"] .grid-list > .catalog-block__wrapper:nth-child(n + 3),
  .gst-products[data-gst-limit-xs="4"] .grid-list > .catalog-block__wrapper:nth-child(n + 5),
  .gst-products[data-gst-limit-xs="6"] .grid-list > .catalog-block__wrapper:nth-child(n + 7),
  .gst-products[data-gst-limit-xs="8"] .grid-list > .catalog-block__wrapper:nth-child(n + 9) {
    display: none;
  }
}

/* Телефон: лента карточек шириной как в сетке 2 в ряд исходника, с прокруткой и привязкой к краю */
@media (max-width: 600px) {
  #main .gst-products .catalog-block .mobile-scrolled {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-left: calc(-1 * var(--gst-gutter));
    margin-right: calc(-1 * var(--gst-gutter));
    padding-left: var(--gst-gutter);
    padding-right: var(--gst-gutter);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--gst-gutter);
    scrollbar-width: none;
  }

  #main .gst-products .catalog-block .mobile-scrolled::-webkit-scrollbar {
    display: none;
  }

  #main .gst-products .catalog-block .mobile-scrolled > .catalog-block__wrapper {
    flex: 0 0 auto;
    width: calc((100% - 10px) / 2);
    box-sizing: border-box;
    scroll-snap-align: start;
  }
}

/* --------------------------------------------------------------------------
   Карточка
   -------------------------------------------------------------------------- */
.gst-products .catalog-block__wrapper {
  position: relative;
}

.gst-products .catalog-block .catalog-block__item {
  --catalog-block-padding: 0px;
  container: gst-card / inline-size;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
  color: var(--gst-text);
  background: linear-gradient(180deg, var(--gst-surface-2) 0%, var(--gst-surface) 60%);
  border: 1px solid var(--gst-line);
  border-radius: var(--gst-radius);
  box-shadow: var(--gst-inset-light);
  overflow: hidden;
  transition: transform var(--gst-dur) var(--gst-ease), border-color var(--gst-dur) var(--gst-ease),
    box-shadow var(--gst-dur) var(--gst-ease);
}

.gst-products .catalog-block .catalog-block__wrapper:hover .catalog-block__item,
.gst-products .catalog-block .catalog-block__item:focus-within {
  background-color: var(--gst-surface);
  border-color: var(--gst-gold-line);
  box-shadow: var(--gst-inset-light), var(--gst-gold-glow);
  transform: translateY(-4px);
}

/* Наведение на товар с ТП (штатный JS Aspro: data-hovered, карточка absolute поверх соседей): рамка, тень, выбор ТП снизу */
.gst-products .catalog-block .catalog-block__wrapper[data-hovered="true"] .catalog-block__item {
  z-index: 6;
  border-color: var(--gst-gold-line);
  box-shadow: var(--gst-inset-light), 0 28px 60px rgba(0, 0, 0, 0.55), var(--gst-gold-glow);
}

.gst-products .catalog-block__inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}

/* --------------------------------------------------------------------------
   Фото: квадрат, отступ 10%, золотое свечение под товаром, тень от товара, блик по диагонали при наведении
   -------------------------------------------------------------------------- */
.gst-products .catalog-block__item .image-list {
  position: relative;
  width: 100%;
}

.gst-products .catalog-block__item .image-list-wrapper {
  position: relative;
  isolation: isolate;
  padding-top: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent;
}

.gst-products .catalog-block__item .image-list-wrapper::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6%;
  z-index: 0;
  width: 66%;
  height: 22%;
  background: radial-gradient(ellipse at center, rgba(183, 152, 107, 0.26), transparent 72%);
  filter: blur(18px);
  transform: translateX(-50%);
  transition: opacity 0.4s;
  pointer-events: none;
}

.gst-products .catalog-block__item .image-list-wrapper::after {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 2;
  background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, 0.16) 50%, transparent 58%);
  transform: translateX(-80%);
  transition: transform 0.9s var(--gst-ease);
  pointer-events: none;
}

.gst-products .catalog-block__wrapper:hover .catalog-block__item .image-list-wrapper::after {
  transform: translateX(80%);
}

.gst-products .catalog-block__item .image-list__link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: auto;
}

.gst-products .catalog-block__item .section-gallery-wrapper {
  z-index: 1;
}

/* Товар вписан в квадрат 80% (padding 10% исходника) */
.gst-products .catalog-block__item .image-list-wrapper .image-list__link img {
  position: absolute;
  top: 10%;
  left: 10%;
  right: auto;
  bottom: auto;
  width: 80%;
  height: 80%;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: contain;
  border-radius: 0;
  filter: drop-shadow(0 22px 20px rgba(0, 0, 0, 0.55));
  transition: opacity 0.22s var(--gst-ease), transform var(--gst-dur-slow) var(--gst-ease);
}

.gst-products .catalog-block__wrapper:hover .catalog-block__item .image-list-wrapper .image-list__link img {
  transform: translateY(-6px) scale(1.03);
}

/* Товар без фото: заглушка Aspro рассчитана на светлый фон (тёмная иконка с прозрачностью 7%) — на тёмной
   карточке её не видно, инверсия делает её светлой */
.gst-products .catalog-block__item .image-list-wrapper .image-list__link img[data-src$="noimage_product.svg"],
.gst-products .catalog-block__item .image-list-wrapper .image-list__link img[src$="noimage_product.svg"] {
  filter: invert(1);
}

/* Полоски-индикатор фото галереи (как на старом сайте) */
.gst-products .catalog-block__item .section-gallery-nav {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 8px;
  z-index: 3;
  display: flex;
  line-height: 0;
  transform: translateX(-50%);
}

.gst-products .catalog-block__item .section-gallery-nav__wrapper {
  display: flex;
  gap: 4px;
}

.gst-products .catalog-block__item .section-gallery-nav__item {
  display: block;
  width: 16px;
  height: 2px;
  margin: 0;
  background: rgba(243, 241, 236, 0.28);
  border-radius: 1px;
  transition: background 0.2s;
}

.gst-products .catalog-block__item .section-gallery-nav__item.active {
  background: var(--gst-gold-1);
}

/* Бейджи (штатные стикеры Aspro: свойство HIT и текст акции) в стиле .gst-badge */
.gst-products .catalog-block__item .image-list-wrapper .sticker {
  position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: calc(100% - 62px); /* справа — кнопки избранного и сравнения */
  padding: 0;
  pointer-events: none;
}

.gst-products .catalog-block__item .sticker > div {
  display: flex;
  max-width: 100%;
}

.gst-products .catalog-block__item .sticker > div:not(:has(*)) {
  display: none;
}

.gst-products .catalog-block__item .sticker .sticker__item {
  --sticker-height: auto;
  display: inline-flex;
  align-items: center;
  height: auto;
  max-width: 100%;
  margin: 0;
  padding: 4px 9px;
  font-family: var(--gst-font-body);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--gst-champagne-1);
  background: rgba(11, 12, 15, 0.8);
  border: 0;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--gst-line-strong);
}

.gst-products .catalog-block__item .sticker .sticker__item::before {
  display: none;
}

.gst-products .catalog-block__item .sticker .sticker__item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gst-products .catalog-block__item .sticker .sticker__item--hit,
.gst-products .catalog-block__item .sticker .sticker__item--khit {
  color: var(--gst-bg-0);
  background: var(--gst-gold-grad);
  box-shadow: none;
}

.gst-products .catalog-block__item .sticker .sticker__item--new,
.gst-products .catalog-block__item .sticker .sticker__item--novinka {
  color: var(--gst-gold-1);
  background: rgba(11, 12, 15, 0.85);
  box-shadow: inset 0 0 0 1px var(--gst-gold-line);
}

.gst-products .catalog-block__item .sticker .sticker__item--recommend,
.gst-products .catalog-block__item .sticker .sticker__item--sovetuem {
  color: var(--gst-bg-0);
  background: var(--gst-champagne-1);
  box-shadow: none;
}

.gst-products .catalog-block__item .sticker .sticker__item--sale,
.gst-products .catalog-block__item .sticker .sticker__item--aktsiya,
.gst-products .catalog-block__item .sticker .sticker__item--stock {
  color: #fff;
  background: var(--gst-sale);
  box-shadow: none;
}

/* Текстовая пометка товара (свойство SALE_TEXT: «Только eSIM», «С дисководом» и т.п.) — нейтральный бейдж
   (правило по умолчанию выше), красный остаётся только у скидки */

/* Узкая карточка (телефон): бейджи компактнее, чтобы два помещались в ряд до кнопок справа */
@container gst-card (max-width: 199px) {
  .gst-products .catalog-block__item .image-list-wrapper .sticker {
    gap: 4px;
  }

  .gst-products .catalog-block__item .sticker .sticker__item {
    padding: 3px 7px;
    font-size: 0.625rem;
    letter-spacing: 0.05em;
  }
}

/* Процент скидки на фото слева снизу */
.gst-products .catalog-block__item .image-list .price-economy {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 3;
  display: flex;
  margin: 0;
  pointer-events: none;
}

.gst-products .catalog-block__item .image-list .price-economy__val {
  --economy-height: auto;
  display: inline-flex;
  align-items: center;
  height: auto;
  padding: 3px 8px;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.6;
  color: var(--gst-bg-0);
  background: var(--gst-gold-1);
  border-radius: 6px;
}

/* Избранное / сравнение: круглые кнопки справа сверху (иконки исходника маской). В исходнике появляются
   при наведении на карточку, по решению заказчика видны всегда; наведение на саму кнопку — как в исходнике */
.gst-products .catalog-block__item .image-list-wrapper .side-icons {
  position: absolute;
  top: 8px;
  right: 8px;
  left: auto;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: auto;
  margin: 0;
}

.gst-products .catalog-block__item .side-icons .item-action {
  display: block;
  margin: 0;
  padding: 0;
}

.gst-products .catalog-block__item .side-icons .item-action__inner {
  --item-action-width: 34px;
  --item-action-height: 34px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  color: #fff;
  background: rgba(11, 12, 15, 0.72);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.25s, color 0.25s;
}

.gst-products .catalog-block__item .side-icons .item-action__inner:hover,
.gst-products .catalog-block__item .side-icons .item-action.active .item-action__inner {
  color: var(--gst-bg-0);
  background: var(--gst-gold-1);
}

.gst-products .catalog-block__item .side-icons .item-action__inner > .svg {
  display: none;
}

.gst-products .catalog-block__item .side-icons .item-action__inner::after {
  content: "";
  width: 17px;
  height: 17px;
  background: currentColor;
  -webkit-mask: var(--gst-card-icon) center / contain no-repeat;
  mask: var(--gst-card-icon) center / contain no-repeat;
}

.gst-products .catalog-block__item .side-icons .item-action--favorite {
  --gst-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.2C1.4 8 3.6 4.5 7.2 4.5c2 0 3.5 1 4.8 2.6 1.3-1.6 2.8-2.6 4.8-2.6 3.6 0 5.8 3.5 4.5 6.8-1.8 4.6-9.3 9.2-9.3 9.2z'/%3E%3C/svg%3E");
}

.gst-products .catalog-block__item .side-icons .item-action--favorite.active {
  --gst-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.2C1.4 8 3.6 4.5 7.2 4.5c2 0 3.5 1 4.8 2.6 1.3-1.6 2.8-2.6 4.8-2.6 3.6 0 5.8 3.5 4.5 6.8-1.8 4.6-9.3 9.2-9.3 9.2z'/%3E%3C/svg%3E");
}

.gst-products .catalog-block__item .side-icons .item-action--compare {
  --gst-card-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4v16M15 4v16M5 8l4-4 4 4M11 16l4 4 4-4'/%3E%3C/svg%3E");
}

/* Быстрый просмотр (опция темы Aspro): стеклянная «таблетка» внизу фото при наведении */
/* Aspro сдвигает кнопку на половину высоты вверх (translate -50%): низ ≈ 26 + 15 = 41px — выше процента скидки */
.gst-products .catalog-block__item .btn-fast-view {
  bottom: 26px;
  z-index: 4;
  border-radius: 999px;
  box-shadow: none;
}

.gst-products .catalog-block__item .btn-fast-view .btn.btn-default {
  min-height: 30px;
  height: auto;
  padding: 6px 14px;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  color: var(--gst-champagne-1);
  background: rgba(11, 12, 15, 0.78);
  border: 0;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--gst-gold-line);
  backdrop-filter: blur(8px);
}

.gst-products .catalog-block__item .btn-fast-view .btn.btn-default:hover {
  color: var(--gst-bg-0);
  background: var(--gst-gold-1);
}

/* --------------------------------------------------------------------------
   Тело карточки: цена → «Халва» → название → рейтинг/наличие → кнопка
   -------------------------------------------------------------------------- */
body .gst-products .catalog-block__item .catalog-block__info {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  margin: 0;
  padding: 14px 16px 0;
}

body .gst-products .catalog-block__item .catalog-block__info:last-child {
  padding-bottom: 16px;
}

.gst-products .catalog-block__item .catalog-block__info-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Цена и старая цена рядом (старая — красная «таблетка»), перенос на вторую строку при нехватке места */
.gst-products .catalog-block__item .catalog-block__info-inner .price {
  margin: 0;
  font-family: var(--gst-font-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--gst-text);
}

.gst-products .catalog-block__item .price > .line-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0;
}

.gst-products .catalog-block__item .price > .line-block > .line-block__item {
  display: flex;
  align-items: center;
  padding: 0;
}

.gst-products .catalog-block__item .price .price__new,
.gst-products .catalog-block__item .price .price__old {
  display: inline-flex;
  margin: 0;
}

.gst-products .catalog-block__item .price .price__new-val {
  font-family: var(--gst-font-display), "Unbounded Fallback";
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.6;
  white-space: nowrap;
  color: var(--gst-text);
}

.gst-products .catalog-block__item .price .price__old-val {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.6;
  color: #fff;
  white-space: nowrap;
  text-decoration: line-through;
  background: var(--gst-sale);
  border-radius: 6px;
}

.gst-products .catalog-block__item .price .price__economy,
.gst-products .catalog-block__item .price .price-economy {
  display: none;
}

/* Цена картой — второй строкой, без зачёркивания (gst.core PriceDisplay, 20.10.2026) */
.gst-products .catalog-block__item .gst-price-card {
  margin: 0;
  font-family: var(--gst-font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gst-muted);
  white-space: nowrap;
}

.gst-products .catalog-block__item .gst-price-card__val {
  color: var(--gst-text);
  font-variant-numeric: tabular-nums;
}

/* Нет цены: «Цена и срок — уточняйте у менеджера» обычным текстом вместо суммы */
.gst-products .catalog-block__item .price .price__new-val .gst-price-ask {
  display: block;
  font-family: var(--gst-font-body);
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.45;
  white-space: normal;
  color: var(--gst-text);
}

.gst-products .catalog-block__item .price .price__new-val:has(.gst-price-ask) {
  white-space: normal;
}

/* Рассрочка «Халва» (строку вставляет script.js по цене и настройкам модуля gst.core):
   слева две строки — «Рассрочка» и логотип шириной ровно с надпись, справа платёж «N ₽ × M мес.»
   на всю высоту этих двух строк (разделитель показывает общую высоту) */
.gst-products .catalog-block__item .gst-product__halva {
  display: flex;
  align-items: stretch;
  gap: 10px;
  margin: 0;
  font-family: var(--gst-font-body);
  line-height: 1.2;
  color: var(--gst-muted);
}

.gst-products .catalog-block__item .gst-product__halva[data-empty] {
  visibility: hidden;
}

.gst-products .catalog-block__item .gst-product__halva-brand {
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

.gst-products .catalog-block__item .gst-product__halva-caption {
  display: block;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: var(--gst-muted);
}

/* Ширина логотипа = ширина надписи: логотип не участвует в ширине колонки (width 0), но растягивается на неё */
.gst-products .catalog-block__item .gst-halva-logo {
  display: block;
  flex: none;
  width: 0;
  min-width: 100%;
  height: auto;
  aspect-ratio: 1000 / 192.23;
  color: #e8563f;
  opacity: 0.9;
}

.gst-products .catalog-block__item .gst-product__halva-sum {
  display: flex;
  align-items: center;
  min-width: 0;
  padding-left: 10px;
  font-size: 0.9375rem;
  line-height: 1.25;
  color: var(--gst-muted);
  border-left: 1px solid var(--gst-line-strong);
}

.gst-products .catalog-block__item .gst-product__halva-sum b {
  font-weight: 700;
  color: var(--gst-text);
}

.gst-products .catalog-block__item .gst-product__halva-line,
.gst-products .catalog-block__item .gst-product__halva-term {
  white-space: nowrap;
}

.gst-products .catalog-block__item .gst-product__halva-line {
  display: block;
}

/* Браузеры без контейнерных запросов: срок переносится на вторую строку, только если не помещается */
@supports not (container-type: inline-size) {
  .gst-products .catalog-block__item .gst-product__halva-line {
    white-space: normal;
  }
}

/* Узкая карточка (4 в ряд на 1024, 3 в ряд, телефон): платёж в две строки — сумма и срок — вровень
   с двумя строками «Рассрочка / халва» слева; так он одинаков во всех карточках ряда */
@container gst-card (max-width: 239px) {
  .gst-products .catalog-block__item .gst-product__halva-sum {
    font-size: 0.875rem;
    line-height: 1.15;
  }

  .gst-products .catalog-block__item .gst-product__halva-term {
    display: block;
    margin-top: 1px;
    font-size: 0.75rem;
  }
}

/* Название полностью, без обрезки (мин. высота — две строки, чтобы кнопки стояли ровно) */
.gst-products .catalog-block__item .catalog-block__info-title {
  display: block;
  min-height: calc(2 * 1.4em);
  height: auto;
  margin: 0;
  overflow: visible;
  font-family: var(--gst-font-body);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  -webkit-line-clamp: unset;
}

.gst-products .catalog-block__item .catalog-block__info-title a,
.gst-products .catalog-block__item .catalog-block__info-title a span {
  font: inherit;
  letter-spacing: inherit;
  color: var(--gst-text);
  text-decoration: none;
  transition: color 0.2s;
}

.gst-products .catalog-block__item .catalog-block__info-title a:hover,
.gst-products .catalog-block__item .catalog-block__info-title a:hover span {
  color: var(--gst-gold-1);
}

/* Рейтинг (опция темы Aspro) и наличие — одна тихая строка под названием */
.gst-products .catalog-block__item .catalog-block__info-tech {
  margin: 0;
}

.gst-products .catalog-block__item .catalog-block__info-tech > .line-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0;
}

.gst-products .catalog-block__item .catalog-block__info-tech > .line-block > .line-block__item {
  padding: 0;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--gst-muted);
}

.gst-products .catalog-block__item .rating .line-block {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}

.gst-products .catalog-block__item .rating .line-block__item {
  padding: 0;
}

.gst-products .catalog-block__item .rating__star-svg svg {
  display: block;
  width: 12px;
  height: 12px;
}

/* Звезда — <use> из спрайта Aspro: цвет задаётся fill у svg/use (наследуется в теневое дерево) */
.gst-products .catalog-block__item .rating__star-svg svg,
.gst-products .catalog-block__item .rating__star-svg use {
  fill: var(--gst-faint);
}

.gst-products .catalog-block__item .rating__star-svg--filled svg,
.gst-products .catalog-block__item .rating__star-svg--filled use {
  fill: var(--gst-gold-2);
}

.gst-products .catalog-block__item .rating__value {
  color: var(--gst-muted);
}

.gst-products .catalog-block__item .status-container {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  color: var(--gst-champagne-2);
}

.gst-products .catalog-block__item .status-container > .svg {
  display: none;
}

.gst-products .catalog-block__item .status-container::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  background: var(--gst-faint);
  border-radius: 50%;
}

.gst-products .catalog-block__item .status-container .js-replace-status {
  color: inherit;
}

.gst-products .catalog-block__item .status-container.instock::before {
  background: var(--gst-success);
  box-shadow: 0 0 0 3px rgba(61, 190, 122, 0.16);
}

.gst-products .catalog-block__item .status-container.nostock {
  color: var(--gst-muted);
}

.gst-products .catalog-block__item .status-container.nostock::before {
  background: var(--gst-danger);
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.14);
}

.gst-products .catalog-block__item .status-container.order::before,
.gst-products .catalog-block__item .status-container.pending::before {
  background: var(--gst-gold-2);
  box-shadow: 0 0 0 3px rgba(183, 152, 107, 0.18);
}

/* Нет в наличии: фото приглушено, как .gst-product--out исходника */
.gst-products .catalog-block__item:has(.catalog-block__info-tech .status-container.nostock) .image-list__link {
  opacity: 0.55;
}

/* --------------------------------------------------------------------------
   Кнопки: «В корзину», «Подробнее», «Заказать», счётчик в корзине — .gst-btn--quiet --sm исходника
   -------------------------------------------------------------------------- */
.gst-products .catalog-block__item .catalog-block__info-bottom {
  position: relative;
  margin: 0;
  padding: 8px 16px 16px;
}

.gst-products .catalog-block__item .catalog-block__info-bottom > .line-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin: 0;
}

.gst-products .catalog-block__item .catalog-block__info-bottom > .line-block > .line-block__item {
  flex: none;
  width: 100%;
  padding: 0;
}

.gst-products .catalog-block__item .catalog-block__info-bottom > .line-block > .line-block__item.hidden {
  display: none;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .buy_block,
.gst-products .catalog-block__item .catalog-block__info-bottom .buttons {
  display: block;
  width: 100%;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .buttons > .line-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin: 0;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .buttons .line-block__item {
  padding: 0;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .item-action--basket {
  display: block;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn {
  --au-w: 1px;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: none;
  min-height: 42px;
  height: auto;
  margin: 0;
  padding: 0 14px;
  overflow: visible;
  font-family: var(--gst-font-body);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  color: var(--gst-champagne-2);
  background: rgba(11, 12, 15, 0.42);
  background-clip: padding-box;
  border: var(--au-w) solid transparent;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(241, 230, 206, 0.06), 0 4px 14px rgba(203, 162, 105, 0.08);
  transform: none;
  cursor: pointer;
  transition: transform var(--gst-dur-quick) var(--gst-ease), background var(--gst-dur) var(--gst-ease),
    box-shadow var(--gst-dur) var(--gst-ease), color var(--gst-dur) var(--gst-ease);
}

/* Золотое кольцо-рамка как у .gst-btn (градиент, маска до полосы шириной --au-w) */
.gst-products .catalog-block__item .catalog-block__info-bottom .btn::before {
  content: "";
  position: absolute;
  inset: calc(var(--au-w) * -1);
  z-index: -1;
  display: block;
  padding: var(--au-w);
  border-radius: inherit;
  background: var(--gst-au-conic), var(--gst-au-gradient);
  background-size: 100% 100%, 220% 100%;
  background-position: 0 0, 0% 0;
  background-repeat: no-repeat;
  opacity: 0.82;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
  transition: background-position 1.1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn::after {
  display: none;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn:hover {
  color: var(--gst-au-5);
  background: rgba(30, 32, 40, 0.88);
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(241, 230, 206, 0.14), 0 8px 22px rgba(203, 162, 105, 0.16);
  transform: translateY(-1px);
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn:hover::before {
  background-position: 0 0, 100% 0;
  opacity: 1;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn:active {
  transform: translateY(0) scale(0.99);
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn:focus-visible {
  outline: 2px solid var(--gst-au-5);
  outline-offset: 3px;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn .showcase {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gst-products .catalog-block__item .ripple {
  display: none;
}

/* Товар в корзине: штатный счётчик Aspro (минус / количество / плюс) внутри той же кнопки */
.gst-products .catalog-block__item .catalog-block__info-bottom .btn.in_cart {
  padding: 0;
  cursor: default;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn.in_cart:hover {
  transform: none;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .btn .counter {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  height: 40px;
  overflow: visible;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .counter__action {
  position: relative;
  flex: 0 0 40px;
  border: 0;
  cursor: pointer;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .counter__action::before,
.gst-products .catalog-block__item .catalog-block__info-bottom .counter__action::after {
  background-color: var(--gst-champagne-2);
  transition: background-color 0.2s;
}

.gst-products .catalog-block__item .catalog-block__info-bottom .counter__action:hover::before,
.gst-products .catalog-block__item .catalog-block__info-bottom .counter__action:hover::after {
  background-color: var(--gst-gold-1);
}

.gst-products .catalog-block__item .catalog-block__info-bottom .counter__count {
  width: 100%;
  height: 100%;
  padding: 0;
  font-family: var(--gst-font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: center;
  color: var(--gst-text);
  background: transparent;
  border: 0;
  outline: 0;
  box-shadow: none;
}

/* --------------------------------------------------------------------------
   Выбор ТП (цвет, память…): штатный блок Aspro под кнопкой — при наведении на широких экранах,
   постоянно на планшете (≤768, штатно Aspro); чипы и кружки цвета в стиле дизайна
   -------------------------------------------------------------------------- */
.gst-products .catalog-block__item .catalog-block__offers .sku-props {
  padding-top: 12px;
}

.gst-products .catalog-block__item .sku-props > .line-block {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin: 0;
}

.gst-products .catalog-block__item .sku-props > .line-block > .line-block__item {
  width: 100%;
  padding: 0;
}

.gst-products .catalog-block__item .sku-props__item {
  margin: 0;
}

.gst-products .catalog-block__item .sku-props__title {
  margin: 0 0 6px;
  padding: 0;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--gst-muted);
}

.gst-products .catalog-block__item .sku-props__title .sku-props__js-size {
  font-weight: 600;
  color: var(--gst-text);
}

.gst-products .catalog-block__item .sku-props__values.line-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.gst-products .catalog-block__item .sku-props__values > .line-block__item {
  padding: 0;
}

.gst-products .catalog-block__item .sku-props .sku-props__value {
  --sku-height: 28px;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 11px;
  font-family: var(--gst-font-body);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--gst-champagne-2);
  background: rgba(11, 12, 15, 0.42);
  border: 0;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--gst-line-strong);
  transition: color 0.2s, box-shadow 0.2s, background 0.2s;
}

.gst-products .catalog-block__item .sku-props .sku-props__value:hover {
  color: var(--gst-text);
  box-shadow: inset 0 0 0 1px var(--gst-gold-line-strong);
}

.gst-products .catalog-block__item .sku-props .sku-props__value--active,
.gst-products .catalog-block__item .sku-props .sku-props__value--active:hover {
  color: var(--gst-gold-1);
  background: var(--gst-gold-soft);
  box-shadow: inset 0 0 0 1px var(--gst-gold-2);
}

.gst-products .catalog-block__item .sku-props .sku-props__value--active::before {
  display: none;
}

.gst-products .catalog-block__item .sku-props .sku-props__value--missing {
  color: var(--gst-faint);
  overflow: hidden;
}

.gst-products .catalog-block__item .sku-props .sku-props__value--missing::after {
  background: var(--gst-faint);
}

/* Цвет: кружок с картинкой значения, тонкое кольцо; выбранный — золотое кольцо */
.gst-products .catalog-block__item .sku-props .sku-props__value--pict {
  --sku-width: 26px;
  --sku-height: 26px;
  width: 26px;
  height: 26px;
  min-height: 26px;
  padding: 0;
  font-size: 0;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: padding-box;
  border: 3px solid transparent;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--gst-line-strong);
}

.gst-products .catalog-block__item .sku-props .sku-props__value--pict:hover {
  box-shadow: 0 0 0 1px var(--gst-gold-line-strong);
}

.gst-products .catalog-block__item .sku-props .sku-props__value--pict.sku-props__value--active,
.gst-products .catalog-block__item .sku-props .sku-props__value--pict.sku-props__value--active:hover {
  background-color: transparent;
  box-shadow: 0 0 0 1.5px var(--gst-gold-2);
}

.gst-products .catalog-block__item .sku-props .sku-props__value--pict.sku-props__value--missing {
  opacity: 0.45;
}

/* --------------------------------------------------------------------------
   Адаптив
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  /* Планшет (штатно Aspro): выбор ТП всегда виден и стоит над кнопкой */
  .gst-products .catalog-block__item .catalog-block__info-bottom {
    display: flex;
    flex-direction: column;
  }

  .gst-products .catalog-block__item .catalog-block__offers {
    order: -1;
  }

  .gst-products .catalog-block__item .catalog-block__offers .sku-props {
    padding: 0 0 10px;
  }
}

@media (max-width: 680px) {
  body .gst-products .catalog-block__item .catalog-block__info {
    padding: 12px 12px 0;
  }

  body .gst-products .catalog-block__item .catalog-block__info:last-child {
    padding-bottom: 14px;
  }

  .gst-products .catalog-block__item .catalog-block__info-bottom {
    padding: 8px 12px 14px;
  }

  /* Цена и старая цена в две строки всегда — иначе в ряду строки пляшут */
  .gst-products .catalog-block__item .price > .line-block {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .gst-products .catalog-block__item .price .price__new-val {
    font-size: 1.0625rem;
  }

  .gst-products .catalog-block__item .gst-product__halva {
    gap: 8px;
  }

  .gst-products .catalog-block__item .gst-product__halva-caption {
    font-size: 0.625rem;
  }

  .gst-products .catalog-block__item .gst-product__halva-sum {
    padding-left: 8px;
  }
}

/* End */


/* Start:/local/templates/.default/gst/css/catalog-list.css?179114801216783*/
/*
 * Список товаров «каждое ТП — карточка» (views/catalog/list_gst.php). Карточки — скин товарных блоков главной
 * (components/aspro/tabs.lite/gst/style.css, область .gst-products); здесь только отличия страницы списка.
 */

/* У карточки ТП нет выбора свойств: блок свойств и раскрытие карточки при наведении не нужны */
.gst-catalog-list .catalog-block__offers {
  display: none !important;
}

/* Переключатель вида (плитка / список / прайс): все виды показывают одни и те же карточки */
.gst-catalog-page .filter-panel .toggle-panel {
  display: none !important;
}

/* ==========================================================================
   Дизайн-проход страницы списка (ПК aspro-lite и телефон aspro-lite-mobile).
   Карточки — .gst-catalog-list, остальное — body.gst-catalog-page. Только CSS, поведение Aspro не меняется.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Сетка карточек: на ПК контент ≈1010px (сайдбар слева) — 4 колонки, 3 на ≤1279 и ≤1023,
      2 на планшете/телефоне; зазоры одинаковые, высота карточек в ряду выровнена
   -------------------------------------------------------------------------- */
.gst-catalog-list .catalog-block .grid-list {
  align-items: stretch;
}

.gst-catalog-list .catalog-block__wrapper {
  margin: 0;
  min-width: 0;
}

@media (max-width: 767px) {
  .gst-catalog-list .catalog-block .grid-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .gst-catalog-list .catalog-block .grid-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}

/* Узкая карточка (телефон): компактнее поля и цена, чтобы цена/старая цена/«Халва» не ломались */
@media (max-width: 600px) {
  .gst-catalog-list .catalog-block__item .catalog-block__info {
    padding: 12px 12px 0;
  }

  .gst-catalog-list .catalog-block__item .catalog-block__info-bottom {
    padding: 8px 12px 12px;
  }

  .gst-catalog-list .catalog-block__item .price .price__new-val {
    font-size: 1rem;
  }
}

/* Цена и старая цена — одной строкой, если помещаются; иначе старая переносится под новую */
.gst-catalog-list .catalog-block__item .price > .line-block {
  flex-wrap: wrap;
  gap: 4px 8px;
}

/* Название: максимум три строки, чтобы карточки с длинными названиями не раздували ряд */
.gst-catalog-list .catalog-block__item .catalog-block__info-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  min-height: calc(3 * 1.4em);
}

/* Кнопка «В корзину» всегда прижата к низу карточки */
.gst-catalog-list .catalog-block__item .catalog-block__info-inner {
  flex: 1 1 auto;
}

/* Карточка: золотая рамка при наведении/фокусе (как на главной) */
.gst-catalog-list .catalog-block .catalog-block__item:hover,
.gst-catalog-list .catalog-block .catalog-block__item:focus-within {
  border-color: var(--gst-gold-line);
}

/* --------------------------------------------------------------------------
   2. Плитки подразделов
   -------------------------------------------------------------------------- */
body.gst-catalog-page .sections-list > .line-block {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 10px;
}

body.gst-catalog-page .sections-list__wrapper {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0;
}

body.gst-catalog-page .sections-list__item {
  height: 100%;
  min-height: 60px;
  background: linear-gradient(180deg, var(--gst-surface-2) 0%, var(--gst-surface) 100%);
  border: 1px solid var(--gst-line);
  border-radius: var(--gst-radius-sm);
  box-shadow: var(--gst-inset-light);
  transition: border-color var(--gst-dur-quick) var(--gst-ease), background var(--gst-dur-quick) var(--gst-ease);
}

body.gst-catalog-page .sections-list__item:hover,
body.gst-catalog-page .sections-list__item:focus-within {
  border-color: var(--gst-gold-line-strong);
  background: linear-gradient(180deg, #272b35 0%, var(--gst-surface-2) 100%);
  box-shadow: var(--gst-inset-light), 0 8px 22px rgba(0, 0, 0, 0.3);
}

body.gst-catalog-page .sections-list__item-link {
  display: flex;
  border-radius: inherit;
}

body.gst-catalog-page .sections-list__item-link:focus-visible {
  outline: 2px solid var(--gst-gold-1);
  outline-offset: 2px;
}

body.gst-catalog-page .sections-list__item-inner {
  gap: 12px;
  padding: 10px 14px;
}

body.gst-catalog-page .sections-list__item-image-wrapper {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
}

body.gst-catalog-page .sections-list__item-image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

body.gst-catalog-page .sections-list__item-text {
  min-width: 0;
  font-family: var(--gst-font-body);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--gst-text);
  transition: color var(--gst-dur-quick) var(--gst-ease);
}

body.gst-catalog-page .sections-list__item:hover .sections-list__item-text {
  color: var(--gst-gold-1);
}

/* Телефон: плитки — двухрядная лента с горизонтальной прокруткой внутри блока (страница не уезжает вбок) */
@media (max-width: 767px) {
  body.gst-catalog-page .sections-list {
    margin-left: -16px;
    margin-right: -16px;
  }

  body.gst-catalog-page .sections-list > .line-block {
    display: grid;
    grid-template-columns: none;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 8px;
    padding: 0 16px 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-inline: 16px;
    scrollbar-width: none;
  }

  body.gst-catalog-page .sections-list > .line-block::-webkit-scrollbar {
    display: none;
  }

  body.gst-catalog-page .sections-list__wrapper {
    width: max-content;
    scroll-snap-align: start;
  }

  body.gst-catalog-page .sections-list__item {
    min-height: 52px;
  }

  body.gst-catalog-page .sections-list__item-inner {
    gap: 10px;
    padding: 6px 14px 6px 10px;
  }

  body.gst-catalog-page .sections-list__item-image-wrapper {
    width: 34px;
    height: 34px;
  }

  body.gst-catalog-page .sections-list__item-text {
    white-space: nowrap;
    font-size: 0.875rem;
  }
}

/* --------------------------------------------------------------------------
   3. Заголовок со счётчиком, левое меню разделов, панель фильтра и сортировки
   -------------------------------------------------------------------------- */
body.gst-catalog-page .topic__heading {
  align-items: baseline;
  gap: 4px 14px;
}

body.gst-catalog-page .topic__heading .element-count {
  display: inline-block;
  padding: 3px 12px;
  font-family: var(--gst-font-body);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--gst-muted);
  background: var(--gst-gold-soft);
  border: 1px solid var(--gst-gold-line);
  border-radius: 999px;
}

/* Левое меню */
body.gst-catalog-page .sidebar .slide-block__head {
  font-family: var(--gst-font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--gst-gold-1);
}

body.gst-catalog-page .sidebar .side-menu a {
  font-family: var(--gst-font-body);
  color: var(--gst-muted);
  border-radius: var(--gst-radius-xs);
  transition: color var(--gst-dur-quick) var(--gst-ease), background var(--gst-dur-quick) var(--gst-ease);
}

body.gst-catalog-page .sidebar .side-menu a:hover {
  color: var(--gst-text);
  background: rgba(245, 244, 241, 0.05);
}

body.gst-catalog-page .sidebar .side-menu a:focus-visible {
  outline: 2px solid var(--gst-gold-1);
  outline-offset: 1px;
}

body.gst-catalog-page .sidebar .side-menu .top-level-link {
  font-weight: 600;
  color: var(--gst-text);
}

body.gst-catalog-page .sidebar .side-menu a.link--active,
body.gst-catalog-page .sidebar .side-menu a.link--active:hover {
  font-weight: 600;
  color: var(--gst-gold-1);
  background: var(--gst-gold-soft);
  box-shadow: inset 0 0 0 1px var(--gst-gold-line);
}

/* Фильтр: чипы (сортировка и параметры) */
body.gst-catalog-page .filter-panel .dropdown-select__title {
  font-family: var(--gst-font-body);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--gst-text);
  background: var(--gst-surface);
  border: 1px solid var(--gst-line-strong);
  border-radius: 999px;
  box-shadow: var(--gst-inset-light);
  transition: border-color var(--gst-dur-quick) var(--gst-ease), background var(--gst-dur-quick) var(--gst-ease);
}

body.gst-catalog-page .filter-panel .dropdown-select__title:hover,
body.gst-catalog-page .filter-panel .dropdown-select:focus-within .dropdown-select__title,
body.gst-catalog-page .filter-panel .dropdown-select.opened .dropdown-select__title {
  border-color: var(--gst-gold-line-strong);
  background: var(--gst-surface-2);
  box-shadow: var(--gst-inset-light);
}

/* Выбранный параметр фильтра */
body.gst-catalog-page .filter-panel .bx_filter_parameters_box.active > .dropdown-select__title {
  border-color: var(--gst-gold-line-strong);
  background: var(--gst-gold-soft);
  color: var(--gst-gold-1);
}

/* Выпадающие списки */
body.gst-catalog-page .filter-panel .dropdown-menu-inner {
  color: var(--gst-text);
  background: var(--gst-surface-2);
  border: 1px solid var(--gst-line-strong);
  border-radius: var(--gst-radius-sm);
  box-shadow: var(--gst-shadow-md);
}

body.gst-catalog-page .filter-panel .dropdown-menu-item {
  color: var(--gst-muted);
}

body.gst-catalog-page .filter-panel a.dropdown-menu-item:hover {
  color: var(--gst-gold-1);
}

body.gst-catalog-page .filter-panel .dropdown-menu-item--current {
  color: var(--gst-gold-1);
  font-weight: 600;
}

/* Телефон: «Фильтр» и сортировка в одну строку без прилипания к краям */
@media (max-width: 767px) {
  body.gst-catalog-page .filter-panel {
    margin-bottom: 16px;
  }

  body.gst-catalog-page .filter-panel .bx-filter-title .dotted {
    color: var(--gst-gold-1);
    border-bottom-color: var(--gst-gold-line-strong);
  }
}

/* --------------------------------------------------------------------------
   4. «Загрузить еще» и пагинация
   -------------------------------------------------------------------------- */
body.gst-catalog-page .bottom_nav .ajax_load_btn {
  width: 100%;
  max-width: 360px;
  margin: 28px auto 20px;
}

@media (max-width: 767px) {
  body.gst-catalog-page .bottom_nav .ajax_load_btn {
    max-width: none;
  }
}

/* Планшет: плитки подразделов в три колонки, а не в две длинные */
@media (min-width: 768px) and (max-width: 1023px) {
  body.gst-catalog-page .sections-list > .line-block {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.gst-catalog-page .sections-list__item-inner {
    padding: 8px 10px;
    gap: 8px;
  }
}

body.gst-catalog-page .bottom_nav .ajax_load_btn .btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  padding: 0 24px;
  font-family: var(--gst-font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #17130c;
  background: var(--gst-gold-grad);
  border: 0;
  border-radius: var(--gst-radius-sm);
  box-shadow: 0 8px 24px rgba(183, 152, 107, 0.18);
  cursor: pointer;
  transition: transform var(--gst-dur-quick) var(--gst-ease), box-shadow var(--gst-dur) var(--gst-ease),
    filter var(--gst-dur) var(--gst-ease);
}

body.gst-catalog-page .bottom_nav .ajax_load_btn .btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: var(--gst-gold-glow);
}

body.gst-catalog-page .bottom_nav .ajax_load_btn .btn:focus-visible {
  outline: 2px solid var(--gst-gold-1);
  outline-offset: 3px;
}

body.gst-catalog-page .module-pagination__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

body.gst-catalog-page .module-pagination .arrows-pagination {
  position: static;
  order: 99;
  display: flex;
  gap: 8px;
}

body.gst-catalog-page .module-pagination .arrows-pagination__item {
  position: static;
  transform: none;
}

body.gst-catalog-page .module-pagination__item,
body.gst-catalog-page .module-pagination .arrows-pagination__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  margin: 0;
  font-family: var(--gst-font-body);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--gst-text);
  background: var(--gst-surface);
  border: 1px solid var(--gst-line-strong);
  border-radius: var(--gst-radius-xs);
  transition: border-color var(--gst-dur-quick) var(--gst-ease), background var(--gst-dur-quick) var(--gst-ease),
    color var(--gst-dur-quick) var(--gst-ease);
}

body.gst-catalog-page .module-pagination a.module-pagination__item:hover,
body.gst-catalog-page .module-pagination .arrows-pagination__item:hover {
  color: var(--gst-gold-1);
  border-color: var(--gst-gold-line-strong);
  background: var(--gst-surface-2);
}

body.gst-catalog-page .module-pagination a:focus-visible {
  outline: 2px solid var(--gst-gold-1);
  outline-offset: 2px;
}

body.gst-catalog-page .module-pagination .module-pagination__item.cur {
  color: #17130c;
  font-weight: 700;
  background: var(--gst-gold-grad);
  border-color: transparent;
}

body.gst-catalog-page .module-pagination .point_sep {
  min-width: 24px;
  padding: 0;
  color: var(--gst-faint);
  background: none;
  border: 0;
}

/* Вертикальный фильтр в левой колонке (если включён тип «вертикальный»): заголовки групп и разделители */
body.gst-catalog-page .sidebar .bx_filter_parameters_box {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--gst-line);
}

body.gst-catalog-page .sidebar .bx_filter_parameters_box_title {
  font-family: var(--gst-font-body);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--gst-text);
}

body.gst-catalog-page .sidebar .bx_filter_parameters_box label,
body.gst-catalog-page .sidebar .bx_filter_parameters_box .bx_filter_input_checkbox {
  color: var(--gst-muted);
}

/* --------------------------------------------------------------------------
   Табы «В наличии» / «Нет в наличии» под карточками (views/catalog/list_gst.php, ?stock=out).
   Капсула — .gst-tabs главной; табы — ссылки (перезагрузка списка), поэтому активный подсвечен без JS-индикатора.
   -------------------------------------------------------------------------- */
.gst-stock-tabs {
  display: flex;
  justify-content: center;
  margin: 32px 0 8px;
}

.gst-stock-tabs .gst-tabs__tab {
  display: inline-flex;
  align-items: baseline;
  text-decoration: none;
}

.gst-stock-tabs .gst-tabs__tab.active {
  background: var(--gst-ember-glow), var(--gst-ember-base);
  box-shadow: var(--gst-ember-ring);
}

.gst-stock-tabs .gst-tabs__tab:focus-visible {
  outline: 2px solid var(--gst-au-3, currentColor);
  outline-offset: 2px;
}

.gst-stock-tabs .gst-tabs__count {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
  .gst-stock-tabs {
    margin-top: 24px;
  }

  .gst-stock-tabs .gst-tabs {
    display: flex;
    width: 100%;
  }

  .gst-stock-tabs .gst-tabs__tab {
    flex: 1 1 0;
    justify-content: center;
    padding: 11px 12px;
  }
}

/* End */


/* Start:/bitrix/templates/aspro-lite/components/bitrix/catalog.section/catalog_block/style.css?17904633951*/


/* End */


/* Start:/bitrix/templates/aspro-lite/css/catalog.min.css?17904633958672*/
.buy_block{display:block;}body .buy_block .item-action--basket:not(.active),body .buy_block .item-action--basket.loadings{+ .in_cart,~ .to_cart_link{display:none}}body .buy_block .item-action--basket.active:not(.loadings):not(.btn-no-counter){display:none;}.btn-actions--with-icons{max-width:243px;flex-basis:100%;}.btn-actions__inner{flex:1;max-width:100%;text-overflow:ellipsis;}.btn-actions--with-icons .buy_block{display:flex;flex:1;justify-content:flex-end;}.btn-actions--with-icons .buttons{flex:1;}.js-replace-btns .btn{white-space:normal;max-width:100%;text-overflow:ellipsis;text-align:center;}.counter{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:103px;min-width:103px;overflow:hidden;}.counter__action{flex:0 0 30px;position:relative;}.counter__action::before,.counter__action::after{content:"";position:absolute;display:block;background-color:#fff;border-radius:1px;top:50%;left:50%;}.counter__action::before{width:12px;height:2px;margin-top:-1px;margin-left:-6px;}.counter__action--minus{border-right:1px solid rgba(0,0,0,.1);}.counter__action--plus{border-left:1px solid rgba(0,0,0,.1);}.counter__action--plus::after{width:2px;height:12px;margin-top:-6px;margin-left:-1px;}.counter__count{--input_bg_color-focus:transparent;--input_border_color-focus:transparent;flex:1;width:100%;height:100%;border:none;background:transparent;text-align:center;color:#fff;}.btn .counter{height:calc(var(--button-height) - 3px);}.btn-wide .counter{width:auto;}.btn-lg .counter__action{flex-basis:44px;}.btn-elg .counter__action{flex-basis:48px;}.buttons + .info-buttons{margin-top:8px;}.info-buttons__item .btn{display:block;padding-left:14px;padding-right:14px;}.info-buttons__item + .info-buttons__item--question .btn-sm{width:44px;margin-left:8px;}.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide){width:50px;margin-left:12px;}.buttons-big-gap .buttons + .info-buttons{margin-top:12px;}.buttons-big-gap .info-buttons__item + .info-buttons__item--question .btn{margin-left:12px;width:56px;}.info-buttons__item--compare .btn.active{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color);}.info-buttons__item-text{margin-left:7px;}.block-with-icon{display:flex;flex-flow:row wrap;}.block-with-icon--mt-14{margin-top:14px;}.block-with-icon__icon{margin:3px 11px 0 0;}.block-with-icon__text{flex:1;}.counter--basket{width:105px;max-width:105px;background:var(--darkgrey_bg_black);margin:auto;}.counter--basket .counter__action{flex-basis:36px;height:36px;border:none;cursor:pointer;}@media (any-hover:hover){.counter--basket .counter__action:is(:hover,:focus-visible){outline-offset:-2px;&::before,&::after{background-color:var(--fill_dark_lite_white_hover)}}}.counter--basket .counter__action::before,.counter--basket .counter__action::after{background-color:#999;}.counter--basket .counter__action::before{width:12px;margin-left:-6px;}.counter--basket .counter__action.counter__action--plus::after{height:12px;margin-top:-6px;}.counter--basket .counter__count{color:#333;color:var(--white_text_black);font-size:.8em;}.section-wrapper-list>div{margin-bottom:32px;}@media (max-width:600px){.grid-list.grid-list--compact .js-popup-block,.owl-carousel .catalog-block__item{padding:12px 12px 8px}.grid-list .js-popup-block .countdown,.owl-carousel .catalog-block__item .countdown,.owl-carousel .sticker,.owl-carousel .sticker-wrap{display:none}.grid-list.grid-list--compact div[class*="info-title"],.owl-carousel .catalog-block__item div[class*="info-title"]{line-height:calc(1em + 7px)}}@media (max-width:600px){.hide-600{display:none!important}body .js-btn-state-wrapper .btn,body .js-replace-more.btn{--button-height:35px;--button-pl:8px;--button-pr:8px}}.sku-props--no-current{opacity:.6;transition:opacity .3s ease;}@media (any-hover:hover){.sku-props--no-current:hover{opacity:1}}.sku-props__item{margin-top:10px;}.sku-props--detail .sku-props__inner:first-of-type .sku-props__item{margin-top:0;}.sku-props--detail .sku-props__values{margin-left:-4px;margin-right:-4px;}.sku-props--detail .sku-props__values>.line-block__item{padding-left:4px;padding-right:4px;padding-top:7px;}.sku-props--detail .sku-props__value{--sku-height:39px;padding:10px 16px;}.sku-props--detail .sku-props__title{font-size:.9375rem;}.sku-props--list .sku-props__values>.line-block__item{padding-top:4px;}.sku-props__title{font-size:.75rem;line-height:calc(1em + 7px);}.sku-props__title .hint{display:inline-block;padding-left:1px;top:-1px;}.sku-props--list .sku-props__title{font-size:.8125rem;}.sku-props--pict .sku-props__title{padding-bottom:1px;}.sku-props__value{--prop-color:var(--light,#dadada) var(--dark,#ccc);--sku-width:auto;--sku-height:30px;width:var(--sku-width);min-height:var(--sku-height);padding:5px 10px;background-color:var(--card_bg_black);box-shadow:0 0 0 1px var(--stroke_black) inset;border:none;color:var(--white_text_black);display:flex;align-items:center;border-radius:calc(var(--border-radius) - 2px);user-select:none;transition:all ease .05s;position:relative;}@media (any-hover:hover){.sku-props__value:not(.sku-props__value--active):hover{box-shadow:0 5px 20px rgba(34,34,34,.08);cursor:pointer}}.sku-props__value--missing{color:var(--prop-color);overflow:hidden;&::after{background:var(--prop-color);content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform:rotateZ(-45deg) scaleX(1.6);width:100%;z-index:1}&::before{opacity:.5}}.sku-props__value:not(.sku-props__value--active):active{transform:translateY(1px);}.sku-props__value.sku-props__value--active::before{background-color:transparent;border-radius:inherit;box-shadow:0 0 0 2px var(--theme-base-color,#9e9e9e) inset;content:"";inset:0;position:absolute;z-index:2;}.sku-props__value--pict{--sku-width:28px;--sku-height:28px;padding:0;font-size:0;padding:0;height:var(--sku-height);border:3px solid var(--white_text_black_reverse);background-size:cover;background-repeat:no-repeat;background-position:center;box-shadow:0 0 0 1px var(--stroke_black,#9e9e9e);flex-shrink:0;&.sku-props__value--missing{opacity:.5;&::before{opacity:1}&::after{left:-3px;transform:rotateZ(-45deg) scaleX(1.33);width:calc(100% + 6px)}}}.sku-props--detail .sku-props__value--pict{--pict-prop-size:48px;height:var(--pict-prop-size);padding:0;width:var(--pict-prop-size);}.sku-props__value--pict.sku-props__value--active{box-shadow:none;}.sku-props__value--active.sku-props__value--pict::before{content:"";display:block;border-radius:var(--border-radius);position:absolute;inset:-4px;box-shadow:0 0 0 2px var(--theme-base-color,#9e9e9e) inset;z-index:2;}@media (max-width:600px){.sku-props--detail .sku-props__title{font-size:.8125rem}.sku-props--detail .sku-props__value--pict{--pict-prop-size:40px}}.status-amount--stores{opacity:0;transition:opacity .3s ease;}.status-amount--visible{opacity:1;}.status-amount--stores.dotted{cursor:pointer;}.catalog-detail__cell-block{padding:24px 20px;}.catalog-detail__cell-block.shadow{box-shadow:0 3px 20px rgba(34,34,34,.1);position:relative;}.grid-list.catalog-detail__forms{--gap:13px;}.catalog-detail__pseudo-link--with-gap{margin-top:8px;}.catalog-detail .catalog-detail__pseudo-link{display:inline-flex;line-height:calc(1em + 9px);}.pseudo-link__icon{margin-right:10px;}.catalog-detail .brand-detail-info__image{align-items:center;background-color:#fff;display:inline-flex;height:42px;justify-content:flex-start;max-width:90px;padding:5px;}.catalog-detail .brand-detail-info__image a{align-items:center;display:flex;height:100%;width:100%;}.sale_gift_product_container .btn-fast-view,.bx_sale_gift_main_products .btn-fast-view{display:none;}.catalog-detail .content--max-width{max-width:1200px;}@media (max-width:600px){.catalog-wide-button{min-width:100%}}.catalog-block__inner .quantity{position:absolute;right:0;top:0;min-width:30px;min-height:30px;line-height:30px;text-align:center;padding:0 3px;background-color:var(--theme-base-color);color:#fff;border-radius:100%;}.side-icons{position:absolute;top:4px;right:4px;z-index:4;width:20px;}.catalog-items .item-action__inner{position:relative;--item-action-width:20px;--item-action-height:20px;}.catalog-items .item-action__inner .svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;}.catalog-items .item-action.active .item-action__normal,.catalog-items .item-action:not(.active) .item-action__active{opacity:0;}@media (width < 601px){.catalog-item .countdown__icon,.catalog-item .countdown__item .text{display:none}.catalog-item .countdown--icons .countdown__items{margin-left:0}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/catalog-block.min.css?17904633954148*/
.catalog-block__item{--catalog-block-radius:var(--theme-outer-border-radius);--catalog-block-padding:16px;padding:var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);height:100%;border-radius:12px;border-radius:var(--catalog-block-radius);}.catalog-block__inner{position:relative;}.catalog-block__item .catalog-block__item--img-corner{width:auto;margin:calc(-1 * var(--catalog-block-padding)) calc(-1 * var(--catalog-block-padding)) 0;}.catalog-block__info-bottom .catalog-block__info-btn{min-width:0;}.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .image-list__link{border-radius:var(--catalog-block-radius);overflow:hidden;}.catalog-block__item .catalog-block__item--img-corner .sticker{left:calc(var(--catalog-block-padding) - 2px);top:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .side-icons{top:var(--catalog-block-padding);right:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .price-economy{left:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner img{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .countdown-list-image{bottom:27px;left:34px;}body .catalog-block__info{margin-top:12px;flex-basis:auto;}.catalog-block__info-inner .price{margin-bottom:4px;}.catalog-block__info-title{line-height:calc(1em + 7px);}.catalog-block__info-tech{margin:4px 0 0;}.catalog-block__info-bottom{margin-top:11px;position:relative;}.catalog-block__info-bottom--margined{margin:4px 0;}.bx-ie .catalog-block__info{flex-basis:auto;}@media (min-width:769px){.properties-absolute-outer:hover ~ .image-list-outer .sticker{left:100%;right:-100%}.properties-absolute-outer:hover ~ .image-list-outer .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .countdown{left:100%}.image-list-outer .sticker,.image-list-outer .image-list__link,.image-list-outer .countdown{transition:all ease .2s}.properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker{top:100%}.properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown{top:100%}.image-list-outer_overflow{overflow:hidden}.catalog-block__info-bottom .js-btn-state-wrapper{flex:none}.catalog-block__offers .sku-props{display:none}.catalog-block__wrapper{position:relative}.catalog-block__wrapper:hover{z-index:5}.catalog-block__wrapper[data-hovered="true"] .catalog-block__item{height:auto;position:absolute;top:0;left:0;right:0;z-index:4}.catalog-block__wrapper[data-hovered="true"] .catalog-block__offers .sku-props{display:block}}@media (max-width:768px){.catalog-block__wrapper,.catalog-block__info{height:auto!important}.catalog-block__info-bottom{display:flex;flex-direction:column}.catalog-block__offers{order:-1}.catalog-block__info-bottom .sku-props{margin-bottom:10px}.catalog-block__info-bottom .btn .counter{width:100%}}@media (min-width:601px){#main .catalog-block__info-price{text-align:left;flex:1}.catalog-block__info-price + .catalog-block__info-btn{text-align:right}.bx-ie .catalog-block__info-btn{top:50%;transform:translateY(-50%)}.catalog-block__info-bottom .line-block{justify-content:normal}.catalog-block__item--centered .catalog-block__info-bottom .line-block{justify-content:center}.catalog-block--bottom-btn .catalog-block__info-bottom--margined{flex-basis:100%}.catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type{margin-top:13px}.catalog-block--bottom-btn .btn{display:block}.catalog-block--bottom-btn .counter{width:auto}}.detail-block .catalog-block .owl-stage{display:flex;flex-direction:row;}.detail-block .catalog-block .owl-item{flex-shrink:0;}.properties-absolute-outer{padding-top:100%;position:absolute;top:0;left:0;right:0;overflow:hidden;z-index:4;}.properties-absolute-outer.properties-absolute-margin{padding-top:calc(100% + 28px);}@media (max-width:600px){.catalog-block__item{--catalog-block-padding:12px;padding-bottom:8px}.catalog-block__info-tech{margin-top:8px}}
/* End */


/* Start:/bitrix/templates/aspro-lite/css/rating.min.css?1790463395210*/
.rating{display:flex;margin:0 -2px;line-height:0}.rating__star{margin:0 2px}.rating__star-svg *{fill:#ccc}.rating__star-svg--filled *{fill:#ffb45b}.rating__count{margin-left:10px}.rating__count a{color:inherit}
/* End */
/* /local/templates/.default/components/aspro/tabs.lite/gst/style.css?179250597940851 */
/* /local/templates/.default/gst/css/catalog-list.css?179114801216783 */
/* /bitrix/templates/aspro-lite/components/bitrix/catalog.section/catalog_block/style.css?17904633951 */
/* /bitrix/templates/aspro-lite/css/catalog.min.css?17904633958672 */
/* /bitrix/templates/aspro-lite/css/catalog-block.min.css?17904633954148 */
/* /bitrix/templates/aspro-lite/css/rating.min.css?1790463395210 */