@charset "UTF-8";

/* ===== BASE ===== */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:#c5ae92;
  color:#121212;
}

/* ===== TOPBAR ===== */
.topbar{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(197,174,146,.96);
  border-bottom:1px solid rgba(0,0,0,.12);
}

/* ===== HEADER LAYOUT (DESKTOP HARD FIX) ===== */
.topbar .inner,
.topbar .inner.headerWide,
.topbar .inner.headerWideV2{
  max-width:1280px;
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:32px;
  flex-wrap:nowrap;
}

/* ===== BRAND (LEFT) ===== */
.topbar .brand{
  flex:0 0 520px;
  max-width:520px;
}
.topbar .brand *{
  white-space:normal;
}

/* ===== NAV (RIGHT) ===== */
.topbar nav,
.topbar .nav,
.topbar .menu,
.topbar .main-menu{
  flex:1 1 auto;
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  gap:22px;
  white-space:nowrap;
  margin:0;
  padding:0;
  position:static;
  left:auto;
  transform:none;
}
.topbar nav a,
.topbar .nav a,
.topbar .menu a,
.topbar .main-menu a{
  text-decoration:none;
  color:#121212;
  font-weight:500;
  white-space:nowrap;
}

/* ===== HEADER INFO UNDER BRAND+NAV ===== */
.headerInfo{
  width:100%;
  margin-top:14px;
  display:flex;
  gap:28px;
  flex-wrap:wrap;
}

/* ===== HERO IMAGE ===== */
.hero{
  max-width:1280px;
  margin:18px auto;
  border-radius:18px;
  overflow:hidden;
}
.hero img{
  width:100%;
  display:block;
}

/* ===== SECTION TITLE ===== */
.sectionTitle{
  max-width:1280px;
  margin:20px auto;
  padding:18px 22px;
  font-size:28px;
  font-weight:700;
  border-radius:20px;
  background:rgba(0,0,0,.06);
}

/* ===== SAFETY: no weird shifts from old rules ===== */
.topbar nav,
.topbar .nav,
.topbar .menu,
.topbar .main-menu{
  margin-left:0 !important;
}/* ===== HEADER FIX (SAFE) 2026-01-14 ===== */

header {
  width: 100%;
  box-sizing: border-box;
}

.headerInner,
.header-inner,
.header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: nowrap;
}

.headerLeft,
.header-left {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.headerUnderBrand,
.header-under-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.meta,
.headerMeta,
.header-meta {
  display: flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}

nav ul,
.headerNav ul {
  display: flex;
  gap: 18px;
  flex-wrap: nowrap;
}

nav ul li a {
  white-space: nowrap;
}

.headerLogo img {
  max-height: 58px;
  width: auto;
}
/* ===== HEADER CLASSES FIX (append only) 2026-01-14 ===== */

/* центрируем содержимое шапки по вертикали */
.topbar .inner,
.topbar .inner.headerWide,
.topbar .inner.headerWideV2{
  align-items:center; /* было flex-start */
}

/* левая колонка: бренд + строка (лого-слоган + контакты) */
.headerLeft{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}

/* строка под брендом */
.headerUnderBrand{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:nowrap;
  min-width:0;
}

/* картинка "С нами вы всегда в плюсе!" */
.brandSloganWrap{ flex:0 0 auto; }
.brandSloganLogo{
  display:block;
  max-height:90px;
  width:auto;
}

/* контакты в одну линию */
.meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:nowrap;
  white-space:nowrap;
}

/* правый логотип TP */
.headerLogo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}
.headerLogo img{
  display:block;
  max-height:70px;
  width:auto;
}
/* ===== FINAL HEADER PIN (STOP OVERLAY) ===== */
header, .topbar{
  position: relative !important;
  background: #d2b99f !important; /* тот же беж, что у сайта */
}
main, .content, .page, .wrapper{
  padding-top: 0 !important;
}
/* ===== FINAL: COMPRESS HEADER HEIGHT (03:00 MODE) ===== */

.topbar, header{
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-image: none !important; /* если фон/герой цеплялся к шапке */
}

/* убираем гигантские внутренние отступы/высоты */
.topbar .inner,
.topbar .inner.headerWide,
.topbar .inner.headerWideV2{
  min-height: 0 !important;
  height: auto !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* меню не должно растягивать шапку по высоте */
.topbar nav,
.headerNav{
  margin: 0 !important;
  padding: 0 !important;
}

/* на всякий: если где-то задан line-height/паддинги огромные */
.topbar *{
  max-height: none !important;
}