/* SUNDUQ v128 — Объявления в виде главной.
   Разметку market.js не трогаем: переопределяем только внешний вид
   существующих классов. Если файл отключить, страница вернётся
   к прежнему виду — ничего не сломается.

   Подключается ПОСЛЕ market.css и после sunduq-dark-overrides.css,
   поэтому побеждает без !important почти везде. */

/* ---------------------------------------------------------- сетка списка */
.marketPage .marketGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--k-gap, 7px);
}

/* -------------------------------------------------------------- карточка */
.marketPage .marketCard {
  background: var(--k-card);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);       /* 22px -> 14px, как на главной */
  box-shadow: var(--k-shadow);
  color: var(--k-text);
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease;
}
.marketPage .marketCard:hover {
  border-color: var(--k-line-hover);
  transform: translateY(-1px);
}
.marketPage .marketCard img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  background: var(--k-card-2);
}
.marketPage .marketCard > div,
.marketPage .marketCard > section { padding: var(--k-pad); }

.marketPage .marketCard h3,
.marketPage .marketCard b { color: var(--k-text); }
.marketPage .marketCard small,
.marketPage .marketCard .marketMeta { color: var(--k-muted); }

/* --------------------------------------------------------- цена и метки */
.marketPage .marketPrice {
  color: #35c46a;
  font-weight: 800;
}
.marketPage .marketMeta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--k-muted);
  font-size: 13.5px;
}

/* --------------------------------------------------------- шапка раздела */
.marketPage .marketHero {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--k-line-soft);
  border-radius: 0;
  box-shadow: none;
  padding: 0 0 14px;
  margin-bottom: 14px;
}
.marketPage .marketHero h1 {
  font-size: 19px;
  letter-spacing: -.2px;
  margin: 0 0 4px;
  color: var(--k-text);
}
.marketPage .marketHero p { color: var(--k-muted); margin: 0; }

/* ------------------------------------------------------------- страница */
.marketItemPage .marketFull,
.marketPage .marketFull {
  background: var(--k-card);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius-lg);
  box-shadow: var(--k-shadow-lg);
  color: var(--k-text);
}
.marketItemPage .marketFullPhoto,
.marketPage .marketFullPhoto {
  background: var(--k-card-2);
  min-height: 320px;
  color: var(--k-dim);
}
.marketItemPage .marketFullPhoto img,
.marketPage .marketFullPhoto img {
  width: 100%;
  height: 100%;
  max-height: 560px;
  object-fit: contain;
  display: block;
}
.marketItemPage .marketFullInfo,
.marketPage .marketFullInfo { padding: 20px 22px; }
.marketItemPage .marketFullInfo h1 { font-size: 26px; letter-spacing: -.3px; margin: 0 0 8px; }

/* ---------------------------------------------------------------- формы */
.marketPage .marketForm input,
.marketPage .marketForm select,
.marketPage .marketForm textarea {
  background: var(--k-card-flat);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius-sm);
  color: var(--k-text);
  padding: 11px 13px;
  font: inherit;
}
.marketPage .marketForm input:focus,
.marketPage .marketForm select:focus,
.marketPage .marketForm textarea:focus {
  outline: none;
  border-color: var(--k-blue);
}
.marketPage .marketForm label { color: var(--k-muted); font-size: 13.5px; }

/* --------------------------------------------------------------- кнопки */
.marketPage .contactBtn,
.marketItemPage .contactBtn {
  border: 0;
  border-radius: var(--k-radius-sm);
  padding: 12px 18px;
  font-weight: 600;
  background: var(--k-accent);
  color: #fff;
  cursor: pointer;
}
.marketPage .contactBtn:hover,
.marketItemPage .contactBtn:hover { filter: brightness(1.08); }

/* --------------------------------------------------------------- мобильный */
@media (max-width: 620px) {
  .marketPage .marketGrid { grid-template-columns: 1fr; }
  .marketItemPage .marketFullGrid,
  .marketPage .marketFullGrid { grid-template-columns: 1fr; }
  .marketItemPage .marketFullPhoto,
  .marketPage .marketFullPhoto { min-height: 220px; }
  .marketItemPage .marketFullInfo h1 { font-size: 22px; }
}