/* =============================================================
   NELLY KRUK — ST340 (T1291) / CSS ДЛЯ НАСТРОЕК САЙТА
   Основано на NELLY_KRUK_REAL_DOM.txt от 25.10.2026
   Установка: Настройки сайта → Пользовательские CSS-стили
              → Редактировать CSS
   Вставить только CSS, без HTML и JavaScript.

   Область действия: только блок #rec5145474401.
   НЕ меняет шрифты, количество колонок, ширину каталога,
   внешние поля, изображения или работу покупки.
   ============================================================= */

/* 1. СТРОКА РАЗДЕЛОВ — фактические классы t-catalog__parts-* */
#rec5145474401 .t-catalog__parts-switch-wrapper {
  align-items: center !important;
}

/* Меню на широких экранах начинается от левого края сетки,
   а не расположено по центру страницы. */
@media (min-width: 960px) {
  #rec5145474401 .t-catalog__parts-switch-wrapper {
    justify-content: flex-start !important;
  }
}

#rec5145474401 .t-catalog__parts-switch-btn {
  position: relative !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: opacity .18s ease !important;
}

#rec5145474401 .t-catalog__parts-switch-btn:hover {
  opacity: .6 !important;
}

/* Активное состояние — сохраняем штатную логику переключения. */
#rec5145474401 .t-catalog__parts-switch-btn[aria-current="page"],
#rec5145474401 .t-catalog__parts-switch-btn.t-catalog__parts-current,
#rec5145474401 .t-catalog__parts-current .t-catalog__parts-switch-btn {
  opacity: 1 !important;
}

/* 2. ПЛИТКИ — только нижняя строка и штатный плюс */
#rec5145474401 .t-catalog__card__wrap_txt-and-btns {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#rec5145474401 .t-catalog__card__wrap_txt-and-opts {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#rec5145474401 .t-catalog__card__textwrapper,
#rec5145474401 .t-catalog__card__link {
  min-width: 0 !important;
}

#rec5145474401 .t-catalog__card__title {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#rec5145474401 .t-catalog__card__wrap_price-and-btns,
#rec5145474401 .t-catalog__card__price-buttons,
#rec5145474401 .t-catalog__card__btns-wrapper {
  flex: 0 0 auto !important;
  align-items: center !important;
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Оставляем существующую рабочую кнопку «+» и её обработчик. */

/* 3. ШТАТНАЯ СТРАНИЦА / POPUP ТОВАРА */
#rec5145474401 .t-catalog__prod-popup__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

/* Кнопка после информационных блоков и описания. */
#rec5145474401 .t-catalog__prod-popup__info > .t-catalog__prod-popup__btn-wrapper {
  order: 99 !important;
  align-self: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 28px 0 0 !important;
  padding: 0 !important;
}

/* Сохраняем исходную ссылку href="#order", делаем её текстовой. */
#rec5145474401 .t-catalog__prod-popup__info .t-catalog__prod-popup__btn.t-btnflex {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 7px !important;
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
  text-decoration: none !important;
}

#rec5145474401 .t-catalog__prod-popup__btn .t-btnflex__text {
  color: inherit !important;
}

/* В поле текста кнопки ST340 оставить только «КУПИТЬ». */
#rec5145474401 .t-catalog__prod-popup__btn::after {
  content: ">";
  display: inline-block;
  margin-left: 14px;
  font: inherit;
  line-height: 1;
  color: currentColor;
  transition: transform .18s ease;
}

#rec5145474401 .t-catalog__prod-popup__btn:hover::after {
  transform: translateX(3px);
}

@media (max-width: 640px) {
  #rec5145474401 .t-catalog__prod-popup__info > .t-catalog__prod-popup__btn-wrapper {
    margin-top: 20px !important;
  }
}