/* 0. Настройки товара: цвета, размеры заголовка и цены по ширине экрана. */
.ds-rest {
  --ds-pink: #ff008f;
  --ds-light: #fff5fc;
  --ds-title: 40px;
  --ds-price: 25px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .ds-rest {
    --ds-title: 26px;
    --ds-price: 20px;
  }
}

@media (max-width: 767px) {
  .ds-rest {
    --ds-title: 20px;
    --ds-price: 18px;
  }
}

/* 1. Штатные хлебные крошки Tilda. Пользовательские крошки — в разделе 19. */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet)
:is(.t-store__breadcrumbs, .t-catalog__breadcrumbs) {
  font: 600 12px/1.3 Inter, sans-serif !important;
  text-transform: uppercase;
}

/* 2. Заголовок товара */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) :is(.t-store__prod-popup__name, .t-catalog__prod-popup__name) {
  font-family: Inter, sans-serif !important;
  font-size: var(--ds-title) !important;
  font-weight: 600 !important;
}

/* 3. Скрываем только артикул */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) :is(.t-store__prod-popup__sku, .t-catalog__prod-popup__sku) {
  display: none !important;
}

/* 4. Стоимость */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) :is(.t-store__prod-popup__price, .t-catalog__prod-popup__price) {
  font-family: Inter, sans-serif !important;
  font-size: var(--ds-price) !important;
}

/* 5–6. Плашки форматов и выбора карточки */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-product__option-variants_radio {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-product__option-item_radio {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ds-light) !important;
  color: var(--ds-pink) !important;
  cursor: pointer;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-product__option-checkmark_radio {
  display: none !important;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-product__option-title_radio {
  font: 600 12px/1.5 Inter, sans-serif !important;
  text-transform: uppercase;
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet)
.t-product__option-item_radio.t-product__option-item_active {
  background: var(--ds-pink) !important;
  color: var(--ds-light) !important;
}

.ds-rest .t-product__option-item_radio:has(input:focus-visible),
.ds-rest .ds-card-tabs button:focus-visible {
  outline: 2px solid var(--ds-light);
  outline-offset: 3px;
}

/* Заголовки и отступы опций */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet)
.t-product__option > .t-product__option-title {
  font: 600 14px/1.4 Inter, sans-serif !important;
  text-transform: uppercase;
  margin-bottom: 10px !important;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-product__option {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/* 7. Поле «Текст карточки» */
.ds-rest .ds-card-text .t-product__option-variants {
  width: 100% !important;
  max-width: 100% !important;
}

.ds-rest .ds-card-text select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px;
  box-sizing: border-box;
  padding: 10px 32px 10px 12px !important;
  border: 1px solid var(--ds-light) !important;
  border-radius: 0 !important;
  background: #0a0a0a !important;
  color: var(--ds-light) !important;
  font: 400 14px/1.4 Inter, sans-serif !important;
}

.ds-rest .ds-card-text .t-product__option-variants::after {
  border-top-color: var(--ds-light) !important;
}

.ds-rest .ds-card-native {
  display: none !important;
}

.ds-rest .ds-card-tabs button:disabled {
  opacity: .35;
  cursor: default;
}

/* Убираем стрелки у опции, преобразованной в табы */
.ds-rest .js-product-option:has(.ds-card-tabs)
.t-product__option-variants::after,
.ds-rest .ds-card-tabs::before,
.ds-rest .ds-card-tabs::after {
  content: none !important;
  display: none !important;
}

/* 8. Стрелки галереи */
.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-slds__arrow {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ds-pink) !important;
  transition: background-color .2s ease;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-slds__arrow_body {
  width: 9px !important;
}

.ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet) .t-slds__arrow polyline {
  stroke: var(--ds-light) !important;
  transition: stroke .2s ease;
}

@media (hover: hover) {
  .ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet)
  .t-slds__arrow_wrapper:hover .t-slds__arrow {
    background-color: var(--uc-color-color-oPCGHe, #33f58a) !important;
  }

  .ds-rest :is(.t-store__product-snippet, .t-catalog__product-snippet)
  .t-slds__arrow_wrapper:hover polyline {
    stroke: var(--uc-color-color-X7bt9Boh, #0a0a0a) !important;
  }
}

/* 9. Аккордеон */
.ds-rest :is(.t-store__prod-popup__info, .t-catalog__prod-popup__info) :is(.t-store__tabs, .t-catalog__tabs) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  box-sizing: border-box;
  margin: 40px 0 0 !important;
  padding: 0 !important;
}

.ds-rest :is(.t-store__tabs__item-button, .t-catalog__tabs__item-button) {
  min-height: 57px;
  box-sizing: border-box;
  padding: 10px 5px !important;
  border-top: 2px solid var(--ds-light) !important;
  border-bottom: 0 !important;
  margin: 0 !important;
}

.ds-rest :is(.t-store__tabs__item, .t-catalog__tabs__item):last-child {
  border-bottom: 2px solid var(--ds-light);
}

.ds-rest :is(.t-store__tabs__item-title, .t-catalog__tabs__item-title) {
  font: 600 14px/1.1 Inter, sans-serif !important;
  text-transform: uppercase;
  white-space: normal !important;
}

.ds-rest :is(.t-store__tabs__close, .t-catalog__tabs__close) {
  width: 35px;
  height: 35px;
  justify-content: center;
  background: var(--ds-pink);
  transform: none !important;
}

.ds-rest :is(.t-store__tabs__close, .t-catalog__tabs__close)::after {
  display: none !important;
}

.ds-rest :is(.t-store__tabs__close-icon, .t-catalog__tabs__close-icon) g {
  stroke: var(--ds-light) !important;
}

.ds-rest :is(.t-store__tabs__close-icon, .t-catalog__tabs__close-icon) path {
  stroke-width: 3px !important;
}

.ds-rest :is(.t-store__tabs__close-icon, .t-catalog__tabs__close-icon) {
  transition: transform .2s;
}

.ds-rest :is(.t-store__tabs__item_active, .t-catalog__tabs__item_active) :is(.t-store__tabs__close-icon, .t-catalog__tabs__close-icon) {
  transform: rotate(45deg);
}

.ds-rest :is(.t-store__tabs__content, .t-catalog__tabs__content) {
  font: 400 14px/1.4 Inter, sans-serif !important;
}

/* 10. Рекомендации: вся ширина, отступы 20 px */
.ds-rest :is(.t-store__relevants__container, .t-catalog__relevants__container) > .t-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box;
}

.ds-rest :is(.t-store__relevants__container, .t-catalog__relevants__container) > .t-container > .t-col,
.ds-rest :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 961px) {
  .ds-rest :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) {
    display: flex !important;
    flex-wrap: wrap;
    gap: 20px;
  }

  .ds-rest :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) :is(.t-store__card, .t-catalog__card) {
    width: calc((100% - 60px) / 4) !important;
    max-width: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }

  .ds-rest :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) .t-clear {
    display: none !important;
  }
}

/* Заголовок рекомендаций */
.ds-rest :is(.t-store__relevants__title, .t-catalog__relevants__title) {
  margin: 196px 0 40px;
  font-family: Inter, sans-serif !important;
  font-size: var(--ds-title) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}

/* Описания рекомендованных товаров */
.ds-rest :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) :is(.t-store__card__descr, .t-catalog__card__descr) {
  display: block !important;
  margin: 5px 0 12px !important;
  padding: 0 !important;
  font: 400 14px/1.3 Inter, sans-serif !important;
  color: var(--ds-light) !important;
  text-transform: none !important;
}

/* 11. Дополнительный блок через T213/Alias. Маркер скрыт; соседний блок скрывается до переноса скриптом. */
/* Технический маркер скрыт везде */
.t-rec:has(#ds-product-extra-marker) {
  display: none !important;
}

/* На обычных страницах Alias скрыт без пустого места */
html:not(.ds-product-view)
.t-rec:has(#ds-product-extra-marker) + .t-rec {
  display: none !important;
}

/* На странице товара скрываем Alias только до переноса */
html.ds-product-view
:is(#t-header, #t-footer)
.t-rec:has(#ds-product-extra-marker) + .t-rec {
  visibility: hidden;
}

/* 12. Иконки «?» рядом с опциями: размер, отступ и фокус. Ссылки создаёт JS. */
.ds-rest .ds-option-help {
  display: inline-flex;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  padding: 0;
  vertical-align: middle;
  line-height: 0;
  cursor: pointer;
}

.ds-rest .ds-option-help svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ds-rest .ds-option-help:focus-visible {
  outline: 2px solid var(--ds-light);
  outline-offset: 3px;
}

/* 13. Характеристики: выделение названий и расстояние между строками. */
.ds-rest .ds-char-label {
  font-weight: 600;
  text-transform: uppercase;
}

/* Расстояние между характеристиками */
:is(.t-store__product-snippet, .t-catalog__product-snippet)
:is(.js-store-prod-charcs, .js-catalog-prod-charcs) + :is(.js-store-prod-charcs, .js-catalog-prod-charcs) {
  margin-top: 10px !important;
}

/* 14. Мобильные разделы каталога: видны до 640 px; штатное меню скрывается только после запуска JS. */
/* На компьютере мобильные табы скрыты */
.ds-mobile-parts {
  display: none;
}

@media screen and (max-width: 640px) {
  /* Между рекомендованными товарами — 10 px */
  :is(.t-store__relevants__container, .t-catalog__relevants__container) :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) {
    gap: 10px !important;
  }

  :is(.t-store__relevants__container, .t-catalog__relevants__container)
  :is(.t-store__relevants-grid-cont, .t-catalog__relevants-grid-cont) > :is(.t-store__card, .t-catalog__card) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Существующие настройки фильтров и хлебных крошек */
  .t-catalog__filter__opts-mob-btn.t-catalog__filter__item_border {
    padding-left: 0;
    font-size: 14px;
  }

  .js-catalog-filter:has(.t-catalog__filter__controls-wrapper)
  > .t-catalog__breadcrumbs {
    margin-bottom: 10px;
  }

  /* Контейнер новых мобильных разделов */
  .ds-mobile-parts {
    display: block;
    width: 100%;
    margin: 0 0 25px;
    box-sizing: border-box;
    font-family: 'Inter', Arial, sans-serif;
  }

  /* Горизонтальная строка со скроллом */
  .ds-mobile-parts__row {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    padding: 0 0 8px;
    scrollbar-width: thin;
    scrollbar-color: #FF008F transparent;
  }

  /* Одна кнопка раздела вместе со стрелкой */
  .ds-mobile-parts__tab {
    display: flex;
    flex: 0 0 auto;
    border: 1px solid #FF008F;
  }

  /* Общие настройки кнопок */
  .ds-mobile-parts button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 0;
    margin: 0;
    background: transparent;
    color: #FFF5FC;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
  }

  /* Название раздела */
  .ds-mobile-parts__label {
    padding: 12px 16px;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* Стрелка раскрытия */
  .ds-mobile-parts__arrow {
    padding: 12px;
  }

  /* Выбранный раздел */
  .ds-mobile-parts__tab.is-active {
    background: #FF008F;
  }

  /* Подразделы находятся вне прокручиваемой строки */
  .ds-mobile-parts__panel {
    margin-top: 8px;
    padding: 10px;
    background: #FF008F;
    max-height: 50vh;
    overflow: auto;
  }

  .ds-mobile-parts__panel[hidden] {
    display: none;
  }

  /* Кнопки подразделов */
  .ds-mobile-parts__panel button {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: left;
  }

  .ds-mobile-parts__panel button.is-active {
    background: #0A0A0A;
  }

  /* Вложенные подразделы */
  .ds-mobile-parts__children {
    padding-left: 12px;
  }

  /* Фокус при управлении с клавиатуры */
  .ds-mobile-parts button:focus-visible {
    outline: 2px solid #FFF5FC;
    outline-offset: -3px;
  }

  /* Скрываем штатные разделы только после создания новых табов */
  .ds-mobile-parts-ready .t-store__parts-switch-wrapper_mobile,
  .ds-mobile-parts-ready .t-store__parts-tree-root-wrapper {
    display: none !important;
  }

  /* Существующие отступы сетки */
  .t-catalog__grid-cont {
    padding: 0 10px;
  }

    /* 15. Мобильные фильтры t951: кнопка, раскрытая панель и шкала цены. */
  /* Убираем некликабельные внутренние отступы контейнера */
  #allrecords .t951 .t951__cont-wrapper .t951__sidebar {
    padding: 0 !important;
    margin-top: 20px !important;
  }

  #allrecords .t951__sidebar .t-store__filter,
  #allrecords .t951__sidebar .t-store__filter__controls-wrapper {
    width: 100%;
    margin: 0 !important;
  }

  /* Вся розовая кнопка кликабельна */
  #allrecords .t951__sidebar .js-store-filter-mob-btn {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    box-sizing: border-box;
    padding: 20px !important;
    margin: 0 !important;
    background: #FF008F !important;
    color: #FFF5FC !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    cursor: pointer;
  }

  #allrecords .t951__sidebar .t-store__filter__opts-mob-btn-icon {
    flex-shrink: 0;
  }
  /* Отступы внутри раскрытой панели фильтров */
  #allrecords .t951__sidebar .t-store__filter__options {
    box-sizing: border-box;
    padding: 0 20px 20px !important;
  }

  /* Цена всегда раскрыта внутри открытой панели */
  #allrecords .t951__sidebar
  .t-store__filter__item_price > .t-store__filter__item-title {
    cursor: default;
    pointer-events: none;
  }

  #allrecords .t951__sidebar
  .t-store__filter__item_price > .t-store__filter__item-title::after {
    display: none !important;
  }

  /* Общий контейнер шкалы */
  #allrecords .t951__sidebar
  .t-store__filter__item_price .t-store__filter__item-price-slider {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    isolation: isolate;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Два штатных бегунка поверх одной шкалы */
  #allrecords .t951__sidebar input.t-store__filter__range {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 2;
  }

  /* Убираем встроенную дорожку Chrome и Safari */
  #allrecords .t951__sidebar
  .t-store__filter__range::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    height: 30px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Убираем встроенную дорожку Firefox */
  #allrecords .t951__sidebar
  .t-store__filter__range::-moz-range-track {
    height: 30px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  #allrecords .t951__sidebar
  .t-store__filter__range::-moz-range-progress {
    background: transparent !important;
  }

  /* Белые квадратные бегунки: Chrome и Safari */
  #allrecords .t951__sidebar
  .t-store__filter__range::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: 4px !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }

  /* Белые квадратные бегунки: Firefox */
  #allrecords .t951__sidebar
  .t-store__filter__range::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: auto !important;
    cursor: pointer;
  }

  /* Одна общая белая линия */
  #allrecords .t951__sidebar .t-store__filter__range_bg {
    display: block !important;
    position: absolute !important;
    top: 14px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: #FFFFFF !important;
    border-radius: 0 !important;
    z-index: 0 !important;
  }

  /* Края шкалы за пределами выбранного диапазона */
  #allrecords .t951__sidebar .t-store__filter__price-outer {
    position: absolute !important;
    top: 14px !important;
    height: 2px !important;
    background: #FFFFFF !important;
    border-radius: 0 !important;
    z-index: 1 !important;
  }

  #allrecords .t951__sidebar .t-store__filter__price-outer_start {
    left: 0 !important;
  }

  #allrecords .t951__sidebar .t-store__filter__price-outer_end {
    right: 0 !important;
  }

  /* Значения цены под шкалой */
  #allrecords .t951__sidebar .t-store__filter__item-price-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 8px 12px;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  #allrecords .t951__sidebar
  .t-store__filter__item-price-box .t-store__filter__input {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: 'Inter', Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #FFF5FC !important;
  }

    

  #allrecords .t951__sidebar .js-store-filter-pricemin {
    grid-column: 1;
    grid-row: 1;
    text-align: left !important;
  }

  #allrecords .t951__sidebar .js-store-filter-pricemax {
    grid-column: 2;
    grid-row: 1;
    text-align: right !important;
  }

  /* Скрываем тире и кнопку OK */
  #allrecords .t951__sidebar
  .t-store__filter__item-price-box .t-store__filter__delimeter,
  #allrecords .t951__sidebar
  .t-store__filter__item-price-box .js-store-filter-price-btn {
    display: none !important;
  }
}

/* 16. Десктопные фильтры от 961 px, только rec4219160301. Цена постоянно раскрыта. */
@media screen and (min-width: 961px) {

  /* Убираем большие промежутки между фильтрами */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__options {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* Заголовок занимает всю ширину — вся строка кликабельна */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item > .t-store__filter__item-title {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    position: relative;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;

    margin: 0 !important;
    padding: 10px 0 !important;

    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: uppercase;
    white-space: normal;

    cursor: pointer !important;
    pointer-events: auto !important;
    opacity: 1 !important;
  }

  /* Стрелка как у разделов с подразделами */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item > .t-store__filter__item-title::after {
    content: "" !important;
    display: block !important;
    position: static !important;
    flex: 0 0 6px;

    width: 6px !important;
    height: 9px !important;
    margin: 0 7px !important;
    padding: 0 !important;
    border: none !important;

    background: currentColor !important;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M0.353577 0.353516L4.35358 4.35352L0.353577 8.35352' stroke='black'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M0.353577 0.353516L4.35358 4.35352L0.353577 8.35352' stroke='black'/%3E%3C/svg%3E") center / contain no-repeat;

    transform: rotate(0deg) !important;
    transition: transform 0.2s ease;
    pointer-events: none;
  }

  /* Поворот стрелки раскрытого фильтра */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item.active > .t-store__filter__item-title::after {
    transform: rotate(90deg) !important;
  }

  /* Содержимое располагается под заголовком */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item > .t-store__filter__item-controls-wrap {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Сворачиваем все фильтры, кроме цены */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item:not(.t-store__filter__item_price):not(.active)
  > .t-store__filter__item-controls-wrap {
    display: none !important;
  }

  /* Показываем варианты раскрытого фильтра */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item:not(.t-store__filter__item_price).active
  > .t-store__filter__item-controls-wrap {
    display: block !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }

  /* Цена постоянно раскрыта */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item_price {
    margin-bottom: 12px !important;
  }

  /* Заголовок цены не переключает раскрытие */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item_price > .t-store__filter__item-title {
    cursor: default !important;
    pointer-events: none !important;
  }

  /* У цены стрелка не нужна */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item_price > .t-store__filter__item-title::after {
    display: none !important;
  }

  /* Шкала цены видна независимо от класса active */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item_price > .t-store__filter__item-price-slider {
    display: block !important;
  }

  /* Значения цены под шкалой */
  #allrecords #rec4219160301 .t951__sidebar
  .t-store__filter__item_price > .t-store__filter__item-price-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 8px 12px;
  }
}


/* 17. Подписи форматов на фотографиях товара. Элементы ds-format-badge создаёт JS. */
:is(.t-store__product-snippet, .t-catalog__product-snippet) .ds-format-photo {
  position: relative;
}
:is(.t-store__product-snippet, .t-catalog__product-snippet) .ds-format-badge {

  position:absolute;
  top:0;
  left:0;
  z-index:5;
 display:block;
  box-sizing:border-box;
  max-width:100%;
 padding:10px 14px;
  margin:0;
  border:0;
  border-radius:0;
 background:#FF008F;
  color:#0A0A0A;
 font-family:Inter,Arial,sans-serif;
  font-size:12px;
  font-weight:600;
 line-height:1.2;
  letter-spacing:0;
  text-transform:uppercase;
  pointer-events:none;
}

/* 18. Приставка «от» у цены. Скрипт добавляет ds-price-from карточкам с вариантами. */
.ds-price-from .js-product-price::before {
  content: "от ";
}

/* 19. Пользовательские хлебные крошки над названием товара. Создаются JS для обоих шаблонов. */
.ds-product-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
  margin-bottom: 20px;
  color: var(--ds-light, #fff5fc);
  font: 600 12px / 1.4 Inter, sans-serif;
  text-transform: uppercase;
}

#allrecords .ds-product-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
#allrecords .ds-product-breadcrumbs a:hover {
  text-decoration: underline;
}
.ds-product-breadcrumbs__separator {
  opacity: .4;
}
.ds-product-breadcrumbs__current {
  opacity: .6;
}

/* Рекомендации: промежутки между карточками 10 px */
.ds-rest :is(
  .t-store__relevants-grid-cont,
  .t-catalog__relevants-grid-cont
),
.ds-rest :is(
  .t-store__relevants-grid-cont,
  .t-catalog__relevants-grid-cont
) > :is(
  .t-store__card-list,
  .t-catalog__card-list
) {
  gap: 10px !important;
}

.ds-rest :is(
  .t-store__relevants-grid-cont,
  .t-catalog__relevants-grid-cont
) :is(.t-store__card, .t-catalog__card) {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Компьютер: 4 карточки в ряд */
@media (min-width: 961px) {
  .ds-rest :is(
    .t-store__relevants-grid-cont,
    .t-catalog__relevants-grid-cont
  ) :is(.t-store__card, .t-catalog__card) {
    width: calc((100% - 30px) / 4) !important;
  }
}

/* Мобильные рекомендации: только промежутки 10 px */
@media (max-width: 640px) {
  .ds-rest :is(
    .t-store__relevants-grid-cont,
    .t-catalog__relevants-grid-cont
  ),
  .ds-rest :is(
    .t-store__relevants-grid-cont,
    .t-catalog__relevants-grid-cont
  ) > :is(
    .t-store__card-list,
    .t-catalog__card-list
  ) {
    column-gap: 10px !important;
  }
}