.d5-catalog-template-new {
  display: contents;
}

.list_view_subcategory:not(.show-all) .list__item:not(.list__item--all):nth-child(n + 5)::before {
  content: "";
}

.list_view_subcategory:not(.show-all) .list__item:not(.list__item--all):nth-child(n + 5) {
  height: 0;
  overflow: hidden;
}

.list_view_subcategory .list__item.list__item--all button {
  text-decoration: underline;
  transition-property: text-decoration-color, color;
  transition-duration: .2s;
  text-underline-offset: .1em;
  text-decoration-color: color-mix(in oklab, currentColor 40%, transparent);
  background: none;
  border: none;
  font-size: inherit;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
}

.list_view_subcategory .list__item.list__item--all button:hover {
  text-decoration-color: currentColor;
}


.section_view_prod-card-new {
  font-size: 16px;
  margin-top: 64px;
  margin-bottom: 32px;
}

@media (max-width: 992px) {
  .section_view_prod-card-new {
    margin-top: 32px;
  }
}

@media (max-width: 425px) {
  .section_view_prod-card-new {
    margin-top: 16px;
  }
}

.section_view_prod-card-new .layout>* {
    margin-bottom: 0;
}


.section_view_prod-card-new .info__slider{
  grid-column: span 7;
}

.section_view_prod-card-new .carousel__arrow {
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='30' fill='none'%3E%3Cpath stroke='%23184299' stroke-width='2' d='M16 1 2 15l14 14'/%3E%3C/svg%3E");
  background-size: 10px 18px;
  border-radius: 50%;

}

.section_view_prod-card-new .carousel__arrow_dir_next {
margin-right: 20px;
}

.section_view_prod-card-new .carousel__arrow_dir_prev {
  margin-left: 20px;
}

@media (min-width: 1280px) {
  .section_view_prod-card-new .carousel__main {
    height: 515px;
  }

  .section_view_prod-card-new .carousel__main .carousel__item,
  .section_view_prod-card-new .carousel__main .carousel__item > .image {
    height: 100%;
  }

  .section_view_prod-card-new .carousel__main .carousel__item > .image,
  .section_view_prod-card-new .carousel__thumbs .carousel__item > .image {
    display: block;
    width: 100%;
  }

  .section_view_prod-card-new .carousel__thumbs .carousel__item,
  .section_view_prod-card-new .carousel__thumbs .carousel__item > .image {
    height: 115px;
  }

  .section_view_prod-card-new .carousel_view_thumbs .carousel__thumbs{
    margin-top: 1rem;
  }
}

.section_view_news-product  .card_view_news {
  background: #f7f7f7;
  border: 0;
}

.section_view_news-product .card__title {
  margin: 0;
  font-size: 1.1rem;
}

@media (min-width: 768px) {
  .section_view_news-product  .card_view_news.card_vertical .card__img {
    aspect-ratio: 1;
  }
}

/* ===================================================================== */
/* Карточка продукции (новый макет tovar-maket)                          */
/* ===================================================================== */

/* --- Правая колонка (под галереей) --- */
.section_view_prod-card-new .product-aside {
  grid-column: span 5;
  display: flex;
  flex-direction: column;
}

@media (max-width: 991px) {
  .section_view_prod-card-new .info__slider,
  .section_view_prod-card-new .product-aside {
    grid-column: 1 / -1;
  }

  .section_view_prod-card-new .product-aside {
    margin-top: 2.5rem;
  }
}


.section_view_prod-card-new .carousel__arrow-group_view_default {
  z-index: 90;
}
/* --- Кнопки действий (Запрос цены / лизинг / кредит) --- */
.prod-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 2rem;
}

.prod-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8125rem 1.3rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s linear, color 0.15s linear;
}

.prod-action_primary {
  background-color: var(--color-project-primary);
  color: #fff;
}

.prod-action_primary:hover {
  background-color: var(--color-project-primary-hover);
}

.prod-action_ghost {
  background-color: #eef0f3;
  color: #1d1d1d;
}

.prod-action_ghost:hover {
  background-color: #e1e5ea;
  color: var(--color-project-primary);
}

/* --- Заголовок «Основные характеристики» --- */
.prod-aside__title {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 1.25rem;
}

@media (min-width: 992px) {
  .prod-aside__title {
    font-size: 24px;
  }
}

/* --- Таблица основных характеристик --- */
.prod-chars {
  font-size: 16px;
  line-height: 1.2;
}
.prod-chars table {
  width: 100%;
  border-collapse: collapse;
}

.prod-chars td {
  padding: 0.8125rem 0;
  vertical-align: top;
  border-bottom: 1px solid #e6e6e6;
}

.prod-chars tr:first-child td {
  border-top: 1px solid #e6e6e6;
}

.prod-chars table td {
  padding-bottom: 8px;
  padding-top: 8px;
}

.prod-chars td:last-child {
  text-align: right;
  font-weight: 600;
  padding-left: 1.25rem;
  white-space: normal;
  overflow-wrap: anywhere;
}

.prod-char-value__line {
  display: block;
}

/* --- Брошюра + логотип бренда --- */
.prod-aside__meta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: auto;
  padding-top: 1.75rem;
}

.prod-aside__brochure {
  flex-shrink: 0;
}

.prod-aside__brochure:before {
  width: 34px;
  height: 42px;
  margin-right: 1rem;
}

.prod-aside__brand {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  padding: 0.5rem 1.25rem;
  border: 1px solid #e6e6e6;
  margin-left: auto;
}

.prod-aside__brand img {
  max-height: 100%;
  max-width: 220px;
  width: auto;
  object-fit: contain;
}

/* --- Телефон --- */
.prod-aside__phone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
  margin-top: 1.75rem;
  padding: 24px 32px;
  background-color: #f7f7f7;
}

.prod-aside__phone-label {
  color: #555;
  line-height: 1.3;
  flex: 1 1;
}

.prod-aside__phone-link {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-project-primary);
  text-decoration: none;
  transition: color 0.15s linear;
  flex: 0 1 min-content;

}

.prod-aside__phone-link:hover {
  color: var(--color-project-primary-hover);
}

/* --- Полноширинный блок с модификациями и табами --- */
.section_view_prod-mods .prod-mods {
  grid-column: 1 / -1;
}

/* --- Переключатель моделей (пилюли) --- */
.prod-models {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 32px;
}

.prod-models__item {
  display: inline-flex;
  align-items: center;
  padding: 0.875rem 1.625rem;
  background-color: #f0f1f3;
  color: #2b2b2b;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear;
}

.prod-models__item:hover {
  background-color: #e3e5ea;
  color: var(--color-project-primary);
}

.prod-models__item_active,
.prod-models__item_active:hover {
  background-color: #fff;
  border-color: var(--color-project-primary);
  color: var(--color-project-primary);
}

/* --- Табы «Описание / Характеристики» --- */
.prod-tabs__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.5rem;
  margin-bottom: 2.5rem;
}

.prod-tabs__controls .mods__control {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}

/* --- Иконочные преимущества (4 плитки) --- */
.prod-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--grid-column-gap);
  margin-bottom: 2rem;
}

@media (max-width: 991px) {
  .prod-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  .prod-features {
    grid-template-columns: 1fr;
  }
}

.prod-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  padding: 2.75rem 1.5rem;
  background-color: #f5f6f7;
}

.prod-feature::before {
  content: '';
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
}

.prod-feature.prod-feature--certificate::before {
  background-image: url(../assets/detail-catalog/1.png);
}
.prod-feature.prod-feature--spare-parts::before {
  background-image: url(../assets/detail-catalog/2.png);
}
.prod-feature.prod-feature--reward::before {
  background-image: url(../assets/detail-catalog/3.png);
}
.prod-feature.prod-feature--service::before {
  background-image: url(../assets/detail-catalog/4.png);
}

.prod-feature__text {
  font-weight: 600;
  color: #1d1d1d;
  line-height: 1.35;
}

/* --- Текст описания --- */
.prod-desc {
  margin-bottom: 2.5rem;
}

.prod-actions_inline {
  margin: 2.5rem 0 3rem;
}

/* --- Промо-плашки (кредит/лизинг + сервис) --- */
.prod-promos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--grid-column-gap);
}

@media (max-width: 767px) {
  .prod-promos {
    grid-template-columns: 1fr;
  }
}

.prod-promo {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.75rem 2rem;
  background-color: #f5f6f7;
}
.prod-promo::before {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  background-image: var(--prod-promo-icon);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.prod-promo.prod-promo--credit {
  --prod-promo-icon: url(../assets/detail-catalog/5.png);
}
.prod-promo.prod-promo--brigades {
  --prod-promo-icon: url(../assets/detail-catalog/6.png);
}

@media (max-width: 767px) {
  .prod-promo::before {
    width: 50px;
    height: 50px;
  }
}

.prod-promo__title {
  margin: 0 0 0.5rem;
  font-weight: 700;
  font-size: 1.125rem;
  color: #1d1d1d;
}

.prod-promo__title a {
  color: inherit;
  text-decoration: underline;
  transition-property: text-decoration-color, color;
  transition-duration: .2s;
  text-underline-offset: .1em;
  text-decoration-color:
    color-mix(in oklab, currentColor 40%, transparent);
}

.prod-promo__title a:hover {
  text-decoration-color: currentColor;
}

.prod-promo__text {
  margin: 0;
  color: #5a5a5a;
  line-height: 1.45;
}

/* --- Таблица характеристик (сравнение PRO / PROFI) --- */
.prod-chars-table table {
  width: 100%;
  border-collapse: collapse;
}

.prod-chars-table td {
  padding: 0.625rem 0.875rem;
  border: 1px solid #e6e6e6;
  vertical-align: top;
}

/* --- Модальное окно с формой запроса предложения --- */
.modal_view_product-offer .modal__inner {
  max-width: 600px;
}

.modal_view_product-offer .modal__frontier {
  padding: 0;
}

.modal_view_product-offer .modal__header {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  padding: 0.5rem;
}

.modal_view_product-offer .modal__close::before,
.modal_view_product-offer .modal__close::after {
  border-color: #fff;
}

.modal_view_product-offer .form_view_offer {
  width: 100%;
  padding: 2.5rem 1.5rem 2rem;
}

@media (min-width: 768px) {
  .modal_view_product-offer .form_view_offer {
    padding: 3.5rem 3rem 2.5rem;
  }
}

.modal_view_product-offer .form_view_offer .form__body {
  padding-top: 1.5rem;
}

.prod-tabs__controls .link_view_tabs{
  line-height: 1.7;
}

.cs_readmore-btn-wrapper {
  margin: 15px auto 0;
  display: flex!important;
  align-items: center;
}

.cs_readmore-btn-wrapper:before,
.cs_readmore-btn-wrapper:after {
    background-color: var(--color-project-primary);
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    z-index: -1;
}

.cs_readmore-btn {
  background-color: var(--color-project-primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.8125rem 1.3rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s linear, color 0.15s linear;
  margin: 0;
}

.cs_readmore-btn:hover {
  background-color: var(--color-project-primary-hover);
}

.prod-stock {
  margin-bottom: 2rem;
}

.prod-stock__text {
  padding: 8px 14px;
  color: #5a5a5a;
  border: 1px solid currentColor;
}

.prod-stock__text--green {
  color: #75c103;
}
