/* Мелкие правки, которые нужны только React-версии старой темы.
   Всё оформление — в /theme/css/style.css и /css/custom.css без изменений. */
.popups-root .popup { display: inline-block; }

/* Главная (Home.tsx): react-slick оборачивает каждый слайд в два div и ставит ему display:inline-block.
   В jQuery slick слайдом был сам .product-slider__slide — растягиваем обёртки, чтобы карточки
   «Нового поступления» были одной высоты, как в оригинале (flex-трек + .product-item{height:100%}). */
.product-slider .slick-slide { height: auto; }
.product-slider .slick-slide > div { height: 100%; }
.product-slider .slick-slide > div > .product-slider__slide,
.news-slider .slick-slide > div > .news-slider__slide { display: block !important; height: 100%; }
/* ≤991px у оригинала с слайда снимается рамка (.product-slider .slick-slide{border:0}), рамка остаётся у .product-item. */
@media screen and (max-width: 991px) {
  .product-slider .slick-slide > div > .product-slider__slide { border: 0; }
}

/* Сравнение (Compare.tsx): jQuery slick с variableWidth делал трек шириной 5000px × слайды, поэтому
   карточки стояли от левого края; react-slick считает точную ширину и margin:auto из темы центрировал трек. */
.js-compare-slider .slick-track { margin-left: 0; margin-right: 0; }

/* Каталог (Catalog.tsx): ползунки цены/площади — noUiSlider 15, а стили темы от noUiSlider 10,
   который двигал ручки через left/right. Добавляем позиционирование v15 (transform), вид — из темы. */
.price-range .noUi-connects { position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.price-range .noUi-connect,
.price-range .noUi-origin { position: absolute; top: 0; right: 0; left: auto; width: 100%; height: 100%; z-index: 1;
  will-change: transform; transform-origin: 0 0; transform-style: flat; }
.price-range .noUi-horizontal .noUi-origin { height: 0; }
.price-range .noUi-horizontal .noUi-handle { position: absolute; left: auto !important; right: -7.5px; }

/* Каталог: подсказка «Цена фиксирована в рублях» — стили vue-popperjs, которые старый сайт подгружал скриптом. */
.popper { background-color: #fafafa; border: 1px solid #ebebeb; border-radius: 3px; box-shadow: 0 0 6px 0 #3a3a3a; color: #212121;
  display: inline-block; font-size: 14px; font-weight: 400; padding: 2px; position: absolute; text-align: center; width: auto; z-index: 200000; }
.popper .popper__arrow { border-style: solid; height: 0; margin: 5px; position: absolute; width: 0; }
.popper[x-placement^=top] { margin-bottom: 5px; }
.popper[x-placement^=top] .popper__arrow { border-color: #fafafa transparent transparent; border-width: 5px 5px 0; bottom: -5px;
  left: calc(50% - 5px); margin-bottom: 0; margin-top: 0; }

/* Каталог, мобильный фильтр: тема сдвигает .section-aside через left (330/250/230px), а панель фильтра
   ставит абсолютно с left:-330/-250/-240px — без position у .section-aside панель уезжала за край экрана. */
@media screen and (max-width: 991px) {
  .catalog-view .section-aside { position: relative; }
}