/* Pro-Gubkinskiy premium refresh — first visual layer for legacy Bitrix template.
   Load AFTER style5.css. This overlay deliberately avoids replacing component logic. */
:root {
  --pg-ink: #10243a;
  --pg-ink-soft: #40536a;
  --pg-blue: #1769d2;
  --pg-blue-deep: #0b2543;
  --pg-cyan: #10b5b0;
  --pg-bg: #f3f6fa;
  --pg-surface: #ffffff;
  --pg-line: #e1e8f0;
  --pg-radius: 16px;
  --pg-shadow: 0 10px 30px rgba(13, 35, 61, .08);
}
html { scroll-behavior: smooth; }
body {
  color: var(--pg-ink);
  background: var(--pg-bg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--pg-blue); transition: color .18s ease, background-color .18s ease, box-shadow .18s ease; }
a:hover, a:focus { color: #0a4eaa; }
img { max-width: 100%; height: auto; }
#page-content { padding-bottom: 32px; }
#page-content > .container.bg-white {
  background: transparent !important;
  border: 0;
  box-shadow: none;
  padding-top: 18px;
  padding-bottom: 28px;
}
#page-content .row { min-width: 0; }
#page-content h1, #page-content h2, #page-content h3, #page-content h4 {
  color: var(--pg-ink);
  font-weight: 750;
  line-height: 1.22;
  letter-spacing: -.025em;
}
#page-content h1 { font-size: clamp(28px, 3vw, 42px); margin: 8px 0 22px; }
#page-content h2 { font-size: clamp(23px, 2.2vw, 31px); margin: 26px 0 16px; }
#page-content h3 { font-size: 21px; margin: 20px 0 12px; }
#page-content p { color: var(--pg-ink-soft); line-height: 1.75; }
#page-content .img-thumbnail,
#page-content .thumbnail,
#page-content .well,
#page-content .panel,
#page-content .alert,
#page-content .table {
  border-color: var(--pg-line);
  border-radius: 12px;
}
#page-content .img-thumbnail { padding: 5px; background: #fff; box-shadow: 0 4px 16px rgba(13,35,61,.06); }
#page-content .thumbnail { padding: 14px; box-shadow: var(--pg-shadow); }
#page-content .well { background: #fff; box-shadow: var(--pg-shadow); }
#page-content hr { border-color: var(--pg-line); }
#page-content .label { display: inline-block; border-radius: 999px; font-weight: 650; padding: .38em .72em; }
#page-content .label-primary { background: #e9f2ff; color: #155cb7; }
#page-content .label-default { background: #edf1f5; color: #4d5b6d; }
#page-content .btn, #page-content .btn-primary, #page-content .btn-success, #page-content .btn-default {
  border-radius: 10px;
  font-weight: 700;
  padding: 10px 16px;
  border-width: 1px;
  box-shadow: none;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
#page-content .btn:hover { transform: translateY(-1px); box-shadow: 0 7px 18px rgba(13,35,61,.11); }
#page-content .btn-primary { background: var(--pg-blue); border-color: var(--pg-blue); }
#page-content .btn-success { background: #078879; border-color: #078879; }
#page-content .nav-tabs { border-bottom: 1px solid var(--pg-line); display: flex; flex-wrap: wrap; gap: 5px; }
#page-content .nav-tabs > li { margin-bottom: -1px; }
#page-content .nav-tabs > li > a { border: 1px solid transparent; border-radius: 10px 10px 0 0; color: #43546a; font-weight: 650; padding: 10px 14px; }
#page-content .nav-tabs > li > a:hover { background: #edf4fd; border-color: #edf4fd #edf4fd var(--pg-line); }
#page-content .nav-tabs > li.active > a,
#page-content .nav-tabs > li.active > a:hover,
#page-content .nav-tabs > li.active > a:focus { background: #fff; color: var(--pg-blue); border: 1px solid var(--pg-line); border-bottom-color: #fff; }
#page-content .table { background: #fff; overflow: hidden; }
#page-content .table > tbody > tr > td,
#page-content .table > tbody > tr > th { border-color: var(--pg-line); padding: 12px; vertical-align: middle; }
#page-content .pagination > li > a,
#page-content .pagination > li > span { border-color: var(--pg-line); color: var(--pg-blue); margin: 0 2px; border-radius: 8px; }
#page-content .pagination > .active > a,
#page-content .pagination > .active > span { background: var(--pg-blue); border-color: var(--pg-blue); color: #fff; }
.navbar.navbar-inverse {
  background: var(--pg-blue-deep);
  border: 0;
  border-radius: 15px;
  box-shadow: 0 10px 26px rgba(10, 33, 60, .13);
  margin-bottom: 18px;
}
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text { color: #e7eff8; }
.navbar-inverse .navbar-nav > li > a { font-weight: 650; }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { color: #fff; background: rgba(255,255,255,.09); }
.footer {
  margin-top: 28px;
  padding: 32px 0 38px;
  background: #0b1d31;
  color: #d4e0ed;
  border-top: 3px solid var(--pg-cyan);
}
.footer a { color: #fff; }
.footer a:hover { color: #7de2db; }
/* Modern community shortcuts. */
.pg-social-dock {
  position: fixed;
  z-index: 1040;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-width: calc(100vw - 28px);
}
.pg-social-dock__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 9px 15px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: var(--pg-blue-deep);
  color: #fff !important;
  box-shadow: 0 8px 26px rgba(8, 31, 56, .24);
  text-decoration: none !important;
  font-weight: 750;
  line-height: 1.2;
}
.pg-social-dock__link:hover,
.pg-social-dock__link:focus { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(8,31,56,.3); }
.pg-social-dock__link--vk { background: #1769d2; }
.pg-social-dock__link--max { background: #078879; }
.pg-social-dock__link--news { background: #fff; color: var(--pg-ink) !important; border-color: var(--pg-line); }
.pg-social-dock__icon {
  display: inline-grid;
  place-items: center;
  width: 29px;
  height: 29px;
  border-radius: 9px;
  background: rgba(255,255,255,.16);
  font-size: 12px;
  letter-spacing: -.03em;
  flex: 0 0 29px;
}
.pg-social-dock__link--news .pg-social-dock__icon { background: #e9f2ff; color: var(--pg-blue); }
.pg-social-dock__caption { display: block; font-size: 11px; opacity: .78; font-weight: 550; margin-top: 2px; }
@media (max-width: 767px) {
  body { font-size: 15px; }
  #page-content > .container.bg-white { padding: 12px 14px 24px; }
  #page-content .row { margin-left: -8px; margin-right: -8px; }
  #page-content [class*="col-"] { padding-left: 8px; padding-right: 8px; }
  .navbar.navbar-inverse { border-radius: 0 0 13px 13px; }
  .pg-social-dock { right: 10px; bottom: 10px; gap: 7px; }
  .pg-social-dock__link { min-height: 42px; border-radius: 12px; padding: 7px 10px; gap: 8px; font-size: 13px; }
  .pg-social-dock__caption { display: none; }
  .pg-social-dock__icon { width: 25px; height: 25px; flex-basis: 25px; }
  .footer { padding-bottom: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}


/* === Integration rules for the actual Gorportal template components === */
:root {
  --pg-ink: #12243a;
  --pg-ink-soft: #596b80;
  --pg-blue: #1769d2;
  --pg-blue-deep: #0d2440;
  --pg-cyan: #20c4bb;
  --pg-bg: #f2f5f9;
  --pg-surface: #fff;
  --pg-line: #e1e8f1;
  --pg-radius: 18px;
  --pg-shadow: 0 12px 34px rgba(19, 43, 71, .08);
}
body#background-banner { background-color: var(--pg-bg); }
#page-content { max-width: 100%; }
#page-content > .container.bg-white,
body > .container.bg-white {
  border-radius: 18px;
}
/* Header: retain Bitrix menus, search, authorization and ad component; refresh only presentation. */
body > .container.bg-white { background: #fff; }
#page-content > .container.bg-white { border-radius: 18px; }
.navbar.navbar-inverse {
  min-height: 48px;
  background: linear-gradient(110deg, #0d2440, #153a61);
  border-radius: 0 0 16px 16px;
}
.navbar.navbar-default {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 15px;
  box-shadow: 0 7px 25px rgba(19,43,71,.07);
  padding: 4px 8px;
}
.navbar-default .navbar-nav > li > a {
  color: #263b54;
  font-weight: 700;
  border-radius: 9px;
  transition: color .18s ease, background .18s ease;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  color: #125bb7;
  background: #edf4ff;
}
.navbar-default .navbar-toggle { border-color: #d7e2ef; border-radius: 9px; }
.navbar-default .navbar-toggle .icon-bar { background: #214261; }
#page-content > .container h1 { color: var(--pg-ink); }
#page-content .breadcrumb { background: transparent; padding-left: 0; }
#page-content .alert { box-shadow: 0 5px 18px rgba(19,43,71,.04); }
#page-content .panel-heading { font-weight: 750; }
#page-content .well { border: 1px solid var(--pg-line); }

/* Home news module */
.pg-news-home-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 12px !important;
  color: var(--pg-ink) !important;
  font-size: 23px !important;
  font-weight: 800;
  letter-spacing: -.025em;
}
.pg-news-home-title .label { margin-left: auto; }
.pg-news-home-card {
  margin: 0 0 12px !important;
  padding: 12px 14px 14px;
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 14px;
  transition: box-shadow .18s ease, transform .18s ease;
}
.pg-news-home-card:hover { box-shadow: var(--pg-shadow); transform: translateY(-1px); }
.pg-news-home-card h4, .pg-news-home-card a { font-weight: 750; }

/* News list: first publication is visually featured; following entries are compact cards. */
.pg-news-feature, .pg-news-card {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: var(--pg-radius);
  box-shadow: 0 6px 24px rgba(19,43,71,.045);
  overflow: hidden;
  margin: 0 0 18px !important;
  padding: 16px;
  transition: transform .18s ease, box-shadow .18s ease;
}
.pg-news-feature:hover, .pg-news-card:hover { box-shadow: var(--pg-shadow); }
.pg-news-feature img, .pg-news-card img { border: 0; border-radius: 12px; object-fit: cover; }
.pg-news-feature > [class*="col-"]:first-child img { width: 100%; max-height: 330px; object-fit: cover; }
.pg-news-feature a b, .pg-news-card a { color: var(--pg-ink); text-decoration: none; }
.pg-news-feature a b { font-size: clamp(20px, 2vw, 28px); line-height: 1.25; }
.pg-news-card a { font-size: 18px; font-weight: 750; line-height: 1.35; }
.pg-news-feature p, .pg-news-card p { margin-top: 10px; }
.pg-news-feature + .row, .pg-news-card + .row { margin-bottom: 14px !important; }
.pg-news-detail {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 20px;
  box-shadow: var(--pg-shadow);
  padding: 22px;
  margin: 0 0 24px !important;
}
.pg-news-detail > [class*="col-"] { min-width: 0; }
.pg-news-detail .shadow-right { border-right: 1px solid var(--pg-line); }
.pg-news-detail img { border-radius: 13px; }
.pg-news-detail .label-primary { position: static !important; display: inline-block; margin: 3px 0 12px; font-size: 12px !important; }
.pg-news-detail .alert-success { background: #f0f8ff; border-color: #d9e9f8; color: var(--pg-ink); }
.pg-news-detail .carousel { overflow: hidden; border-radius: 14px; }

/* Directory list and organization page. */
.pg-company-card {
  display: flex;
  align-items: flex-start;
  gap: 0;
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: var(--pg-radius);
  padding: 16px 14px;
  margin: 0 0 16px !important;
  box-shadow: 0 5px 22px rgba(19,43,71,.04);
  transition: box-shadow .18s ease, transform .18s ease;
}
.pg-company-card:hover { box-shadow: var(--pg-shadow); transform: translateY(-1px); }
.pg-company-card h4 { margin-top: 4px !important; margin-bottom: 8px !important; }
.pg-company-card h4 a { color: var(--pg-ink); font-size: 20px; font-weight: 800; }
.pg-company-card .img-thumbnail { border-radius: 14px; }
.pg-company-card .glyphicon { color: var(--pg-blue); }
.pg-company-hero {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 20px;
  padding: 20px 16px 18px;
  margin: 0 0 18px !important;
  box-shadow: 0 8px 28px rgba(19,43,71,.05);
}
#page-content .pg-company-hero > [class*="col-"] > .img-thumbnail { max-height: 310px; object-fit: contain; }
#page-content .nav-tabs + .tab-content { background: #fff; border: 1px solid var(--pg-line); border-top: 0; border-radius: 0 0 16px 16px; padding: 18px; }
#page-content .pg-company-hero .table { box-shadow: none; }
#page-content .pg-company-hero .table td:first-child { color: #6a7b8f; width: 30%; font-weight: 700; }

/* Classifieds: preserve Bitrix sale/promotion columns and existing detail/gallery logic. */
.pg-board-table { border-collapse: separate !important; border-spacing: 0 9px !important; background: transparent !important; }
.pg-board-table > tbody > tr { background: #fff; box-shadow: 0 4px 17px rgba(19,43,71,.04); }
.pg-board-table > tbody > tr > td { border-top: 1px solid var(--pg-line) !important; border-bottom: 1px solid var(--pg-line); }
.pg-board-table > tbody > tr > td:first-child { border-left: 1px solid var(--pg-line); border-radius: 13px 0 0 13px; }
.pg-board-table > tbody > tr > td:last-child { border-right: 1px solid var(--pg-line); border-radius: 0 13px 13px 0; }
.pg-board-table .pg-board-row a { color: var(--pg-ink); }
.pg-board-table .pg-board-row td:nth-child(2) a { font-size: 16px !important; line-height: 1.4; }
.pg-board-table .success { background: #f1faf7 !important; }
.pg-ad-detail {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 20px;
  box-shadow: var(--pg-shadow);
  padding: 20px;
  margin: 0 0 24px !important;
}
.pg-ad-detail .img-thumbnail { border-radius: 14px; }
.pg-ad-detail .row { margin-bottom: 8px; }
.pg-ad-detail .table { background: #fff; }
.pg-ad-detail .label-danger { background: #fff0eb; color: #ab3b1f; }

/* Social share / legacy media / common details. */
#page-content .btn-primary, #page-content a.btn-primary { color: #fff; }
#page-content .cm-overlay img { cursor: zoom-in; }
#page-content .pagination { margin: 22px 0; }
#page-content .table-responsive { border: 0; }

@media (max-width: 767px) {
  #page-content > .container.bg-white { border-radius: 12px; }
  .pg-news-feature, .pg-news-card, .pg-company-hero, .pg-ad-detail, .pg-news-detail { padding: 13px; border-radius: 14px; }
  .pg-news-detail .shadow-right { border-right: 0; }
  .pg-news-feature > [class*="col-"]:first-child img { max-height: 230px; }
  .pg-news-card a { font-size: 16px; }
  .pg-company-card { padding: 12px; }
  .pg-company-card > .col-md-3 { display: none; }
  .pg-company-card > .col-md-9 { width: 100%; }
  .pg-company-hero .table td { display: block; width: 100% !important; }
  .pg-company-hero .table td:first-child { padding-bottom: 3px !important; border-bottom: 0 !important; }
  .pg-board-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .pg-board-table > tbody > tr > td { padding: 9px !important; min-width: 62px; }
  .pg-board-table > tbody > tr > td:nth-child(2) { min-width: 165px; }
  .pg-news-home-title { font-size: 20px !important; }
}


/* Vehicle and real-estate boards use separate Bitrix component templates. */
.pg-realty-card {
  background: #fff;
  border: 1px solid var(--pg-line);
  border-radius: 15px;
  box-shadow: 0 4px 18px rgba(19,43,71,.045);
  padding: 12px 14px;
  margin: 0 0 13px !important;
  transition: box-shadow .18s ease, transform .18s ease;
}
.pg-realty-card:hover { box-shadow: var(--pg-shadow); transform: translateY(-1px); }
.pg-realty-card .img-thumbnail { border-radius: 12px; }
.pg-realty-card a { color: var(--pg-ink); font-weight: 750; }
@media (max-width: 767px) {
  .pg-realty-card { padding: 12px; }
  .pg-realty-card .cent, .pg-realty-card .cent1 { position: static; top: auto; margin: 7px 0; }
}


/* === Homepage layout integration === */
.pg-home-content { display:block; padding: 0 0 18px; }
.pg-home-hero {
  position: relative; overflow: hidden; margin: 8px 0 24px; padding: clamp(22px,4vw,46px);
  border-radius: 22px; color: #fff;
  background: radial-gradient(circle at 92% 8%, rgba(32,196,187,.28), transparent 32%),
              linear-gradient(120deg, #0d2440 0%, #164c7d 62%, #1769d2 100%);
  box-shadow: 0 18px 42px rgba(13,36,64,.18);
}
.pg-home-hero__content { position:relative; z-index:1; max-width: 850px; }
.pg-home-eyebrow { display:inline-block; margin-bottom:12px; color:#8be6e0; font-size:11px; font-weight:800; letter-spacing:.14em; }
.pg-home-hero h1 { max-width: 800px; margin: 0 0 14px !important; color:#fff !important; font-size:clamp(30px,4vw,48px) !important; font-weight:850 !important; line-height:1.08 !important; letter-spacing:-.035em !important; }
.pg-home-hero p { max-width:670px; margin:0 0 23px; color:rgba(255,255,255,.82) !important; font-size:clamp(15px,1.6vw,18px); line-height:1.65; }
.pg-home-hero__actions { display:flex; flex-wrap:wrap; gap:10px; }
.pg-home-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 17px; border:1px solid transparent; border-radius:11px; font-weight:750; text-decoration:none !important; transition:transform .18s ease, background .18s ease, box-shadow .18s ease; }
.pg-home-btn:hover { transform:translateY(-2px); }
.pg-home-btn--primary { background:#20c4bb; color:#0c2944 !important; }
.pg-home-btn--light { background:#fff; color:#112b49 !important; }
.pg-home-btn--outline { border-color:rgba(255,255,255,.42); background:rgba(255,255,255,.07); color:#fff !important; }
.pg-home-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 25px; }
.pg-home-shortcut { display:flex; align-items:center; gap:12px; min-height:86px; padding:15px; border:1px solid var(--pg-line); border-radius:15px; background:#fff; box-shadow:0 6px 22px rgba(19,43,71,.045); color:var(--pg-ink) !important; text-decoration:none !important; transition:transform .18s ease, box-shadow .18s ease; }
.pg-home-shortcut:hover { transform:translateY(-2px); box-shadow:var(--pg-shadow); }
.pg-home-shortcut__icon { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border-radius:12px; background:#eaf3ff; color:#1769d2; font-size:23px; font-weight:800; }
.pg-home-shortcut strong, .pg-home-shortcut small { display:block; }
.pg-home-shortcut strong { font-size:15px; line-height:1.3; font-weight:800; }
.pg-home-shortcut small { margin-top:4px; color:#68798c; font-size:12px; line-height:1.35; }
.pg-home-row { margin-bottom:20px !important; }
.pg-home-row > [class*="col-"] { min-width:0; margin-bottom:16px; }
.pg-home-top-grid > [class*="col-"],
.pg-home-market-grid > [class*="col-"],
.pg-home-feature-grid > [class*="col-"],
.pg-home-community-grid > [class*="col-"] { padding-top:16px; padding-bottom:16px; border:1px solid var(--pg-line); border-radius:17px; background:#fff; box-shadow:0 6px 22px rgba(19,43,71,.04); }
.pg-home-row h4 { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:2px 0 13px !important; font-size:20px; font-weight:800; line-height:1.3; }
.pg-home-row h4 .pull-right { float:none !important; margin-left:auto; white-space:nowrap; }
.pg-home-row hr { border-color:var(--pg-line) !important; }
.pg-home-row .label-success { background:#e6f7f4; color:#087f72; font-weight:750; }
.pg-home-row .label-primary { background:#eaf2ff; color:#155bb3; }
.pg-home-top-grid > .col-md-6 { padding-left:20px; padding-right:20px; }
.pg-home-top-grid > .col-md-3 { padding-left:18px; padding-right:18px; }
.pg-home-top-grid > .col-md-3 h4 { font-size:18px; }
.pg-home-banner-strip { margin-top:2px; }
.pg-home-banner-strip > [class*="col-"] { padding:0; }
.pg-home-market-grid > [class*="col-"] > div[id] { padding:8px 0; border-bottom:1px solid #edf1f6; line-height:1.5; }
.pg-home-market-grid > [class*="col-"] > div[id]:last-child { border-bottom:0; }
.pg-home-feature-grid [style*="height:160px"] { height:auto !important; min-height:150px; margin-bottom:14px !important; }
.pg-home-feature-grid h6 { min-height:36px; margin:8px 0 !important; font-size:12px; font-weight:750; line-height:1.35; }
.pg-home-feature-grid img { object-fit:cover; }
.pg-home-community-grid > [class*="col-"] { overflow:hidden; }
.pg-home-bottom-grid { display:flex; align-items:stretch; margin:10px -8px 18px !important; }
.pg-home-bottom-grid > [class*="col-"] { padding:18px; }
.pg-home-seo { border:1px solid var(--pg-line); border-radius:16px; background:#fff; }
.pg-home-seo h2 { margin-top:0 !important; font-size:24px !important; }
.pg-home-seo h3 { font-size:18px !important; }
.pg-home-bottom-grid > .col-md-6:last-child { padding:18px; border:1px solid var(--pg-line); border-radius:16px; background:#fff; }
.pg-home-partner-row { margin:0 -8px 10px !important; }
.pg-home-partner-links { display:flex; flex-wrap:wrap; gap:8px; padding:14px; border:1px solid var(--pg-line); border-radius:14px; background:#fff; }
.pg-home-partner-links a { display:inline-block; padding:7px 10px; border:1px solid #e7edf4; border-radius:9px; background:#f8fafc; color:#475d74; font-size:12px; text-decoration:none; }
.pg-home-partner-links a:hover { background:#edf4ff; color:#155bb7; }
@media (max-width: 991px) {
  .pg-home-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-home-top-grid > .col-md-6, .pg-home-top-grid > .col-md-3 { padding-left:14px; padding-right:14px; }
}
@media (max-width: 767px) {
  .pg-home-hero { margin:2px -4px 17px; padding:22px 18px; border-radius:16px; }
  .pg-home-hero h1 { font-size:29px !important; }
  .pg-home-hero__actions { display:grid; grid-template-columns:1fr; }
  .pg-home-btn { width:100%; }
  .pg-home-shortcuts { gap:8px; margin-bottom:18px; }
  .pg-home-shortcut { min-height:74px; padding:10px; gap:9px; border-radius:12px; }
  .pg-home-shortcut__icon { width:34px; height:34px; flex-basis:34px; font-size:19px; border-radius:10px; }
  .pg-home-shortcut strong { font-size:13px; }
  .pg-home-shortcut small { font-size:11px; }
  .pg-home-row > [class*="col-"] { margin-bottom:12px; }
  .pg-home-row h4 { font-size:18px; }
  .pg-home-top-grid > [class*="col-"], .pg-home-market-grid > [class*="col-"], .pg-home-feature-grid > [class*="col-"], .pg-home-community-grid > [class*="col-"] { padding:13px; border-radius:13px; }
  .pg-home-bottom-grid { display:block; }
  .pg-home-bottom-grid > [class*="col-"] { margin-bottom:12px; padding:13px; }
}

/* === Homepage component refresh: news, listings, catalog, company news and video === */
.pg-home-module { min-width: 0; color: var(--pg-ink); }
.pg-home-module__head { display:flex; align-items:center; gap:12px; justify-content:space-between; margin:2px 0 14px; padding-bottom:12px; border-bottom:1px solid var(--pg-line); }
.pg-home-module__title { margin:0 !important; color:var(--pg-ink) !important; font-size:clamp(18px,1.5vw,22px) !important; line-height:1.25 !important; font-weight:850 !important; letter-spacing:-.025em !important; }
.pg-home-module__more { display:inline-flex; align-items:center; gap:7px; flex:0 0 auto; padding:7px 11px; border-radius:999px; background:#e9f7f5; color:#087f72 !important; font-size:12px; font-weight:800; text-decoration:none !important; }
.pg-home-module__more:hover { background:#d9f1ed; color:#075f56 !important; }
.pg-home-empty { padding:18px; border:1px dashed var(--pg-line); border-radius:12px; color:var(--pg-ink-soft); background:#f8fafc; margin:0; }
.pg-meta-date { display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:4px 8px; border-radius:7px; background:#edf4ff; color:#2563a9; font-size:11px; line-height:1.35; font-weight:750; }
.pg-meta-pill { display:inline-flex; margin-left:5px; padding:4px 8px; border-radius:7px; background:#fff3e7; color:#a85b11; font-size:11px; font-weight:750; }

/* News home, including the compact video list that reuses this component. */
.pg-home-news__list { display:flex; flex-direction:column; gap:10px; }
.pg-home-news__item { display:grid; grid-template-columns:104px minmax(0,1fr); gap:13px; align-items:start; min-width:0; padding:11px; border:1px solid var(--pg-line); border-radius:13px; background:#fff; transition:box-shadow .18s ease, transform .18s ease; }
.pg-home-news__item:hover { box-shadow:0 8px 24px rgba(19,43,71,.08); transform:translateY(-1px); }
.pg-home-news__item--featured { grid-template-columns:minmax(0, .92fr) minmax(0,1fr); gap:16px; padding:13px; }
.pg-home-news__item--featured.pg-home-news__item--no-image { grid-template-columns:minmax(0,1fr); }
.pg-home-news__image { display:block; min-width:0; overflow:hidden; border-radius:10px; background:#edf2f7; aspect-ratio:4/3; }
.pg-home-news__image img { display:block; width:100%; height:100%; min-height:80px; object-fit:cover; }
.pg-home-news__item--featured .pg-home-news__image { aspect-ratio:4/3; }
.pg-home-news__item--featured .pg-home-news__image img { min-height:170px; }
.pg-home-news__body { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.pg-home-news__item-title { margin:0 !important; font-size:16px !important; font-weight:800 !important; line-height:1.36 !important; letter-spacing:-.015em !important; overflow-wrap:anywhere; }
.pg-home-news__item-title a { color:var(--pg-ink) !important; text-decoration:none !important; }
.pg-home-news__item-title a:hover { color:var(--pg-blue) !important; }
.pg-home-news__item--featured .pg-home-news__item-title { font-size:clamp(18px,1.8vw,24px) !important; line-height:1.28 !important; }
.pg-home-news__excerpt { color:var(--pg-ink-soft); font-size:13px; line-height:1.55; }
.pg-home-news__excerpt p { margin:0 0 7px; font-size:inherit; line-height:inherit; }
.pg-home-news--compact .pg-home-news__item { display:flex; padding:10px 0; border:0; border-bottom:1px solid #edf1f6; border-radius:0; box-shadow:none; transform:none; }
.pg-home-news--compact .pg-home-news__item:last-child { border-bottom:0; }
.pg-home-news--compact .pg-home-news__item-title { font-size:14px !important; }
.pg-home-news--compact .pg-home-module__title { font-size:18px !important; }
.pg-home-news--compact .pg-home-news__body { gap:6px; }

/* Classifieds and vacancies: compact, readable lists instead of default labels and HR elements. */
.pg-home-list__items { display:flex; flex-direction:column; }
.pg-home-list__item { display:grid; grid-template-columns:max-content minmax(0,1fr) 18px; gap:11px; align-items:center; padding:12px 2px; border-bottom:1px solid #edf1f6; }
.pg-home-list__item:last-child { border-bottom:0; }
.pg-home-list__link { min-width:0; color:var(--pg-ink) !important; font-size:14px; line-height:1.45; font-weight:700; text-decoration:none !important; overflow-wrap:anywhere; }
.pg-home-list__link:hover { color:var(--pg-blue) !important; }
.pg-home-list__arrow { color:#8aa0b6; font-size:16px; transition:transform .18s ease; }
.pg-home-list__item:hover .pg-home-list__arrow { transform:translate(2px,-2px); color:var(--pg-blue); }
.pg-home-list--jobs .pg-home-list__item { grid-template-columns:max-content minmax(0,1fr) 18px; }

/* Company directory teaser. */
.pg-home-catalog__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.pg-home-catalog__item { min-width:0; }
.pg-home-catalog__link { display:flex; flex-direction:column; height:100%; gap:8px; padding:8px; border:1px solid var(--pg-line); border-radius:12px; background:#fff; text-decoration:none !important; transition:box-shadow .18s ease, transform .18s ease; }
.pg-home-catalog__link:hover { transform:translateY(-2px); box-shadow:var(--pg-shadow); }
.pg-home-catalog__image { display:grid; place-items:center; overflow:hidden; aspect-ratio:1.35/1; border-radius:8px; background:#f2f6fb; }
.pg-home-catalog__image img { display:block; width:100%; height:100%; object-fit:contain; }
.pg-home-catalog__name { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:var(--pg-ink); font-size:12px; font-weight:800; line-height:1.35; text-align:center; overflow-wrap:anywhere; }

/* News/company and video report tiles. */
.pg-home-feature-list__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pg-home-feature-card { display:flex; flex-direction:column; min-width:0; gap:8px; padding:10px; border:1px solid var(--pg-line); border-radius:14px; background:#fff; transition:transform .18s ease, box-shadow .18s ease; }
.pg-home-feature-card:hover { transform:translateY(-2px); box-shadow:var(--pg-shadow); }
.pg-home-feature-card__image { display:block; position:relative; overflow:hidden; aspect-ratio:4/3; border-radius:10px; background:#edf2f7; }
.pg-home-feature-card__image img { display:block; width:100%; height:100%; object-fit:cover; }
.pg-home-feature-card__title { margin:0 !important; font-size:13px !important; font-weight:800 !important; line-height:1.4 !important; }
.pg-home-feature-card__title a { color:var(--pg-ink) !important; text-decoration:none !important; }
.pg-home-feature-card__title a:hover { color:var(--pg-blue) !important; }
.pg-home-video-card__image { aspect-ratio:16/9; }
.pg-home-video-card__play { position:absolute; inset:auto auto 10px 10px; display:grid; place-items:center; width:37px; height:37px; padding-left:2px; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(11,37,67,.84); color:#fff; font-size:14px; box-shadow:0 4px 15px rgba(0,0,0,.18); }
.pg-home-feature-card__excerpt { color:var(--pg-ink-soft); font-size:12px; line-height:1.5; }

/* Nested reviews component must not sit inside an outer anchor. */
.pg-home-comments__list { display:flex; flex-direction:column; gap:12px; }
.pg-home-comments__item { min-width:0; padding:12px; border:1px solid var(--pg-line); border-radius:13px; background:#fff; overflow:hidden; }
.pg-home-comments__context { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:8px; color:var(--pg-ink) !important; font-size:13px; font-weight:800; text-decoration:none !important; }
.pg-home-comments__context:hover { color:var(--pg-blue) !important; }
.pg-home-comments__item .reviews2-list, .pg-home-comments__item .reviews2-list > div { max-width:100%; }
.pg-home-comments__item img { max-width:100%; }

@media (max-width: 991px) {
  .pg-home-news__item--featured { grid-template-columns:minmax(0, .8fr) minmax(0,1fr); }
  .pg-home-feature-list__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-home-catalog__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .pg-home-module__head { align-items:flex-start; }
  .pg-home-module__title { font-size:18px !important; }
  .pg-home-module__more { padding:6px 9px; font-size:11px; }
  .pg-home-news__item, .pg-home-news__item--featured { grid-template-columns:88px minmax(0,1fr); gap:10px; padding:9px; }
  .pg-home-news__item--featured .pg-home-news__image img { min-height:78px; }
  .pg-home-news__item--featured .pg-home-news__item-title { font-size:17px !important; }
  .pg-home-news__item-title { font-size:14px !important; }
  .pg-home-news__excerpt { display:none; }
  .pg-home-list__item { grid-template-columns:1fr 18px; gap:6px 8px; }
  .pg-home-list__item .pg-meta-date { grid-column:1 / -1; }
  .pg-home-list__link { font-size:13px; }
  .pg-home-catalog__grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .pg-home-catalog__link { padding:6px; }
  .pg-home-catalog__name { font-size:11px; }
  .pg-home-feature-list__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .pg-home-feature-card { padding:7px; border-radius:11px; }
  .pg-home-feature-card__title { font-size:12px !important; }
}
@media (max-width: 420px) {
  .pg-home-catalog__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pg-home-news__item, .pg-home-news__item--featured { grid-template-columns:76px minmax(0,1fr); }
  .pg-home-news__item--featured .pg-home-news__item-title { font-size:15px !important; }
}


/* === 2026-10-26 hotfix: header menu wrapping and homepage CTA spacing === */
/* Keep the existing Bitrix menu/component logic, but place menu items into balanced rows. */
#page-content .navbar.navbar-default {
  margin: 8px auto 20px !important;
  padding: 8px 10px !important;
  box-sizing: border-box;
}
#page-content .navbar.navbar-default .navbar-collapse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-top: 0;
  overflow: visible !important;
}
#page-content .navbar.navbar-default .navbar-nav {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: stretch;
  gap: 4px 5px;
  float: none !important;
  width: 100%;
  margin: 0 !important;
}
#page-content .navbar.navbar-default .navbar-nav > li {
  float: none !important;
  display: block;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  position: relative;
}
#page-content .navbar.navbar-default .navbar-nav > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 40px;
  height: 100%;
  padding: 8px 7px !important;
  border-radius: 9px;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.25;
}
#page-content .navbar.navbar-default .navbar-nav > li > a .caret {
  flex: 0 0 auto;
  margin-left: 2px;
}
#page-content .navbar.navbar-default .navbar-nav > li > .dropdown-menu {
  z-index: 1080;
}

/* Logo/ad/login row: visually join its three columns and eliminate accidental grid overlap. */
#page-content nav.navbar.navbar-inverse + .container.bg-white {
  margin-bottom: 12px;
  padding-left: 0;
  padding-right: 0;
  background: transparent !important;
}
#page-content nav.navbar.navbar-inverse + .container.bg-white > .row {
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 12px;
  border: 1px solid var(--pg-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(19, 43, 71, .045);
}
#page-content nav.navbar.navbar-inverse + .container.bg-white > .row > [class*="col-"] {
  min-width: 0;
}
#page-content nav.navbar.navbar-inverse + .container.bg-white img {
  max-width: 100%;
  height: auto;
}

/* The hero's main buttons and four shortcut cards were too close and looked superimposed. */
#page-content .pg-home-hero {
  margin-top: 8px;
  margin-bottom: 24px !important;
  isolation: isolate;
}
#page-content .pg-home-hero__actions {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px !important;
  clear: both;
}
#page-content .pg-home-shortcuts {
  position: relative;
  z-index: 1;
  clear: both;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#page-content .pg-home-btn {
  flex: 0 0 auto;
  max-width: 100%;
  white-space: normal;
  text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  #page-content .navbar.navbar-default .navbar-nav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #page-content .navbar.navbar-default .navbar-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  #page-content .navbar.navbar-default .navbar-nav > li > a {
    font-size: 12px;
    padding: 8px 5px !important;
  }
}
@media (max-width: 767px) {
  #page-content nav.navbar.navbar-inverse + .container.bg-white > .row {
    display: block;
    padding: 12px;
  }
  #page-content nav.navbar.navbar-inverse + .container.bg-white > .row > [class*="col-"] {
    width: 100%;
    margin-bottom: 10px;
  }
  #page-content nav.navbar.navbar-inverse + .container.bg-white > .row > [class*="col-"]:last-child {
    margin-bottom: 0;
  }
  #page-content .navbar.navbar-default .navbar-collapse {
    padding: 8px 0 !important;
  }
  #page-content .navbar.navbar-default .navbar-nav {
    display: block !important;
  }
  #page-content .navbar.navbar-default .navbar-nav > li > a {
    justify-content: flex-start;
    min-height: 42px;
    text-align: left;
    font-size: 14px;
    padding: 10px 12px !important;
  }
  #page-content .pg-home-hero {
    margin: 2px 0 18px !important;
    padding: 22px 18px;
  }
  #page-content .pg-home-hero__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
    margin-bottom: 18px !important;
  }
  #page-content .pg-home-btn {
    width: 100%;
    min-height: 44px;
  }
  #page-content .pg-home-shortcuts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }
}
@media (max-width: 420px) {
  #page-content .pg-home-shortcuts {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* ==========================================================
   Pro-Gubkinskiy: modern, accessible multi-level navigation
   Replaces the old mega-dropdown hover/toggle behaviour.
   ========================================================== */
.navbar.navbar-default,
.navbar.navbar-default > .container,
.navbar.navbar-default .navbar-collapse,
.navbar.navbar-default #top_menu {
  position: relative;
}

@media (min-width: 768px) {
  .navbar.navbar-default,
  .navbar.navbar-default > .container,
  .navbar.navbar-default .navbar-collapse,
  .navbar.navbar-default #top_menu {
    overflow: visible !important;
  }

  .navbar.navbar-default .pg-site-nav {
    display: flex !important;
    flex-flow: row wrap;
    align-items: center;
    gap: 3px 5px;
    float: none !important;
    width: 100%;
    margin: 0 !important;
    padding: 2px 0;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item {
    position: relative;
    display: block;
    float: none !important;
    margin: 0;
    padding: 0;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item > .pg-menu-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #243b55;
    font-size: 12.5px;
    font-weight: 750;
    line-height: 1.25;
    text-decoration: none;
    white-space: normal;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item > .pg-menu-link:hover,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item > .pg-menu-link:focus,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item.is-active > .pg-menu-link,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item.open > .pg-menu-link {
    color: #135fb8;
    background: #edf5ff;
    outline: none;
  }

  .navbar.navbar-default .pg-menu-item.has-children > .pg-menu-link::after {
    content: "";
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    margin-top: -3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: .72;
  }

  .navbar.navbar-default .pg-menu-toggle { display: none !important; }

  .navbar.navbar-default .pg-site-nav .pg-menu-dropdown {
    display: none;
    position: absolute;
    z-index: 5000;
    top: 100%;
    left: 0;
    float: none;
    width: 310px;
    min-width: 250px;
    max-width: min(680px, calc(100vw - 32px));
    max-height: min(70vh, 560px);
    overflow: auto;
    margin: 0;
    padding: 9px;
    list-style: none;
    color: #20364e;
    background: #fff;
    border: 1px solid #dce6f1;
    border-radius: 0 14px 14px 14px;
    box-shadow: 0 18px 42px rgba(15, 39, 67, .18);
    -webkit-overflow-scrolling: touch;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item:hover > .pg-menu-dropdown,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item:focus-within > .pg-menu-dropdown,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item.open > .pg-menu-dropdown {
    display: block;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item:nth-last-child(-n+3) > .pg-menu-dropdown {
    left: auto;
    right: 0;
    border-radius: 14px 0 14px 14px;
  }

  .navbar.navbar-default .pg-menu-dropdown-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .navbar.navbar-default .pg-menu-dropdown.has-extra {
    width: 590px;
  }

  .navbar.navbar-default .pg-menu-dropdown.has-extra .pg-menu-dropdown-inner {
    grid-template-columns: minmax(200px, .85fr) minmax(220px, 1.15fr);
  }

  .navbar.navbar-default .pg-menu-heading {
    margin: 4px 7px 7px;
    color: #7a8da3;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .12em;
    line-height: 1.4;
    text-transform: uppercase;
  }

  .navbar.navbar-default .pg-menu-child-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item { display: block; margin: 0; padding: 0; }
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a {
    display: flex;
    align-items: center;
    min-height: 39px;
    padding: 9px 11px;
    border-radius: 8px;
    color: #263b54;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    white-space: normal;
    text-decoration: none;
    transition: background .15s ease, color .15s ease, padding-left .15s ease;
  }

  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a:hover,
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a:focus,
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item.is-active > a {
    color: #125bb7;
    background: #edf5ff;
    padding-left: 15px;
    outline: none;
  }

  .navbar.navbar-default .pg-menu-extra {
    min-width: 0;
    padding: 10px;
    background: #f5f8fc;
    border: 1px solid #e6edf5;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.5;
  }
  .navbar.navbar-default .pg-menu-extra img { max-width: 100%; height: auto; border-radius: 7px; }
  .navbar.navbar-default .pg-menu-extra a { overflow-wrap: anywhere; }
}

@media (max-width: 767px) {
  .navbar.navbar-default #top_menu {
    max-height: min(72vh, 680px);
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 8px 10px 12px;
    border-top: 1px solid #e6edf5;
  }

  .navbar.navbar-default .pg-site-nav {
    display: block !important;
    float: none !important;
    width: 100%;
    margin: 0 !important;
    padding: 0;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item {
    position: relative;
    display: block;
    float: none !important;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #edf1f6;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item > .pg-menu-link {
    display: inline-flex;
    align-items: center;
    width: calc(100% - 48px);
    min-height: 45px;
    padding: 12px 10px;
    color: #243b55;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none;
    white-space: normal;
  }

  .navbar.navbar-default .pg-site-nav > .pg-menu-item > .pg-menu-link:hover,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item > .pg-menu-link:focus,
  .navbar.navbar-default .pg-site-nav > .pg-menu-item.is-active > .pg-menu-link {
    color: #125bb7;
    background: #f1f6fd;
    border-radius: 8px;
    outline: none;
  }

  .navbar.navbar-default .pg-menu-toggle {
    display: inline-flex;
    position: absolute;
    top: 5px;
    right: 0;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 36px;
    padding: 0;
    color: #31516f;
    background: #f1f6fd;
    border: 1px solid #dbe7f4;
    border-radius: 9px;
    cursor: pointer;
  }
  .navbar.navbar-default .pg-menu-chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .15s ease;
    margin-top: -4px;
  }
  .navbar.navbar-default .pg-menu-item.open > .pg-menu-toggle .pg-menu-chevron { transform: rotate(225deg); margin-top: 4px; }

  .navbar.navbar-default .pg-site-nav .pg-menu-dropdown {
    display: none;
    position: static !important;
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 0 9px 8px !important;
    padding: 7px !important;
    background: #f6f9fd !important;
    border: 0 !important;
    border-left: 3px solid #22b9b4 !important;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: none !important;
  }
  .navbar.navbar-default .pg-site-nav > .pg-menu-item.open > .pg-menu-dropdown { display: block !important; }
  .navbar.navbar-default .pg-menu-dropdown-inner,
  .navbar.navbar-default .pg-menu-dropdown.has-extra .pg-menu-dropdown-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .navbar.navbar-default .pg-menu-heading { margin: 4px 7px 6px; color: #7a8da3; font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
  .navbar.navbar-default .pg-menu-child-list { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item { display: block; float: none; margin: 0; padding: 0; }
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a {
    display: block;
    padding: 10px 9px;
    color: #314a65;
    background: #fff;
    border-radius: 7px;
    font-size: 13px;
    line-height: 1.35;
    white-space: normal;
    text-decoration: none;
  }
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a:hover,
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a:focus { color: #125bb7; background: #eaf3ff; outline: none; }
  .navbar.navbar-default .pg-menu-extra { padding: 8px; background: #fff; border: 1px solid #e1eaf4; border-radius: 9px; font-size: 13px; }
  .navbar.navbar-default .pg-site-nav .caret { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .navbar.navbar-default .pg-menu-child-list > .pg-menu-child-item > a,
  .navbar.navbar-default .pg-menu-chevron { transition: none !important; }
}


/* ==========================================================
   MENU FIX v2 — override the legacy 7-column navbar grid.
   The earlier #page-content ... .navbar-nav { display:grid !important }
   had stronger specificity than the first flex rule; explicitly
   target the actual #top_menu root below.
   ========================================================== */
@media (min-width: 768px) {
  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    align-content: flex-start !important;
    grid-template-columns: none !important;
    grid-auto-flow: row !important;
    gap: 5px 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    float: none !important;
    list-style: none !important;
  }

  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item {
    display: block !important;
    flex: 0 0 auto !important;
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item > a.pg-menu-link {
    display: inline-flex !important;
    width: auto !important;
    min-height: 39px !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 9px 11px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    color: #263b54 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
  }

  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item > a.pg-menu-link:hover,
  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item > a.pg-menu-link:focus,
  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item.is-active > a.pg-menu-link,
  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item.open > a.pg-menu-link {
    color: #135fb8 !important;
    background: #edf5ff !important;
    outline: none;
  }

  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item > .pg-menu-toggle {
    display: none !important;
  }

  #page-content nav.navbar.navbar-default #top_menu .pg-menu-dropdown {
    display: none;
    position: absolute !important;
    z-index: 5000 !important;
    top: calc(100% - 1px) !important;
    left: 0 !important;
    right: auto !important;
    width: 310px !important;
    min-width: 260px !important;
    max-width: min(620px, calc(100vw - 32px)) !important;
    max-height: min(70vh, 560px) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 9px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #dce6f1 !important;
    border-radius: 0 13px 13px 13px !important;
    box-shadow: 0 18px 42px rgba(15, 39, 67, .18) !important;
  }

  #page-content nav.navbar.navbar-default #top_menu .pg-menu-item:hover > .pg-menu-dropdown,
  #page-content nav.navbar.navbar-default #top_menu .pg-menu-item:focus-within > .pg-menu-dropdown,
  #page-content nav.navbar.navbar-default #top_menu .pg-menu-item.open > .pg-menu-dropdown {
    display: block !important;
  }

  #page-content nav.navbar.navbar-default #top_menu .pg-menu-dropdown.has-many-links {
    width: min(560px, calc(100vw - 32px)) !important;
  }

  #page-content nav.navbar.navbar-default #top_menu .pg-menu-dropdown.has-many-links .pg-menu-child-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 3px 6px !important;
  }

  #page-content nav.navbar.navbar-default #top_menu .pg-menu-child-list > .pg-menu-child-item,
  #page-content nav.navbar.navbar-default #top_menu .pg-menu-child-list > .pg-menu-child-item > a {
    min-width: 0;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item:nth-last-child(-n+3) > .pg-menu-dropdown {
    left: auto !important;
    right: 0 !important;
    border-radius: 13px 0 13px 13px !important;
  }
}

@media (max-width: 767px) {
  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav {
    display: block !important;
    grid-template-columns: none !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #page-content nav.navbar.navbar-default #top_menu > ul.pg-site-nav > li.pg-menu-item {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
  #page-content nav.navbar.navbar-default #top_menu .pg-menu-dropdown.has-many-links .pg-menu-child-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }
}

/* === Hotfix 2026-10-26: mobile vacancy wrapping and legacy encoded quotes === */
@media (max-width: 767px) {
  .pg-home-list--jobs,
  .pg-home-list--jobs .pg-home-list__items,
  .pg-home-list--jobs .pg-home-list__item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .pg-home-list--jobs .pg-home-list__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 18px !important;
    align-items: start !important;
    gap: 6px 8px !important;
    overflow: hidden;
  }

  .pg-home-list--jobs .pg-home-list__item .pg-meta-date {
    grid-column: 1 / -1 !important;
    max-width: 100%;
  }

  .pg-home-list--jobs .pg-home-list__link {
    display: block !important;
    grid-column: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto;
    line-height: 1.45 !important;
    box-sizing: border-box !important;
  }

  .pg-home-list--jobs .pg-home-list__arrow {
    grid-column: 2 !important;
    grid-row: auto;
    align-self: start;
    padding-top: 1px;
  }
}

/* Long item names must never widen the home listing columns. */
.pg-home-list--jobs .pg-home-list__item,
.pg-home-list--board .pg-home-list__item,
.pg-home-list--jobs .pg-home-list__link,
.pg-home-list--board .pg-home-list__link {
  min-width: 0;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.pg-home-list--jobs .pg-home-list__link,
.pg-home-list--board .pg-home-list__link {
  white-space: normal !important;
  word-break: normal;
}


/* === Video preview and desktop sticky advertising/video rail === */
@media (min-width: 992px) {
  .pg-home-top-grid > .pg-home-sticky-rail {
    position: -webkit-sticky;
    position: sticky;
    top: 16px;
    z-index: 5;
    align-self: flex-start;
    min-width: 0;
  }
  .pg-home-top-grid > .pg-home-sticky-rail--ad {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .pg-home-top-grid > .pg-home-sticky-rail--video .pg-home-news__list {
    gap: 0;
  }
  .pg-home-top-grid > .pg-home-sticky-rail--video .pg-home-news--compact .pg-home-news__item {
    padding: 9px 0;
  }
  .pg-home-top-grid > .pg-home-sticky-rail--video .pg-home-module__head {
    margin-bottom: 8px;
  }
}
@media (max-width: 991px) {
  .pg-home-top-grid > .pg-home-sticky-rail {
    position: static;
    top: auto;
  }
}

/* The lower video-report block uses the actual VK player preview when available. */
.pg-home-video-reports {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--pg-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 6px 22px rgba(19,43,71,.045);
}
.pg-home-video-reports__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.pg-home-video-card {
  min-width: 0;
  padding: 9px;
  overflow: hidden;
}
.pg-home-video-card__media {
  position: relative;
  display: block;
  min-width: 0;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: 11px;
  background: linear-gradient(135deg, #102b4b, #1769b9 70%, #20bdb5);
}
.pg-home-video-card__player {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #0c2038;
}
.pg-home-video-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pg-home-video-card__fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
  min-height: 130px;
  padding: 18px;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  background: radial-gradient(circle at 80% 15%, rgba(32,196,187,.34), transparent 38%), linear-gradient(130deg, #102b4b, #1769b9);
}
.pg-home-video-card__fallback-play {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding-left: 3px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  color: #fff;
  background: rgba(255,255,255,.16);
  box-shadow: 0 6px 18px rgba(0,0,0,.16);
  font-size: 18px;
}
.pg-home-video-card__fallback-label {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #a8f5ef;
}
.pg-home-video-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 10px 2px 2px;
}
.pg-home-video-card__title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.4 !important;
  overflow-wrap: anywhere;
}
.pg-home-video-card__title a {
  color: var(--pg-ink) !important;
  text-decoration: none !important;
}
.pg-home-video-card__title a:hover { color: var(--pg-blue) !important; }
.pg-home-video-card--featured {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  align-items: stretch;
  gap: 16px;
  padding: 12px;
}
.pg-home-video-card--featured .pg-home-video-card__media { height: 100%; min-height: 220px; }
.pg-home-video-card--featured .pg-home-video-card__body { justify-content: center; padding: 12px 6px; }
.pg-home-video-card--featured .pg-home-video-card__title { font-size: clamp(17px, 1.8vw, 22px) !important; line-height: 1.3 !important; }
.pg-home-video-card--featured .pg-home-video-card__fallback { min-height: 220px; }
@media (max-width: 991px) {
  .pg-home-video-card--featured { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .pg-home-video-card--featured .pg-home-video-card__media { min-height: 0; }
  .pg-home-video-card--featured .pg-home-video-card__body { padding: 10px 2px 2px; }
}
@media (max-width: 767px) {
  .pg-home-video-reports { padding: 11px; }
  .pg-home-video-reports__grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .pg-home-video-card--featured { grid-column: auto; }
  .pg-home-video-card--featured .pg-home-video-card__media,
  .pg-home-video-card--featured .pg-home-video-card__fallback { min-height: 0; }
}


/* === Video block refinement: never embed the remote player inside a listing card === */
.pg-home-video-reports {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--pg-line, #e1eaf3);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(19, 43, 71, .055);
}
.pg-home-video-reports__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}
.pg-home-video-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--pg-line, #e1eaf3);
  border-radius: 14px;
  background: #fff;
  transition: box-shadow .18s ease, transform .18s ease;
}
.pg-home-video-card:hover {
  box-shadow: 0 8px 22px rgba(19, 43, 71, .09);
  transform: translateY(-1px);
}
.pg-home-video-card__media {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0;
  background: linear-gradient(135deg, #102b4b 0%, #17558c 65%, #147f91 100%);
}
.pg-home-video-card__poster,
.pg-home-video-card__fallback {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  text-decoration: none !important;
}
.pg-home-video-card__poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}
.pg-home-video-card:hover .pg-home-video-card__poster img { transform: scale(1.025); }
.pg-home-video-card__poster::after {
  content: "";
  position: absolute;
  inset: 35% 0 0;
  background: linear-gradient(180deg, transparent, rgba(5, 20, 37, .42));
  pointer-events: none;
}
.pg-home-video-card__play,
.pg-home-video-card__fallback-play {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  padding-left: 3px;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  background: rgba(10, 31, 54, .78);
  color: #fff;
  font-size: 19px;
  box-shadow: 0 5px 18px rgba(0,0,0,.22);
  transform: translate(-50%, -50%);
  transition: background .18s ease, transform .18s ease;
}
.pg-home-video-card:hover .pg-home-video-card__play { background: #16a6a2; transform: translate(-50%, -50%) scale(1.06); }
.pg-home-video-card__poster-label {
  position: absolute;
  z-index: 2;
  left: 12px;
  right: 12px;
  bottom: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .02em;
  text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.pg-home-video-card__fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  background: radial-gradient(circle at 84% 10%, rgba(32,196,187,.32), transparent 38%), linear-gradient(130deg, #102b4b, #1769b9);
  text-align: center;
}
.pg-home-video-card__fallback-play { position: static; transform: none; }
.pg-home-video-card__fallback-label {
  max-width: 90%;
  color: #e8f5ff;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}
.pg-home-video-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
  padding: 12px 13px 14px;
}
.pg-home-video-card__title {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
  overflow-wrap: anywhere;
}
.pg-home-video-card__title a {
  color: var(--pg-ink, #172b45) !important;
  text-decoration: none !important;
}
.pg-home-video-card__title a:hover { color: var(--pg-blue, #1769b9) !important; }
.pg-home-video-card--featured {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.pg-home-video-card--featured .pg-home-video-card__media { aspect-ratio: 16 / 9; min-height: 0; height: auto; }
.pg-home-video-card--featured .pg-home-video-card__body { padding: 13px 15px 16px; }
.pg-home-video-card--featured .pg-home-video-card__title { font-size: 17px !important; line-height: 1.35 !important; }
@media (min-width: 992px) {
  .pg-home-video-card--featured .pg-home-video-card__media { max-height: 250px; }
  .pg-home-video-card--featured .pg-home-video-card__media img { object-position: center 45%; }
}
@media (max-width: 991px) {
  .pg-home-video-card--featured .pg-home-video-card__media { min-height: 0; }
}
@media (max-width: 767px) {
  .pg-home-video-reports { padding: 12px; }
  .pg-home-video-reports__grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .pg-home-video-card--featured { grid-column: auto; }
  .pg-home-video-card__body { padding: 10px 11px 12px; }
  .pg-home-video-card__play, .pg-home-video-card__fallback-play { width: 46px; height: 46px; font-size: 17px; }
}