/* 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; }
}

/* SUNDUQ v261 — форма, фильтры и управление объявлениями */
.marketPage .marketForm{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-radius-lg);padding:20px;margin-bottom:18px;color:var(--k-text)}
.marketPage .marketFormHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.marketPage .marketFormHead h2{margin:3px 0 4px;font-size:22px}.marketPage .marketFormHead p{margin:0;color:var(--k-muted)}
.marketPage .marketFormClose{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--k-line);border-radius:12px;background:var(--k-card-2);color:var(--k-text);font-size:24px;cursor:pointer}
.marketPage .marketFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.marketPage .marketField{display:grid;gap:7px;color:var(--k-muted);font-size:13.5px}.marketPage .marketField>span{font-weight:700;color:var(--k-text)}
.marketPage .marketWide{grid-column:1/-1}.marketPage .marketForm textarea{min-height:132px;resize:vertical}
.marketPage .marketSubmit{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.marketPage .marketSubmit>button{margin:0}
.marketPage .marketSecondary{background:var(--k-card-2)!important;color:var(--k-text)!important;border:1px solid var(--k-line)!important}
.marketPage #marketSubmitStatus{color:var(--k-muted);font-size:14px}.marketPage #marketSubmitStatus.error{color:#ff8585}
.marketPage .marketImagePreview{display:flex;align-items:center;gap:12px;padding:12px;border:1px dashed var(--k-line);border-radius:12px;background:var(--k-card-2)}
.marketPage .marketImagePreview[hidden]{display:none}.marketPage .marketImagePreview img{width:120px;height:88px;object-fit:cover;border-radius:10px;background:var(--k-card-flat)}
.marketPage .marketImagePreview button{background:transparent!important;color:var(--k-text)!important;border:1px solid var(--k-line)!important;padding:9px 12px!important}
.marketPage .marketFilterField{display:grid;gap:6px;color:var(--k-muted);font-size:12.5px}.marketPage .marketFilterField>span{font-weight:700}
.marketPage .marketSide select,.marketPage .marketSide input{background:var(--k-card-flat);color:var(--k-text);border:1px solid var(--k-line)}
.marketPage .marketFilterRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.marketPage .marketReset{border:1px solid var(--k-line);background:var(--k-card-2);color:var(--k-text);border-radius:12px;padding:10px;font-weight:700;cursor:pointer}
.marketPage .marketResultInfo{color:var(--k-muted);font-size:14px;margin:0 0 10px}.marketPage .marketCard:focus-visible{outline:3px solid rgba(71,143,255,.45);outline-offset:3px}
.marketItemPage .marketItemActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.marketItemPage .marketItemActions .contactBtn{width:auto;margin:0}.marketItemPage .marketEditBtn{background:var(--k-card-2);border:1px solid var(--k-line);color:var(--k-text)}
.marketItemPage .sellerAvatar{position:relative;color:var(--k-text);font-weight:800;text-decoration:none}.marketItemPage .sellerAvatar span{position:absolute;inset:0;display:grid;place-items:center}.marketItemPage .sellerAvatar img{position:relative;z-index:1}
@media(max-width:650px){.marketPage .marketFormGrid{grid-template-columns:1fr}.marketPage .marketWide{grid-column:auto}.marketPage .marketFilterRow{grid-template-columns:1fr}.marketPage .marketImagePreview{align-items:flex-start;flex-direction:column}.marketItemPage .marketItemActions .contactBtn{width:100%}}

/* v364: подсказка в форме подачи — куда идти с недвижимостью и авто. */
.marketFieldHint{
  grid-column:1/-1;
  margin:-4px 0 0;
  font-size:13px;
  line-height:1.5;
  color:var(--su-muted,#6b7a90);
}
.marketFieldHint a{color:var(--su-accent,#2f6fed);text-decoration:underline}

/* v367: галочка «Показать на карте» в форме объявления. */
.marketPage .marketMapOptIn{display:flex;align-items:center;gap:9px;cursor:pointer}
.marketPage .marketMapOptIn input{width:16px;height:16px;margin:0;flex:0 0 auto;cursor:pointer}
.marketPage .marketMapOptIn>span{font-weight:600;color:var(--k-text)}