/* ======================================================
   ВИД КАТАЛОГА: СПИСОК (LIST VIEW)
   ====================================================== */
.catalog__grid--list {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.catalog__grid--list .product-card {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr) 260px;
  gap: 20px;
  padding: 20px;
  overflow: initial;
}
@media (max-width: 1539px) {
  .catalog__grid--list .product-card {
    grid-template-columns: 200px minmax(0, 1fr) 200px;
  }
}
@media (max-width: 1023px) {
  .catalog__grid--list .product-card {
    grid-template-columns: 180px minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  .catalog__grid--list .product-card {
    gap: 10px;
    padding: 12px;
  }
}
@media (max-width: 479px) {
  .catalog__grid--list .product-card {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Общие переопределения для элементов карты в list view */
.catalog__grid--list .product-card__header,
.catalog__grid--list .product-card__content {
  min-width: 0;
}

/* Правки заказчика 2026-09-18, заход 2. В строке вертикальные поля контента
   лишние: от края карточки текст держит её собственный padding: 20px, а
   расстояние до соседних блоков — зазор группы (--pc-gap). С ними выпадашка
   «Выберите модель», которая в строке лежит уже вне .product-card__content
   (внутри <form>, иначе calcCatPrice() её не найдёт), отходила от выпадашки
   «Размер» на 12px вместо 8. Боковые поля не трогаем — на них держится
   выравнивание колонки. */
.catalog__grid--list .product-card__content {
  padding-top: 0;
  padding-bottom: 0;
}

.catalog__grid--list .product-card__gallery {
  margin: 0;
}

.catalog__grid--list .product-card__description {
  font-size: var(--fs-md);
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: auto;
}

@media (max-width: 479px) {
  .catalog__grid--list .product-card__features {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Селекторы (выбор характеристик) в list view */
.catalog__grid--list .product-card__selectors {
  order: 1;
}
.catalog__grid--list .product-card-field__label {
  color: var(--color-dark);
}
@media (max-width: 767px) {
  .catalog__grid--list .product-card-field__label {
    font-size: var(--fs-xs);
  }
}

/* Переопределения размеров шрифтов и элементов в list view */
.catalog__grid--list .product-card__title {
  font-size: var(--fs-xl);
}

.catalog__grid--list .product-card__status {
  font-size: var(--fs-md);
}

.catalog__grid--list .product-card-feature__label {
  font-size: var(--fs-md);
}

.catalog__grid--list .product-card-feature__value {
  font-size: var(--fs-lg);
}

.catalog__grid--list .product-card-feature__icon {
  width: 36px;
  height: 36px;
}

/* .catalog__grid--list .product-card-specs__name {
  font-size: var(--fs-lg);
} */

.catalog__grid--list .product-card-specs__value {
  font-size: var(--fs-lg);
}

.catalog__grid--list .product-card-field {
  font-size: var(--fs-md);
}

.catalog__grid--list .custom-dropdown--field .custom-dropdown__trigger {
  font-size: var(--fs-md);
}

.catalog__grid--list .product-card__buy-btn,
.catalog__grid--list .product-card__one-click {
  font-size: var(--fs-md);
}

@media (max-width: 479px) {
  .catalog__grid--list .product-card__buy-btn,
  .catalog__grid--list .product-card__one-click {
    font-size: var(--fs-sm);
  }
}

/* Характеристики в list view свёрнуты по умолчанию, как в плитке (правка
   заказчика 2026-09-22, чек-лист М-Б11.3): раскрытые по умолчанию делали строку
   длинной, а на телефоне — во весь экран. Раскрывает тот же .is-expanded
   (product-card.css), отдельного состояния у списка больше нет. */

/* Футер и цены в list view */
.catalog__grid--list .product-card__footer,
.product-card__footer form.product {
  margin-top: unset;
}

/* Поля подвала пришли из плитки (product-card.css, 4px 12px 12px): там они
   отбивают подвал от краёв карточки без собственного padding. У строки свой
   padding (20px, на телефоне 12px), и поля подвала добавляли лишний отступ
   (чек-лист М-Б11.3). */
.catalog__grid--list .product-card__footer {
  padding: 0;
}
@media (max-width: 1023px) {
  .catalog__grid--list .product-card__footer {
    grid-column: 2;
  }
}
@media (max-width: 479px) {
  .catalog__grid--list .product-card__footer {
    grid-column: auto;
  }
}

.catalog__grid--list .product-card__prices {
  border-bottom: var(--border-base);
  padding-bottom: 5px;
}
@media (max-width: 1023px) {
  .catalog__grid--list .product-card__prices {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.catalog__grid--list .product-card__price {
  font-size: var(--fs-3xl);
  color: var(--color-dark);
}
@media (max-width: 1023px) {
  .catalog__grid--list .product-card__price {
    font-size: var(--fs-xl);
  }
}

.catalog__grid--list .product-card__price-old {
  font-size: var(--fs-xl);
}
@media (max-width: 1023px) {
  .catalog__grid--list .product-card__price-old {
    font-size: var(--fs-sm);
  }
}