/* ===== ВЭБ.РФ стиль v2: масштаб + воздух + палитра ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap');

/* ---------- База ---------- */
body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #2f444e;
  background: #fff;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Montserrat', Arial, sans-serif;
  color: #2f444e;
  font-weight: 700;
  line-height: 1.2;
}
body a { color: #008fd5; text-decoration: none; }
body a:hover { color: #13b3e9; text-decoration: none; }
body .wrapper { max-width: 1240px; }

/* ---------- Шапка: светлая, чистая ---------- */
body header { background: #fff; border-bottom: 1px solid #e6e6e6; }
body header .box { align-items: center; padding: 18px 0; }
body header .nav a {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #2f444e;
  padding: 10px 14px;
  border: none !important;
}
body header .nav a:hover { color: #2cb5b4; }
body header .nav a.publish {
  background: #2cb5b4;
  color: #fff;
  border-radius: 30px;
  padding: 12px 28px;
}
body header .nav a.publish:hover { background: #008fd5; color: #fff; }

/* ---------- Первый экран: зона поиска как hero ---------- */
body .home-search {
  background: linear-gradient(180deg, #f2fbff 0%, #ffffff 100%);
  padding: 64px 0 72px;
}
body .main-search { margin: 0 auto; }
body .main-search .cell input,
body .main-search .cell select,
body .main-search input[type="text"],
body .main-search select {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 30px;
  padding: 14px 24px;
  height: auto;
  font-size: 16px;
  box-shadow: 0 2px 8px rgba(47,68,78,.06);
}
body .main-search .cell input:focus,
body .main-search input:focus, body .main-search select:focus {
  border-color: #2cb5b4;
  box-shadow: 0 0 0 3px rgba(44,181,180,.18);
  outline: none;
}
body .main-search button,
body .main-search .btn {
  background: #2cb5b4;
  border: 2px solid #2cb5b4;
  border-radius: 30px;
  padding: 14px 36px;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  color: #fff;
}
body .main-search button:hover,
body .main-search .btn:hover { background: #008fd5; border-color: #008fd5; }

/* Большой заголовок hero (если добавите в main.php — см. инструкцию) */
body .veb-hero-title {
  font-size: 54px;
  text-align: center;
  margin-bottom: 12px;
}
body .veb-hero-subtitle {
  font-size: 18px;
  color: #718086;
  text-align: center;
  margin-bottom: 36px;
}

/* ---------- Секция объявлений ---------- */
body .home-latest { padding: 56px 0; background: #fff; }
body .home-latest h1, body .home-latest h2,
body .latest_ads h1, body .latest_ads h2 { font-size: 40px; margin-bottom: 32px; }
body #main h5 { font-family: 'Montserrat', Arial, sans-serif; }

/* ---------- Карточки объявлений ---------- */
body .listing-card,
body .listing-grid .listing-card {
  background: #fff;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 10px 0 #ececec;
  padding: 16px;
  transition: transform .2s ease, box-shadow .2s ease;
}
body .listing-card:hover,
body .listing-grid .listing-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(47,68,78,.14);
}
body .listing-thumb, body .listing-thumb img { border-radius: 12px; }
body .listing-card .currency-value {
  font-family: 'Montserrat', Arial, sans-serif;
  color: #2cb5b4;
  font-weight: 700;
  font-size: 20px;
}
body .listing-basicinfo a { color: #2f444e; font-weight: 600; }
body .listing-basicinfo a:hover { color: #008fd5; }
body .listing-attributes, body .desc { color: #718086; font-size: 14px; }

/* ---------- Кнопки ---------- */
body button, body .btn {
  background: #2cb5b4;
  border: none;
  border-radius: 30px !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 600;
  padding: 12px 28px;
  transition: background .2s ease;
}
body .btn.btn-primary { background: #2cb5b4; border: 2px solid #2cb5b4; }
body .btn.btn-primary:hover { background: #008fd5; border-color: #008fd5; }
body .btn.btn-secondary {
  background: transparent;
  border: 2px solid #caecff;
  color: #2f444e;
}
body .btn.btn-secondary:hover { border-color: #008fd5; color: #008fd5; }

/* ---------- Формы ---------- */
body .form-container-box input[type="text"],
body .form-container-box input[type="email"],
body .form-container-box input[type="password"],
body .form-container-box select,
body .form-container-box textarea {
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  padding: 12px 16px;
}
body input:focus, body select:focus, body textarea:focus {
  border-color: #2cb5b4;
  box-shadow: 0 0 0 3px rgba(44,181,180,.15);
  outline: none;
}

/* ---------- Пагинация, переключатель вида ---------- */
body .paginate span.searchPaginationSelected {
  background: #2cb5b4; border-color: #2cb5b4; border-radius: 8px;
}
body .paginate a:hover { border-color: #008fd5; }
body .doublebutton a.active { background: #2cb5b4; border-color: #2cb5b4; }

/* ---------- Подвал: тёмный сланец ---------- */
body footer, body .footer {
  background: #2f444e;
  color: #cfd8dc;
  padding: 40px 0;
}
body footer a, body .footer a { color: #8fd3d2; }
body footer a:hover { color: #2cb5b4; }

/* ---------- Мелочи ---------- */
body .qq-upload-button { background: #2cb5b4 !important; }
body header .nav a:hover { border: none; }