/* SUNDUQ v130 — Работа, Афиша, Поездки, Профиль по образцу главной.
   Продолжение v128. Значения те же — из su-kit-v128.css, ничего нового
   не придумано. Разметку страниц не трогаем: переопределяем только вид.

   Каждый раздел отделён комментарием, чтобы можно было отключить
   что-то одно, не трогая остальное. */

/* ============================================================== РАБОТА */

.jobs93Page .jobs93Grid,
.jobs93Page .jobs93List {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--k-gap, 7px);
}

.jobs93Page .jobs93Card,
.jobs93Page .job93Box {
  background: var(--k-card);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  box-shadow: var(--k-shadow);
  color: var(--k-text);
  padding: var(--k-pad);
  transition: border-color .15s ease, transform .15s ease;
}
.jobs93Page .jobs93Card:hover {
  border-color: var(--k-line-hover);
  transform: translateY(-1px);
}
.jobs93Page .jobs93Company,
.jobs93Page .jobs93Meta { color: var(--k-muted); font-size: 13.5px; }
.jobs93Page .jobs93Salary { color: #35c46a; font-weight: 800; }

.jobs93Page .jobs93Logo {
  background: var(--k-card-2);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius-sm);
  color: var(--k-text);
}

/* Шапка раздела — как на главной: строка, а не баннер */
.jobs93Page .jobs93Hero {
  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;
}
.jobs93Page .jobs93Hero h1 { font-size: 19px; letter-spacing: -.2px; margin: 0 0 4px; color: var(--k-text); }
.jobs93Page .jobs93Hero p { color: var(--k-muted); margin: 0; }

.jobs93Page .jobs93Tabs button {
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius-pill);
  background: var(--k-card-flat);
  color: var(--k-muted);
  padding: 7px 14px;
  font: inherit;
  cursor: pointer;
}
.jobs93Page .jobs93Tabs button.active {
  background: var(--k-accent);
  border-color: var(--k-accent);
  color: #fff;
}

.jobs93Page .jobs93Field input,
.jobs93Page .jobs93Field select,
.jobs93Page .jobs93Field 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;
}
.jobs93Page .jobs93Field input:focus,
.jobs93Page .jobs93Field select:focus,
.jobs93Page .jobs93Field textarea:focus { outline: none; border-color: var(--k-blue); }

.jobs93Page .jobs93Primary,
.jobs93Page .jobs93Submit {
  background: var(--k-accent);
  border: 0;
  border-radius: var(--k-radius-sm);
  color: #fff;
  padding: 12px 18px;
  font-weight: 600;
  cursor: pointer;
}
.jobs93Page .jobs93Empty { color: var(--k-muted); }

/* =============================================================== АФИША */

.events92Page .events92Grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--k-gap, 7px);
}

.events92Page .events92List {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

.events92Page .events92Card {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) 108px;
  align-items: stretch;
  min-height: 220px;
  background: var(--k-card);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  box-shadow: var(--k-shadow);
  color: var(--k-text);
  overflow: hidden;
  transition: border-color .15s ease, transform .15s ease;
}
.events92Page .events92Card:hover {
  border-color: var(--k-line-hover);
  transform: translateY(-1px);
}
.events92Page .events92CardImage {
  width: 100%;
  min-height: 220px;
  height: 100%;
  display: grid;
  place-items: center;
  background: var(--k-card-2);
}
.events92Page .events92CardImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events92Page .events92CardBody {
  padding: var(--k-pad);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.events92Page .events92CardBody h3 {
  margin: 0 0 10px;
  line-height: 1.15;
  font-size: clamp(22px, 2vw, 34px);
}
.events92Page .events92CardBody p {
  margin: 0 0 14px;
  color: var(--k-muted);
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.events92Page .events92Meta {
  color: var(--k-muted);
  font-size: 13.5px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}
.events92Page .events92Date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-left: 1px solid var(--k-line);
  color: var(--k-accent-soft);
  font-weight: 700;
  font-size: 13.5px;
  padding: 14px 10px;
}
.events92Page .events92Date b {
  font-size: 40px;
  line-height: 1;
}

.events92Page .events92Hero {
  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;
}
.events92Page .events92Hero h1 { font-size: 19px; letter-spacing: -.2px; margin: 0 0 4px; color: var(--k-text); }
.events92Page .events92Hero p { color: var(--k-muted); margin: 0; }

.events92Page .events92Filters button {
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius-pill);
  background: var(--k-card-flat);
  color: var(--k-muted);
  padding: 7px 14px;
  font: inherit;
  cursor: pointer;
}
.events92Page .events92Filters button.active {
  background: var(--k-accent);
  border-color: var(--k-accent);
  color: #fff;
}
.events92Page .events92Field input,
.events92Page .events92Field select,
.events92Page .events92Field 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;
}
.events92Page .events92Primary,
.events92Page .events92Submit {
  background: var(--k-accent);
  border: 0;
  border-radius: var(--k-radius-sm);
  color: #fff;
  padding: 12px 18px;
  font-weight: 600;
  cursor: pointer;
}
.events92Page .events92Empty,
.events92Page .events92Hint { color: var(--k-muted); }

/* ============================================================ ПОЕЗДКИ */
/* У раздела почти нет своих классов — правим по разметке. */

.ridesPage .rideCard,
.ridesPage article,
.ridePage article {
  background: var(--k-card);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  box-shadow: var(--k-shadow);
  color: var(--k-text);
  padding: var(--k-pad);
  margin-bottom: var(--k-gap, 7px);
  transition: border-color .15s ease, transform .15s ease;
}
.ridesPage .rideCard:hover,
.ridesPage article:hover {
  border-color: var(--k-line-hover);
  transform: translateY(-1px);
}
.ridesPage h1,
.ridePage h1 { font-size: 19px; letter-spacing: -.2px; color: var(--k-text); }
.ridesPage small,
.ridePage small { color: var(--k-muted); }

.ridesPage input,
.ridesPage select,
.ridesPage textarea,
.ridePage input,
.ridePage select,
.ridePage 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;
}

/* ============================================================= ПРОФИЛЬ */

.profilePage .profileCard,
.profilePage .profileHero,
.profilePage .statBox,
.profilePage .badgeItem,
.profilePage .profilePost {
  background: var(--k-card);
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  box-shadow: var(--k-shadow);
  color: var(--k-text);
}
.profilePage .profileCard,
.profilePage .profilePost { padding: var(--k-pad); }

.profilePage .profileHero { overflow: hidden; }
.profilePage .profileCover {
  aspect-ratio: 3 / 1;
  object-fit: cover;
  width: 100%;
  display: block;
  background: var(--k-card-2);
}
.profilePage .avatar {
  border: 2px solid var(--k-line);
  background: var(--k-card-2);
}
.profilePage .profileName { color: var(--k-text); letter-spacing: -.2px; }
.profilePage .status,
.profilePage .contactList,
.profilePage .profileInfo { color: var(--k-muted); }

.profilePage .statGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--k-gap, 7px);
}
.profilePage .statBox { padding: 12px 14px; text-align: center; }
.profilePage .statBox b { color: var(--k-text); font-size: 20px; }
.profilePage .statBox small { color: var(--k-muted); }

.profilePage .badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--k-gap, 7px);
}
.profilePage .badgeItem { padding: 8px 12px; border-radius: var(--k-radius-pill); }

.profilePage .editForm input,
.profilePage .editForm select,
.profilePage .editForm 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;
}
.profilePage .profileActions button {
  border-radius: var(--k-radius-sm);
  padding: 11px 18px;
  font-weight: 600;
  cursor: pointer;
}

/* =========================================================== мобильный */
@media (max-width: 620px) {
  .jobs93Page .jobs93Grid,
  .jobs93Page .jobs93List,
  .events92Page .events92Grid,
  .events92Page .events92List { grid-template-columns: 1fr; }
  .events92Page .events92Card {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .events92Page .events92CardImage {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }
  .events92Page .events92CardBody h3 {
    font-size: 24px;
  }
  .events92Page .events92Date {
    border-left: 0;
    border-top: 1px solid var(--k-line);
    flex-direction: row;
  }
  .profilePage .profileCover { aspect-ratio: 5 / 2; }
}