/* ===== ��������������� ������ DLE ��� ������ �������� ===== */

/* === ����� ���� "������� �������" === */
.col-right .neighbors-news,
#sidebar .neighbors-news {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
}
.col-right .neighbors-news h3,
#sidebar .neighbors-news h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 8px !important;
    font-family: inherit !important;
}

/* === ������������ ����� (������ "������� �������") === */
.col-right .region-news,
.col-right .federal-news,
#sidebar .region-news,
#sidebar .federal-news {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}
.col-right .region-news h4,
.col-right .federal-news h4,
#sidebar .region-news h4,
#sidebar .federal-news h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    margin: 0 0 10px 0 !important;
    border-bottom: 1px dashed #ddd !important;
    padding-bottom: 4px !important;
    font-family: inherit !important;
}
.col-right .region-news ul,
.col-right .federal-news ul,
#sidebar .region-news ul,
#sidebar .federal-news ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.col-right .region-news li,
.col-right .federal-news li,
#sidebar .region-news li,
#sidebar .federal-news li {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
.col-right .region-news li:last-child,
.col-right .federal-news li:last-child,
#sidebar .region-news li:last-child,
#sidebar .federal-news li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* === ���� � ������ === */
.col-right .news-date,
#sidebar .news-date {
    font-size: 12px !important;
    color: #999 !important;
    display: inline-block !important;
    background: #f0f0f0 !important;
    padding: 1px 8px !important;
    border-radius: 12px !important;
    margin-right: 8px !important;
    font-weight: normal !important;
    font-family: inherit !important;
}

/* === ������ � ������ (������, ��� ��������� �������) === */
.col-right .region-news a,
.col-right .federal-news a,
#sidebar .region-news a,
#sidebar .federal-news a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.col-right .region-news a:hover,
.col-right .federal-news a:hover,
#sidebar .region-news a:hover,
#sidebar .federal-news a:hover {
    color: #cc0000 !important;
    text-decoration: underline !important;
}

/* === ����� � ������� === */
.col-right .region-news small,
.col-right .federal-news small,
#sidebar .region-news small,
#sidebar .federal-news small {
    font-size: 11px !important;
    color: #888 !important;
    font-weight: normal !important;
}

/* === ���� "���������" (��������) === */
.col-right .interesting-block,
#sidebar .interesting-block {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    padding: 16px 20px !important;
    margin-top: 30px !important;
    margin-bottom: 24px !important;
}
.col-right .interesting-block h2,
#sidebar .interesting-block h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 8px !important;
}
.col-right .interesting-block ul,
#sidebar .interesting-block ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.col-right .interesting-block li,
#sidebar .interesting-block li {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
.col-right .interesting-block li:last-child,
#sidebar .interesting-block li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.col-right .interesting-block .news-date,
#sidebar .interesting-block .news-date {
    font-size: 12px !important;
    color: #999 !important;
    display: inline-block !important;
    background: #f0f0f0 !important;
    padding: 1px 8px !important;
    border-radius: 12px !important;
    margin-right: 8px !important;
}
.col-right .interesting-block a,
#sidebar .interesting-block a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.col-right .interesting-block a:hover,
#sidebar .interesting-block a:hover {
    color: #cc0000 !important;
    text-decoration: underline !important;
}

/* === ��������������� h1 �� �������� ������� === */
.article .sect-title h1,
.sect-title h1 {
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #000000 !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}

/* === ����� �������� �� ������� === */
.news-item {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}
.news-item h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
}
.news-item h3 a {
    color: #000;
    text-decoration: none;
    transition: color 0.2s;
}
.news-item h3 a:hover {
    color: #cc0000;
}
.news-item .news-date {
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 5px;
}
.news-item .news-date .far {
    margin-right: 5px;
}

/* === ��������� === */
.pagination-container {
    margin-top: 30px;
    text-align: center;
}
.pagination {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 16px;
}
.pagination a {
    padding: 6px 12px;
    background: #f0f0f0;
    border-radius: 6px;
    color: #000;
    text-decoration: none;
    transition: background 0.2s;
}
.pagination a:hover {
    background: #e0e0e0;
}
.pagination span.current {
    padding: 6px 12px;
    background: #cc0000;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
}
.pagination span.dots {
    padding: 6px 12px;
}

/* === ����� ���������� ����� === */
.header .header-in {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 15px;
}
.header .logo img {
    height: 40px;
    width: auto;
}
.header .header-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    justify-content: flex-end;
}
.header .header-menu a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
}
.header .header-menu a:hover {
    background: #f0f0f0;
    color: #cc0000;
}
@media (max-width: 768px) {
    .header .header-in {
        flex-direction: column;
        align-items: center;
    }
    .header .header-menu {
        justify-content: center;
    }
}
/* ����� ��� ����������� ���� "���" */
.header-menu .submenu:hover .hidden-menu {
    display: block !important;
}
.header-menu .submenu .hidden-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 8px 0;
    min-width: 160px;
    z-index: 100;
    list-style: none;
}
.header-menu .submenu .hidden-menu li {
    margin: 0;
}
.header-menu .submenu .hidden-menu a {
    display: block;
    padding: 6px 16px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
}
.header-menu .submenu .hidden-menu a:hover {
    background: #f0f0f0;
    color: #cc0000;
}
@media (max-width: 768px) {
    .header-menu {
        flex-wrap: wrap;
        justify-content: center;
    }
    .header-in {
        flex-wrap: wrap;
    }
    .ioubfa {
        margin: 5px 0;
    }
}
/* ���������� ���� "���" */
.header-menu .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-radius: 4px;
    padding: 8px 0;
    min-width: 140px;
    z-index: 100;
    flex-direction: column;
}
.header-menu .dropdown-menu a {
    display: block;
    padding: 6px 16px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
}
.header-menu .dropdown-menu a:hover {
    background: #f0f0f0;
    color: #cc0000;
}
.header-menu > div:hover .dropdown-menu {
    display: flex !important;
}
/* === ��������� (�����, ����� ������) === */
.pagination-container {
    margin-top: 30px;
    text-align: center;
}
.pagination {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 16px;
}
.pagination a {
    padding: 6px 12px;
    background: #f0f0f0;
    border-radius: 6px;
    color: #000;
    text-decoration: none;
    transition: background 0.2s;
}
.pagination a:hover {
    background: #e0e0e0;
}
.pagination span.current {
    padding: 6px 12px;
    background: #cc0000;
    color: #fff;
    border-radius: 6px;
    font-weight: bold;
}
.pagination span.dots {
    padding: 6px 12px;
}

/* ========== ����� ����� ��� ������ ========== */
.coat-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 15px 10px;
    margin-bottom: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    flex-wrap: wrap;
}
.coat-item {
    text-align: center;
    max-width: 120px;
}
.coat-item img {
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}
.coat-item img:hover {
    transform: scale(1.05);
}

/* === ����� � ��������� === */
.coat-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    padding: 15px 10px;
    margin-bottom: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    flex-wrap: wrap;
}
.coat-item {
    text-align: center;
    max-width: 140px;
    flex: 0 0 auto;
}
.coat-item img {
    width: 100%;
    height: auto;
    max-height: 100px;
    object-fit: contain;
    border-radius: 8px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}
.coat-item img:hover {
    transform: scale(1.05);
}
.coat-label {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
}
/* === ���� "��������� ������� ������" === */
.last-news-block {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
}
.last-news-block h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 8px !important;
    font-family: inherit !important;
}
.last-news-block ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.last-news-block li {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
.last-news-block li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.last-news-block a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.last-news-block a:hover {
    color: #cc0000 !important;
    text-decoration: underline !important;
}
.last-news-block .news-date {
    font-size: 12px !important;
    color: #999 !important;
    display: inline-block !important;
    background: #f0f0f0 !important;
    padding: 1px 8px !important;
    border-radius: 12px !important;
    margin-right: 8px !important;
    font-weight: normal !important;
    font-family: inherit !important;
}
/* === ���� "��������� ������� ������" === */
.last-news-block {
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    padding: 16px 20px !important;
    margin-bottom: 24px !important;
}
.last-news-block h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: 8px !important;
    font-family: inherit !important;
}
.last-news-block ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
.last-news-block li {
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f5f5f5 !important;
}
.last-news-block li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.last-news-block a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}
.last-news-block a:hover {
    color: #cc0000 !important;
    text-decoration: underline !important;
}
.last-news-block .news-date {
    font-size: 12px !important;
    color: #999 !important;
    display: inline-block !important;
    background: #f0f0f0 !important;
    padding: 1px 8px !important;
    border-radius: 12px !important;
    margin-right: 8px !important;
    font-weight: normal !important;
    font-family: inherit !important;
}
#sparrow-container {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    padding: 16px 20px;
    margin-top: 30px;
    margin-bottom: 24px;
}
/* === ���������� ���������� �������� � �� � ����� "������� �������" === */
.region-news,
.federal-news {
    margin-bottom: 20px;
}

.region-header,
.federal-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    margin-bottom: 12px;
    background: #f0f4f8;
    border-radius: 8px;
    border-left: 4px solid #cc0000;
}

.region-header h4,
.federal-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.region-coat img,
.fd-coat img {
    max-height: 50px;
    width: auto;
    border-radius: 4px;
    background: #fff;
    padding: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
/* =========================================================
   MONAVISTA CITY V2 — новый шаблон городского портала
   ========================================================= */

    :root {
      --red: #c9252d;
      --red-dark: #991c22;
      --ink: #171717;
      --muted: #6f6f70;
      --line: #dedbd5;
      --paper: #f5f2ec;
      --white: #fff;
      --soft-red: #f8e8e7;
      --green: #1f6b58;
      --blue: #315f93;
      --gold: #9b6b13;
      --radius: 18px;
      --shadow: 0 18px 50px rgba(34, 25, 18, .08);
    }

    @font-face {
      font-family: HelveticaNeueCyr;
      src: url('/templates/newshub/webfonts/HelveticaNeueCyr-Roman.woff') format('woff');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: HelveticaNeueCyr;
      src: url('/templates/newshub/webfonts/HelveticaNeueCyr-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'DIN Pro';
      src: url('/templates/newshub/webfonts/DINPro-Medium.woff') format('woff');
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'DIN Pro';
      src: url('/templates/newshub/webfonts/DINPro-Bold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: HelveticaNeueCyr, Arial, sans-serif;
      line-height: 1.45;
    }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; }
    .wrap { width: min(1180px, calc(100% - 36px)); margin-inline: auto; }

    .topline {
      background: var(--ink);
      color: #fff;
      font-size: 12px;
      letter-spacing: .02em;
    }
    .topline .wrap {
      min-height: 35px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .topline__note { color: #b9b9b9; }

    .header {
      background: rgba(255,255,255,.94);
      border-bottom: 1px solid var(--line);
      position: sticky;
      top: 0;
      z-index: 10;
      backdrop-filter: blur(12px);
    }
    .header__main {
      min-height: 92px;
      display: flex;
      align-items: center;
      gap: 22px;
    }
    .logo { display:block; flex:0 0 200px; width:200px; height:75px; }
    .logo img { display:block; width:200px; height:75px; object-fit:contain; }
    .header-ad { display:grid; place-items:center; flex:1; max-width:468px; height:60px; color:#85827c; background:#f3f1ec; border:1px dashed #c7c3bb; border-radius:8px; font-size:11px; text-align:center; }
    .header-actions { margin-left:auto; display:flex; align-items:center; gap:9px; }
    .city-switcher {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 9px 13px;
      border: 1px solid var(--line);
      border-radius: 999px;
      font-size: 13px;
      font-weight: 700;
      background: #fff;
    }
    .city-switcher::before {
      content: "";
      width: 7px;
      height: 7px;
      background: var(--red);
      border-radius: 50%;
    }
    .nav { min-height:48px; display:flex; justify-content:center; gap:25px; align-items:center; border-top:1px solid var(--line); }
    .nav a { font-size: 13px; font-weight: 700; }
    .nav a:hover { color: var(--red); }
    .nav-more { position:relative; }
    .nav-more__menu { position:absolute; top:100%; right:0; z-index:30; display:none; min-width:165px; padding:8px; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:var(--shadow); }
    .nav-more:hover .nav-more__menu,.nav-more:focus-within .nav-more__menu { display:grid; }
    .nav-more__menu a { padding:8px 10px; border-radius:7px; }
    .menu-button {
      width: 41px;
      height: 41px;
      border: 1px solid var(--line);
      border-radius: 50%;
      background: #fff;
      cursor: pointer;
      font-size: 20px;
    }
    .search-button { display:inline-flex; align-items:center; gap:7px; min-height:41px; padding:0 13px; border:1px solid var(--line); border-radius:999px; background:#fff; cursor:pointer; font-weight:700; }

    .masthead { padding: 46px 0 28px; }
    .masthead__grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 28px;
      align-items: end;
    }
    .eyebrow {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--red-dark);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 28px; height: 2px; background: var(--red); }
    h1 {
      margin: 12px 0 10px;
      max-width: 780px;
      font-family: 'DIN Pro', Arial, sans-serif;
      font-size: clamp(43px, 7vw, 82px);
      line-height: .93;
      letter-spacing: -.055em;
      font-weight: 700;
    }
    .masthead__desc { max-width: 700px; margin: 0; color: var(--muted); font-size: 16px; }
    .edition {
      min-width: 176px;
      padding: 15px 0 4px;
      border-top: 3px solid var(--ink);
      text-align: right;
    }
    .edition strong { display: block; font-size: 13px; }
    .edition span { color: var(--muted); font-size: 12px; }

    .topics {
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      overflow-x: auto;
      scrollbar-width: none;
    }
    .topics::-webkit-scrollbar { display: none; }
    .topics__inner { min-height: 55px; display: flex; align-items: center; gap: 9px; white-space: nowrap; }
    .topic {
      border: 1px solid var(--line);
      background: transparent;
      border-radius: 999px;
      padding: 8px 13px;
      color: #474747;
      font-size: 12px;
      font-weight: 700;
      cursor: pointer;
    }
    .topic:hover, .topic.is-active { color: #fff; border-color: var(--red); background: var(--red); }

    .ad-slot {
      display: grid;
      place-items: center;
      width: 100%;
      color: #8a8986;
      background: repeating-linear-gradient(-45deg, #efede8, #efede8 8px, #f7f5f0 8px, #f7f5f0 16px);
      border: 1px dashed #c7c3bb;
      border-radius: 12px;
      text-align: center;
    }
    .ad-slot strong { display: block; margin-bottom: 4px; color: #66635e; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
    .ad-slot span { font-size: 11px; }
    .ad-slot--top { height: 90px; border-width: 0 0 1px; border-radius: 0; }
    .ad-slot--feed { height: 90px; margin: 25px 0; }
    .ad-slot--sidebar { height:400px; }

    .city-profile {
      display: grid;
      grid-template-columns: 150px minmax(0, 1fr);
      gap: 30px;
      margin-top: 28px;
      padding: clamp(24px, 4vw, 38px);
      background: #fff;
      border-radius: var(--radius);
      box-shadow: var(--shadow);
    }
    .city-profile__coat {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 170px;
      padding: 16px;
      background: #f7f5f0;
      border: 1px solid var(--line);
      border-radius: 14px;
    }
    .city-profile__coat img { display:block; width:160px; height:160px; object-fit:contain; }
    .city-profile__coat span { margin-top: 10px; color: var(--muted); font-size: 11px; font-weight: 700; }
    .city-profile__title { margin: 0 0 12px; font-family: 'DIN Pro', Arial, sans-serif; font-size: 28px; }
    .city-profile__text { margin: 0 0 22px; color: #4f4f4f; font-size: 15px; }
    .city-profile__facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 0; background: var(--line); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
    .city-profile__facts div { display:grid; grid-template-columns:34px 1fr; column-gap:10px; align-items:center; padding:13px 14px; background:#fff; }
    .fact-icon { grid-row:1 / 3; display:grid; place-items:center; width:32px; height:32px; color:var(--red); background:var(--soft-red); border-radius:9px; font-style:normal; font-size:16px; }
    .city-profile__facts dt { margin-bottom: 4px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
    .city-profile__facts dd { margin: 0; font-size: 13px; font-weight: 800; }

    .lead-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.55fr) minmax(270px, .75fr);
      gap: 22px;
      padding: 28px 0 36px;
    }
    .lead-story {
      position: relative;
      min-height: 390px;
      padding: clamp(26px, 5vw, 54px);
      border-radius: var(--radius);
      overflow: hidden;
      color: #fff;
      background: var(--ink);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
    }
    .lead-story::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 7px;
      height: 100%;
      background: var(--red);
    }
    .badge {
      align-self: flex-start;
      padding: 7px 10px;
      border-radius: 4px;
      background: var(--red);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .lead-story h2 {
      position: relative;
      max-width: 820px;
      margin: 18px 0 17px;
      font-family: 'DIN Pro', Arial, sans-serif;
      font-size: clamp(31px, 5vw, 57px);
      line-height: 1.04;
      letter-spacing: -.035em;
    }
    .lead-story p { position: relative; max-width: 680px; margin: 0 0 24px; color: #c9c9c9; }
    .meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 15px; font-size: 12px; color: var(--muted); }
    .lead-story .meta { position: relative; color: #bdbdbd; }
    .meta .dot { width: 4px; height: 4px; background: currentColor; border-radius: 50%; opacity: .55; }

    .briefing {
      border-radius: var(--radius);
      background: var(--white);
      padding: 25px;
      box-shadow: var(--shadow);
    }
    .section-kicker {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      gap: 12px;
      padding-bottom: 15px;
      border-bottom: 3px solid var(--ink);
    }
    .section-kicker h2, .heading-with-icon { display: flex; align-items: center; gap: 10px; }
    .section-kicker h2 { margin: 0; font-family: 'DIN Pro', Arial, sans-serif; font-size: 24px; }
    .block-icon {
      display: inline-grid;
      place-items: center;
      flex: 0 0 30px;
      width: 30px;
      height: 30px;
      color: #fff;
      background: var(--red);
      border-radius: 8px;
      font-family: Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
    }
    .side-card--dark .block-icon { color: var(--ink); background: #fff; }
    .section-kicker span { color: var(--red); font-size: 11px; font-weight: 900; text-transform: uppercase; }
    .brief-item { display: grid; grid-template-columns: 42px 1fr; gap: 13px; padding: 18px 0; border-bottom: 1px solid var(--line); }
    .brief-item:last-child { border-bottom: 0; padding-bottom: 0; }
    .brief-item time { color: var(--red); font-size: 12px; font-weight: 900; }
    .brief-item h3 { margin: -3px 0 7px; font-family: 'DIN Pro', Arial, sans-serif; font-size: 17px; line-height: 1.2; }
    .brief-item h3:hover { color: var(--red); }
    .brief-item small { color: var(--muted); font-size: 11px; }

    .main-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 310px;
      gap: 32px;
      align-items: start;
      padding-bottom: 60px;
    }
    .feed { background: var(--white); border-radius: var(--radius); padding: clamp(22px, 4vw, 38px); box-shadow: var(--shadow); }
    .feed-header {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 20px;
      padding-bottom: 19px;
      border-bottom: 3px solid var(--ink);
    }
    .feed-header h2 { margin: 0; font-family: 'DIN Pro', Arial, sans-serif; font-size: 33px; letter-spacing: -.02em; }
    .feed-header span { color: var(--muted); font-size: 12px; }

    .news-row {
      position: relative;
      display: grid;
      grid-template-columns: 78px minmax(0, 1fr);
      gap: 23px;
      padding: 28px 0;
      border-bottom: 1px solid var(--line);
    }
    .news-row::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 0;
      height: 2px;
      background: var(--red);
      transition: width .25s ease;
    }
    .news-row:hover::before { width: 100%; }
    .news-row__time { padding-top: 4px; color: var(--muted); font-size: 13px; font-weight: 700; }
    .news-row__time strong { display: block; color: var(--ink); font-family: 'DIN Pro', Arial, sans-serif; font-size: 25px; line-height: 1; }
    .category { display: inline-block; margin-bottom: 9px; color: var(--red); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .category.is-blue { color: var(--blue); }
    .category.is-green { color: var(--green); }
    .category.is-gold { color: var(--gold); }
    .news-row h3 { margin: 0 0 9px; font-family: 'DIN Pro', Arial, sans-serif; font-size: clamp(22px, 3vw, 29px); line-height: 1.12; letter-spacing: -.02em; }
    .news-row h3:hover { color: var(--red); }
    .news-row p { margin: 0 0 13px; color: var(--muted); font-size: 14px; }
    .source { font-size: 11px; color: #8a8a8a; }

    .load-more {
      width: 100%;
      margin-top: 25px;
      padding: 14px 18px;
      color: var(--ink);
      background: #fff;
      border: 1px solid var(--ink);
      border-radius: 999px;
      font-weight: 800;
      cursor: pointer;
    }
    .load-more:hover { color: #fff; background: var(--ink); }
    .pagination-wrap { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); text-align:center; }
    .pagination-info { margin-bottom:12px; color:var(--muted); font-size:12px; }
    .pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
    .pagination a,.pagination span { display:grid; place-items:center; min-width:38px; height:38px; padding:0 9px; border:1px solid var(--line); border-radius:8px; font-weight:700; font-size:13px; }
    .pagination .is-current { color:#fff; border-color:var(--red); background:var(--red); }
    .pagination a:hover { border-color:var(--ink); }

    .sidebar { display: grid; gap: 20px; }
    .side-card { background: #fff; border-radius: var(--radius); padding: 24px; box-shadow: var(--shadow); }
    .side-card--dark { color: #fff; background: var(--ink); }
    .side-card h2 { margin: 0 0 18px; font-family: 'DIN Pro', Arial, sans-serif; font-size: 25px; }
    .ranking { list-style: none; margin: 0; padding: 0; counter-reset: rank; }
    .ranking li { counter-increment: rank; display: grid; grid-template-columns: 31px 1fr; gap: 10px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.14); }
    .ranking li::before { content: counter(rank, decimal-leading-zero); color: #db6e72; font-family: 'DIN Pro', Arial, sans-serif; font-size: 17px; }
    .ranking a { font-size: 14px; font-weight: 700; line-height: 1.3; }
    .ranking a:hover { color: #f08c90; }
    .city-note { border-top: 5px solid var(--red); }
    .city-note p { margin: 0 0 16px; color: var(--muted); font-size: 13px; }
    .city-facts { display: grid; gap: 10px; margin: 0; }
    .city-facts div { display: flex; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 12px; }
    .city-facts dt { color: var(--muted); }
    .city-facts dd { margin: 0; font-weight: 800; text-align: right; }
    .neighbors h2 { margin-bottom: 4px; }
    .neighbors__subhead { margin: 20px 0 0; padding: 10px 0 8px; border-bottom: 2px solid var(--ink); font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
    .neighbors__group-title {
      display: grid;
      grid-template-columns: 49px minmax(0, 1fr);
      gap: 12px;
      align-items: center;
      margin-top: 20px;
      padding: 12px;
      background: #f7f5f0;
      border-radius: 12px;
    }
    .neighbors__group-title img { width: 47px; height: 53px; object-fit: contain; }
    .neighbors__group-title small { display: block; margin-bottom: 3px; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .neighbors__group-title strong { display: block; font-family: 'DIN Pro', Arial, sans-serif; font-size: 14px; line-height: 1.2; }
    .neighbor-news { list-style: none; margin: 0; padding: 0; }
    .neighbor-news li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: start; padding: 13px 0; border-bottom: 1px solid var(--line); }
    .neighbor-news li:last-child { border-bottom: 0; }
    .neighbor-news img { width: 36px; height: 42px; object-fit: contain; }
    .neighbor-news__body { min-width: 0; }
    .neighbor-news time { display: block; margin-bottom: 4px; color: var(--red); font-size: 10px; font-weight: 900; }
    .neighbor-news a { display: block; font-family: 'DIN Pro', Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.25; }
    .neighbor-news a:hover { color: var(--red); }
    .neighbor-news small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; }

    footer { color: #cbcbcb; background: #141619; padding: 40px 0 0; font-size: 13px; line-height: 1.55; }
    .footer-grid { display: grid; grid-template-columns: 1.7fr .8fr 1fr; gap: 45px; padding-bottom: 34px; }
    .footer-title { margin-bottom: 14px; color: #fff; font-family: 'DIN Pro', Arial, sans-serif; font-size: 20px; }
    .footer-copy p { margin: 12px 0 0; }
    .footer-links { list-style: none; margin: 0; padding: 0; }
    .footer-links li + li { margin-top: 6px; }
    .footer-links a:hover { color: #fff; text-decoration: underline; }
    .footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.1); }
    .age-mark { color: #fff; font-size: 19px; font-weight: 800; }

    .cookie-notice {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 1000;
      width: min(520px, calc(100% - 40px));
      padding: 23px;
      color: #fff;
      background: #1b1b1b;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 16px;
      box-shadow: 0 22px 65px rgba(0,0,0,.34);
    }
    .cookie-notice[hidden] { display: none; }
    .cookie-notice h2 { margin: 0 0 8px; font-family: 'DIN Pro', Arial, sans-serif; font-size: 20px; }
    .cookie-notice p { margin: 0; color: #cecece; font-size: 13px; }
    .cookie-notice a { color: #fff; text-decoration: underline; }
    .cookie-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
    .cookie-button { min-height: 40px; padding: 0 17px; border: 1px solid #fff; border-radius: 8px; color: #fff; background: transparent; font-weight: 700; cursor: pointer; }
    .cookie-button--accept { border-color: var(--red); background: var(--red); }

    .search-modal { position:fixed; inset:0; z-index:1200; display:grid; place-items:start center; padding:90px 18px 30px; background:rgba(13,13,13,.72); }
    .search-modal[hidden] { display:none; }
    .search-panel { width:min(720px,100%); padding:28px; background:#fff; border-radius:18px; box-shadow:0 25px 80px rgba(0,0,0,.35); }
    .search-panel__head { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
    .search-panel h2 { margin:0; font-family:'DIN Pro',Arial,sans-serif; font-size:27px; }
    .search-close { width:36px; height:36px; border:1px solid var(--line); border-radius:50%; background:#fff; cursor:pointer; font-size:20px; }
    .search-field { display:grid; grid-template-columns:1fr auto; gap:8px; }
    .search-field input { min-width:0; height:48px; padding:0 15px; border:1px solid var(--line); border-radius:10px; font:inherit; }
    .search-field button { padding:0 22px; color:#fff; border:0; border-radius:10px; background:var(--red); font-weight:700; }
    .search-scopes { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:17px; }
    .search-scopes label { display:flex; align-items:center; gap:9px; padding:11px 12px; border:1px solid var(--line); border-radius:10px; font-size:13px; cursor:pointer; }
    .search-scope-note { margin-top:12px; color:var(--muted); font-size:11px; }

    @media (max-width: 920px) {
      .nav { overflow-x:auto; justify-content:flex-start; padding-inline:18px; white-space:nowrap; }
      .header__main { min-height: 72px; }
      .city-switcher { margin-left: auto; }
      .header-ad { display:none; }
      .masthead__grid, .lead-grid, .main-grid { grid-template-columns: 1fr; }
      .edition { display: none; }
      .briefing { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 22px; }
      .briefing .section-kicker { grid-column: 1 / -1; }
      .sidebar { grid-template-columns: repeat(2, 1fr); }
      .city-profile__facts { grid-template-columns: repeat(2, 1fr); }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .footer-copy { grid-column: 1 / -1; }
    }
    @media (max-width: 640px) {
      .wrap { width: min(100% - 24px, 1180px); }
      .topline__note { display: none; }
      .logo,.logo img { width:160px; height:60px; }
      .logo { flex-basis:160px; }
      .city-switcher { max-width: 130px; overflow: hidden; }
      .masthead { padding-top: 32px; }
      .masthead__desc { font-size: 14px; }
      .lead-story { min-height: 430px; }
      .briefing, .sidebar { grid-template-columns: 1fr; }
      .city-profile { grid-template-columns: 1fr; }
      .city-profile__coat { min-height: 145px; }
      .city-profile__facts { grid-template-columns: 1fr; }
      .ad-slot--top { height: 50px; }
      .ad-slot--feed { height: 100px; }
      .news-row { grid-template-columns: 55px minmax(0, 1fr); gap: 14px; padding: 23px 0; }
      .news-row p { display: none; }
      .feed { padding-inline: 18px; }
      .feed-header { align-items: start; flex-direction: column; gap: 3px; }
      .footer-grid { flex-direction: column; }
      .footer-grid { grid-template-columns: 1fr; gap: 26px; }
      .footer-copy { grid-column: auto; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
      .search-button span { display:none; }
      .search-scopes { grid-template-columns:1fr; }
    }
  

/* Дополнительные блоки PHP-интеграции */
.article-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start;padding:30px 0 55px}.article-sidebar{display:grid;gap:20px}.article-column-v2{min-width:0}.city-card-v2{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center}.city-card-v2 img{width:95px;height:95px;object-fit:contain}.city-card-v2 strong{display:block;font-family:'DIN Pro',Arial,sans-serif;font-size:19px}.city-card-v2 span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.4}.full-article-v2{padding:clamp(24px,5vw,52px);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.full-article-v2 h1{margin:0;font-family:'DIN Pro',Arial,sans-serif;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-.035em}.article__category{display:inline-block;margin-bottom:16px;padding:6px 10px;color:#fff;background:var(--red);border-radius:4px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.article-meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:20px;padding:17px 0;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.article-body-v2{padding-top:24px;font-size:17px;line-height:1.72}.article-body-v2 p{margin:0 0 20px}.article-body-v2 h2,.article-body-v2 h3{margin:32px 0 14px;font-family:'DIN Pro',Arial,sans-serif}.article-body-v2 img{max-width:100%;height:auto}.article-source{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.article-inline-ad{margin:28px 0}.article-bottom-ad{max-width:970px;height:250px;margin:24px auto 0}.share-buttons{margin:20px 0}.other-city-news h2{font-size:20px}.other-city-news ul{list-style:none;margin:0;padding:0}.other-city-news li{padding:12px 0;border-top:1px solid var(--line)}.other-city-news time{display:block;margin-bottom:3px;color:var(--red);font-size:10px;font-weight:700}.other-city-news a{font-family:'DIN Pro',Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.25}.region-news h4{display:none}.region-news ul{list-style:none;margin:0;padding:0}.region-news li{padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.35}.region-news .news-date{display:block;color:var(--red);font-size:10px;font-weight:700}.region-news small{display:block;margin-top:3px;color:var(--muted)}.city-picker-v2{max-height:80vh;overflow:hidden}.city-filter-v2{width:100%;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:10px;font:inherit}.city-list-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:55vh;margin-top:15px;overflow:auto}.city-list-v2 a{padding:8px 10px;background:#f7f5f0;border-radius:7px;font-size:12px}.city-list-v2 a:hover{color:#fff;background:var(--red)}.empty-state{padding:35px 0;color:var(--muted);text-align:center}.search-field{grid-template-columns:1fr auto}.search-field .search-scopes{grid-column:1/-1}.sidebar{display:grid!important;width:auto!important;margin-left:0!important}.main-grid{align-items:start}.coat-container{display:none!important}

/* Уточнения после проверки на действующем поддомене */
.header .header__main .logo{flex:0 0 245px;width:245px;height:76px}
.header .header__main .logo img{width:245px;height:76px;object-fit:contain;object-position:left center}
.city-switcher{position:relative;padding:11px 18px 11px 38px;border-color:#e7d8d9;color:#9d171d;background:#fff7f7;box-shadow:0 4px 14px rgba(194,31,39,.08);transition:.2s ease}
.city-switcher::before{position:absolute;left:17px;width:9px;height:9px;box-shadow:0 0 0 5px rgba(194,31,39,.11)}
.city-switcher::after{content:'›';margin-left:2px;font-size:20px;line-height:1;transform:rotate(90deg)}
.city-switcher:hover{color:#fff;border-color:var(--red);background:var(--red);transform:translateY(-1px)}
.city-switcher:hover::before{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}
.footer-marks{display:flex;align-items:center;gap:18px}.footer-marks img{display:block;max-width:88px;height:auto}

/* Встроенный заголовок renderRegionNews/renderFederalNews скрыт: внешний заголовок уже содержит герб */
.region-news .region-header{display:none!important}
.region-news li.neighbor-item-v2{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start}.neighbor-item-v2>div{min-width:0}.neighbor-city-coat{display:block;width:36px;height:42px;object-fit:contain}.neighbor-city-coat--empty{display:grid;place-items:center;color:var(--red);background:#f6eeee;border-radius:8px;font-size:18px}.neighbor-item-v2 a{display:block}.neighbor-item-v2 small{margin-top:4px!important;font-weight:700}

/* Ступенчатое расширение территории поиска */
.search-scopes{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:20px 0 4px!important;padding-top:8px}
.search-scopes::before{content:'';position:absolute;left:8%;right:8%;top:22px;height:4px;background:#e7e3df;border-radius:99px}
.search-scopes label{position:relative;z-index:1;display:flex!important;flex-direction:column;justify-content:flex-start;gap:7px!important;padding:0 5px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center;font-size:11px!important;line-height:1.25;cursor:pointer}
.search-scopes input{appearance:none;width:22px!important;height:22px!important;min-width:22px!important;margin:3px auto 0;padding:0!important;border:4px solid #fff!important;border-radius:50%!important;background:#d8d3cf!important;box-shadow:0 0 0 1px #c9c3bd;transition:.2s ease}
.search-scopes input:checked{background:var(--red)!important;box-shadow:0 0 0 2px var(--red)}
.search-scopes label:has(input:checked) span{color:var(--red);font-weight:800}

/* Сохраненный расширенный выбор города */
.city-picker-v2{width:min(900px,100%);max-height:82vh;padding:25px;overflow:hidden}
.city-picker-v2 .search-panel__head h2 small{color:var(--muted);font-family:Arial,sans-serif;font-size:13px;font-weight:400}
.city-picker-tabs{display:flex;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.city-picker-tab{padding:10px 17px;border:0;border-radius:7px;color:#333;background:#eee;cursor:pointer;font-weight:700}
.city-picker-tab.is-active{color:#fff;background:var(--red)}
.city-alphabet{display:flex;flex-wrap:wrap;gap:5px;padding:15px 0}
.city-alphabet button{min-width:28px;height:28px;padding:0 7px;border:0;border-radius:5px;background:#f0efed;cursor:pointer;font-size:12px}
.city-alphabet button:hover,.city-alphabet button.is-active{color:#fff;background:var(--red)}
.city-picker-groups{max-height:55vh;padding-right:8px;overflow:auto}
.city-picker-group{margin-bottom:13px}
.city-picker-group__title{display:flex;width:100%;align-items:center;justify-content:space-between;padding:8px 0;border:0;border-bottom:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;font:700 16px/1.25 'DIN Pro',Arial,sans-serif}
.city-picker-group__title small{color:var(--muted);font:400 12px Arial,sans-serif}.city-picker-group__title i{font-style:normal;font-size:12px;transition:transform .2s ease}
.city-picker-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:9px}
.city-picker-links a{padding:7px 10px;background:#f3f2f0;border-radius:6px;font-size:13px;line-height:1.2}.city-picker-links a:hover,.city-picker-links a.is-current{color:#fff;background:var(--red)}
.city-picker-group.is-collapsed .city-picker-links{display:none}.city-picker-group.is-collapsed .city-picker-group__title i{transform:rotate(-90deg)}

@media(max-width:640px){.header .header__main .logo,.header .header__main .logo img{width:180px;height:58px}.header .header__main .logo{flex-basis:180px}.city-picker-links{grid-template-columns:1fr 1fr}.city-picker-tab{padding:9px 11px;font-size:12px}.search-scopes label{font-size:10px!important}}

/* Собственные динамические баннеры Monavista */
.house-ad{--ad-accent:#df1725;position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;width:100%;min-width:0;padding:18px 24px;overflow:hidden;color:#fff;background:linear-gradient(118deg,#17191c 0%,#23272d 64%,#151619 100%);border:0;border-radius:14px;box-shadow:0 14px 32px rgba(16,18,20,.14)}
.house-ad::before{content:'';position:absolute;z-index:-1;right:-55px;top:-95px;width:260px;height:260px;border:52px solid color-mix(in srgb,var(--ad-accent) 80%,transparent);border-radius:50%;opacity:.28}
.house-ad::after{content:'';position:absolute;z-index:-1;left:31%;bottom:-48px;width:150px;height:85px;background:var(--ad-accent);filter:blur(55px);opacity:.19}
.house-ad__brand{display:flex;flex-direction:column;justify-content:center;padding-right:22px;border-right:1px solid rgba(255,255,255,.18);white-space:nowrap}.house-ad__brand b{color:#fff;font:900 17px/1 'DIN Pro',Arial,sans-serif;letter-spacing:.055em}.house-ad__brand b::first-letter{color:var(--ad-accent)}.house-ad__brand span{margin-top:5px;color:#aeb3ba;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.house-ad__copy{min-width:0}.house-ad__copy small{display:block;margin-bottom:4px;color:#ffb9be;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.house-ad__copy strong{display:block;font:800 20px/1.08 'DIN Pro',Arial,sans-serif;letter-spacing:-.015em}.house-ad__copy p{margin:5px 0 0;color:#ccd0d5;font-size:11px;line-height:1.3}
.house-ad__action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;color:#fff!important;background:var(--ad-accent);border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px color-mix(in srgb,var(--ad-accent) 28%,transparent);transition:.2s ease}.house-ad__action:hover{background:#fff;color:#16181b!important;transform:translateY(-1px)}
.house-ad--travel{--ad-accent:#e17a20}.house-ad--agency{--ad-accent:#3167c9}.house-ad--publication{--ad-accent:#ba2532}.house-ad--network{--ad-accent:#6b4bc3}.house-ad--partner{--ad-accent:#23866b}
.house-ad--brand{--ad-accent:#a84487}.house-ad--local{--ad-accent:#177a70}.house-ad--coverage{--ad-accent:#4d62b8}.house-ad--event{--ad-accent:#b8661e}
.header-territories{display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;color:#777;font-size:10px;white-space:nowrap}.header-territories a{color:#8f1d24;font-weight:800}.header-territories a:hover{text-decoration:underline}.header-actions{flex-wrap:wrap;justify-content:flex-end}.city-tree-search{width:100%;height:44px;margin:12px 0;padding:0 13px;border:1px solid #ddd6d0;border-radius:9px;font:14px Arial}.city-tree-district{margin-bottom:9px;border:1px solid #e0dbd5;border-radius:10px;overflow:hidden}.city-tree-district>summary,.city-tree-region>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none}.city-tree-district>summary::-webkit-details-marker,.city-tree-region>summary::-webkit-details-marker{display:none}.city-tree-district>summary{padding:11px 13px;background:#f2efeb;font:700 15px 'DIN Pro',Arial}.city-tree-district>summary:after,.city-tree-region>summary:after{content:'+';margin-left:auto;color:var(--red);font-size:20px}.city-tree-district[open]>summary:after,.city-tree-region[open]>summary:after{content:'−'}.city-tree-district summary small{color:#777;font:10px Arial}.city-tree-regions{padding:3px 12px 10px}.city-tree-region{border-top:1px solid #e7e2dd}.city-tree-region:first-child{border-top:0}.city-tree-region>summary{padding:9px 2px;font-weight:800}.city-tree-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 0 11px}.city-tree-links a{overflow:hidden;padding:7px 9px;background:#f3f1ee;border-radius:6px;text-overflow:ellipsis;white-space:nowrap}.city-tree-links a:hover,.city-tree-links a.is-current{color:#fff;background:var(--red)}.city-tree-links a[hidden],.city-tree-region[hidden],.city-tree-district[hidden]{display:none}
.masthead h1{font-size:clamp(30px,4vw,42px);line-height:1.02;letter-spacing:-.035em}
.footer-logo-v2{display:block;width:190px;margin-bottom:17px}.footer-logo-v2 img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}
@media(max-width:720px){.header-territories{justify-content:flex-start;order:2}.city-tree-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.city-tree-links{grid-template-columns:1fr}}
.house-ad--top{min-height:90px;border-radius:0;box-shadow:none;padding-inline:max(28px,calc((100vw - 1500px)/2))}.house-ad--top .house-ad__copy strong{font-size:22px}.house-ad--top .house-ad__copy p{font-size:12px}
.house-ad--header{width:min(468px,100%);height:60px;padding:8px 13px;gap:12px;border-radius:9px;box-shadow:none}.house-ad--header::before{width:120px;height:120px;right:-35px;top:-48px;border-width:25px}.house-ad--header .house-ad__brand{padding-right:11px}.house-ad--header .house-ad__brand b{font-size:12px}.house-ad--header .house-ad__brand span,.house-ad--header .house-ad__copy p{display:none}.house-ad--header .house-ad__copy small{font-size:7px}.house-ad--header .house-ad__copy strong{font-size:13px}.house-ad--header .house-ad__action{min-height:29px;padding:0 10px;font-size:8px}
.house-ad--feed{min-height:90px;margin:25px 0;padding:14px 19px;gap:18px;border-radius:12px;box-shadow:none}.house-ad--feed .house-ad__copy strong{font-size:18px}
.house-ad--sidebar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-height:400px;padding:28px 25px;gap:18px}.house-ad--sidebar::before{right:-95px;top:-75px;width:300px;height:300px;border-width:58px}.house-ad--sidebar::after{left:-20px;bottom:30%;width:210px;height:120px}.house-ad--sidebar .house-ad__brand{position:absolute;left:25px;top:25px;padding:0;border:0}.house-ad--sidebar .house-ad__brand b{font-size:20px}.house-ad--sidebar .house-ad__copy small{font-size:10px}.house-ad--sidebar .house-ad__copy strong{font-size:29px;line-height:1}.house-ad--sidebar .house-ad__copy p{margin-top:10px;font-size:13px;line-height:1.45}.house-ad--sidebar .house-ad__action{min-height:43px;padding:0 19px;font-size:11px}
.house-ad--wide{min-height:250px;padding:34px 45px}.house-ad--wide .house-ad__copy strong{font-size:34px}.house-ad--wide .house-ad__copy p{font-size:14px}.article-bottom-ad{height:auto!important}

@media(max-width:920px){.house-ad--header{display:none}.house-ad--sidebar{min-height:330px}.house-ad--wide{min-height:190px}}
@media(max-width:640px){.house-ad{grid-template-columns:1fr auto;gap:10px;padding:12px 14px}.house-ad__brand{display:none}.house-ad__copy small{font-size:7px}.house-ad__copy strong,.house-ad--top .house-ad__copy strong,.house-ad--feed .house-ad__copy strong{font-size:14px}.house-ad__copy p,.house-ad--top .house-ad__copy p{display:none}.house-ad__action{min-height:32px;padding:0 10px;font-size:8px}.house-ad--top{min-height:58px}.house-ad--feed{min-height:82px;margin:20px 0}.house-ad--sidebar{display:flex;min-height:310px;padding:23px}.house-ad--sidebar .house-ad__brand{display:flex}.house-ad--sidebar .house-ad__copy strong{font-size:25px}.house-ad--sidebar .house-ad__copy p{display:block}.house-ad--sidebar .house-ad__action{font-size:10px}.house-ad--wide{min-height:130px}.house-ad--wide .house-ad__copy strong{font-size:20px}}

/* Компактные элементы шапки и выбор города */
.header .header-actions{gap:8px!important}.header .city-switcher{min-height:38px!important;padding:0 14px 0 32px!important;border:1px solid #eadcdd!important;border-radius:9px!important;color:#951b22!important;background:#fff!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;line-height:1!important;transform:none!important}.header .city-switcher::before{left:14px!important;width:7px!important;height:7px!important;box-shadow:0 0 0 3px rgba(194,31,39,.1)!important}.header .city-switcher::after{margin-left:4px!important;font-size:16px!important}.header .city-switcher:hover{color:#fff!important;border-color:var(--red)!important;background:var(--red)!important}.header .search-button{min-height:38px!important;padding:0 13px!important;border:1px solid #e4e0db!important;border-radius:9px!important;background:#fff!important;font-size:12px!important;box-shadow:none!important}.header .search-button:hover{color:#fff!important;border-color:var(--red)!important;background:var(--red)!important}
.search-modal{padding:42px 14px 22px!important}.city-picker-v2{width:min(760px,100%)!important;max-height:84vh!important;padding:20px!important;border-radius:12px!important}.city-picker-v2 .search-panel__head{margin-bottom:14px!important}.city-picker-v2 .search-panel__head h2{font-size:21px!important}.city-picker-v2 .search-close{width:32px!important;height:32px!important;color:#333!important;background:#fff!important;border:1px solid var(--line)!important;font-size:18px!important}.city-picker-tabs{gap:9px!important;padding-bottom:10px!important}.city-picker-tab{min-height:38px!important;padding:0 16px!important;color:#333!important;background:#eee!important;border:0!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important}.city-picker-tab.is-active{color:#fff!important;background:#cf3035!important;font-weight:800!important}.city-alphabet{gap:5px!important;padding:12px 0!important}.city-alphabet button{min-width:27px!important;width:auto!important;height:27px!important;padding:0 7px!important;color:#111!important;background:#f0efed!important;border:0!important;border-radius:5px!important;font-size:12px!important;font-weight:400!important;box-shadow:none!important}.city-alphabet button:hover,.city-alphabet button.is-active{color:#fff!important;background:#cf3035!important}.city-picker-groups{max-height:56vh!important}.city-picker-group__title{min-height:34px!important;padding:6px 0!important;color:#222!important;background:#fff!important;border:0!important;border-bottom:1px solid #ddd!important;border-radius:0!important;font-size:15px!important;text-align:left!important}.city-picker-group__title i{color:#222!important}.city-picker-links{gap:6px!important;padding-top:7px!important}.city-picker-links a{padding:6px 9px!important;color:#111!important;background:#f3f2f0!important;border-radius:5px!important;font-size:12px!important}.city-picker-links a:hover,.city-picker-links a.is-current{color:#fff!important;background:#cf3035!important}

@media(max-width:640px){.header .city-switcher{max-width:none!important;padding-inline:29px 10px!important}.header .search-button span{display:none}.city-picker-v2{padding:15px!important}.city-picker-links{grid-template-columns:1fr 1fr}.city-picker-tab{padding-inline:10px!important;font-size:11px!important}}

/* Иконки кнопок шапки не зависят от старых стилей шаблона */
.header .city-switcher{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 13px!important;white-space:nowrap!important}
.header .city-switcher::before{content:''!important;position:static!important;display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;background:radial-gradient(circle at center,var(--red) 0 2px,transparent 2.5px 5px,var(--red) 5.5px 7px,transparent 7.5px)!important;border:0!important;border-radius:50%!important;box-shadow:none!important}
.header .city-switcher:hover::before{background:radial-gradient(circle at center,#fff 0 2px,transparent 2.5px 5px,#fff 5.5px 7px,transparent 7.5px)!important;box-shadow:none!important}
.header .search-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:92px!important;color:#951b22!important;opacity:1!important;visibility:visible!important}
.header .search-button span{display:inline!important;color:inherit!important;opacity:1!important;visibility:visible!important}
.search-symbol{position:relative;display:block!important;flex:0 0 15px;width:15px;height:15px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box}
.search-symbol::after{content:'';position:absolute;right:-4px;bottom:-3px;width:6px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg);transform-origin:left center}
.header .search-button:hover,.header .search-button:hover span{color:#fff!important}

@media(max-width:640px){.header .city-switcher{padding:0 10px!important}.header .search-button{min-width:38px!important;width:38px!important;padding:0!important}.header .search-button span{display:none!important}}

.sparrow-block-v2{margin-top:24px;padding:18px 22px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}
.sparrow-block-v2__label{margin-bottom:14px;padding-bottom:9px;color:var(--muted);border-bottom:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

.city-card-v2{display:block!important}.city-card-v2__link{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;margin:-8px;padding:8px;border-radius:12px;transition:.2s ease}.city-card-v2__link:hover{background:#f7f5f0}.city-card-v2__link em{display:block;margin-top:9px;color:var(--red);font-size:10px;font-style:normal;font-weight:800}.city-card-v2__link:hover em{text-decoration:underline}
.city-home-title{color:inherit;text-decoration:none}.city-home-title:hover{color:var(--red)}

/* Светлый верхний house-баннер и информер ЦБ */
.house-ad--top{color:#1d2024!important;background:linear-gradient(112deg,#fff 0%,#f8f3ed 62%,#f1e6e2 100%)!important;border-bottom:1px solid #e8ded8!important}.house-ad--top::before{opacity:.12}.house-ad--top::after{opacity:.08}.house-ad--top .house-ad__brand{border-right-color:#ded4ce}.house-ad--top .house-ad__brand b{color:#1d2024}.house-ad--top .house-ad__brand span,.house-ad--top .house-ad__copy p{color:#67635f}.house-ad--top .house-ad__copy small{color:var(--ad-accent)}
.currency-strip{display:flex;align-items:center;justify-content:center;gap:13px;color:#e8e8e8;font-size:11px}.currency-strip>span{white-space:nowrap}.currency-strip b{margin-right:3px;color:#fff}.currency-strip small{padding-left:2px;color:#888;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.topline .wrap{justify-content:space-between}.currency-strip{gap:8px}.currency-strip small{display:none}.topline__note{display:none}}
@media(max-width:480px){.currency-strip{font-size:10px}.currency-strip>span:nth-child(3){display:none}}
@media(max-width:920px){.article-layout{grid-template-columns:1fr}.article-column-v2{grid-row:1}.article-sidebar{grid-row:2;grid-template-columns:repeat(2,1fr)}.article-bottom-ad{height:100px}.city-list-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.article-sidebar{grid-template-columns:1fr}.full-article-v2{padding:24px 18px}.article-body-v2{font-size:16px}.city-list-v2{grid-template-columns:1fr}.article-bottom-ad{height:100px}.search-field{grid-template-columns:1fr}.search-field button{height:44px}}

/* Компактная городская шапка */
body{overflow-x:hidden}
.header{overflow:visible}
.header .header__main{min-height:72px;gap:16px}
.header .logo--mark{display:flex!important;flex:0 0 9px!important;width:9px!important;height:30px!important;flex-direction:column;justify-content:center;gap:3px;margin-right:2px}
.header .logo--mark i{display:block;width:7px;height:7px;background:var(--red);border-radius:1px}
.header-city{min-width:0;flex:1;padding:8px 0}
.header-city .eyebrow{margin-bottom:2px;font-size:8px;letter-spacing:.11em}
.header-city .eyebrow::before{display:none}
.header-city__title{overflow:hidden;font:700 29px/1 'DIN Pro',Arial,sans-serif;letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis}
.header-city__meta{margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.header-mobile-panel{display:contents}
.header-actions--mobile{display:none!important}
.mobile-menu-toggle{display:none!important}
.header .topics{background:#fff}
.topics-toggle{display:none!important}
.header .topics{overflow:hidden}
.header .topics__inner{display:flex;min-height:43px;padding-top:7px;padding-bottom:7px;flex-wrap:wrap;align-content:center;gap:6px 7px;white-space:normal}
.header .topic{display:inline-flex;min-height:28px;align-items:center;padding:5px 9px;font-size:10px;line-height:1.15;white-space:nowrap}

/* Более компактный первый новостной экран */
.lead-grid{padding:20px 0 22px}
.lead-story{min-height:300px;padding:32px 38px}
.lead-story h2{max-width:720px;margin:14px 0 12px;font-size:clamp(29px,4vw,45px);line-height:1.03}
.lead-story p{margin-bottom:17px;font-size:14px}
.briefing{padding:20px 22px}
.brief-item{padding:13px 0}
.brief-item h3{font-size:15px}
.city-profile{margin-top:0;margin-bottom:24px;padding:25px;grid-template-columns:125px minmax(0,1fr);gap:24px}
.city-profile__coat{min-height:140px;padding:12px}
.city-profile__coat img{width:120px;height:120px}
.city-profile__text{margin-bottom:16px;font-size:14px}
.city-profile__facts div{padding:10px 11px}
.full-article-v2 h1{font-size:clamp(31px,4vw,49px);line-height:1.1}

@media(max-width:1024px){
  .header{position:sticky;top:0}
  .header .header__main{width:100%;min-height:61px;padding:0 12px;gap:9px}
  .header .logo--mark{flex-basis:8px!important;width:8px!important;height:27px!important;margin:0}
  .header .logo--mark i{width:6px;height:6px}
  .header-city{padding:7px 0}
  .header-city .eyebrow,.header-city__meta{display:none}
  .header-city__title{font-size:20px;line-height:1.05}
  .header-actions--desktop{display:none!important}
  .mobile-menu-toggle{display:flex!important;flex:0 0 42px;width:42px;height:42px;padding:9px;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--ink);border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
  .mobile-menu-toggle span{display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:.2s ease}
  .mobile-menu-toggle b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .header.is-mobile-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .header.is-mobile-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .header.is-mobile-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .header-mobile-panel{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 61px);overflow:auto;background:#fff;border-top:1px solid var(--line);box-shadow:0 18px 35px rgba(0,0,0,.14)}
  .header.is-mobile-open .header-mobile-panel{display:block}
  .header .header-actions--mobile{display:flex!important;width:100%;padding:12px;gap:8px}
  .header .header-actions--mobile .city-switcher{min-width:0!important;max-width:none!important;flex:1;justify-content:center;padding:0 9px!important;font-size:11px!important}
  .header .header-actions--mobile .search-button{flex:0 0 94px!important;width:auto!important;min-width:94px!important;padding:0 10px!important}
  .header .header-actions--mobile .search-button span{display:inline!important}
  .header .topics{border-top:1px solid var(--line)}
  .topics-toggle{display:flex!important;width:calc(100% - 24px);min-height:43px;margin:0 12px;padding:0;align-items:center;justify-content:space-between;color:var(--ink);border:0;background:#fff;font:700 13px/1 'DIN Pro',Arial,sans-serif;cursor:pointer}
  .topics-toggle i{position:relative;width:18px;height:18px;border:1px solid var(--line);border-radius:50%}
  .topics-toggle i::before,.topics-toggle i::after{content:'';position:absolute;left:4px;right:4px;top:8px;height:2px;background:var(--red);border-radius:2px;transition:.2s ease}
  .topics-toggle i::after{transform:rotate(90deg)}
  .topics.is-open .topics-toggle i::after{transform:rotate(0)}
  .header .topics__inner{display:none;width:100%;min-height:0;padding:0 12px 12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;white-space:normal}
  .header .topics.is-open .topics__inner{display:grid}
  .header .topic{display:flex;min-height:36px;align-items:center;padding:6px 10px;border-radius:7px;font-size:11px}
  .lead-grid{padding:14px 0 18px}
  .lead-story{min-height:280px;padding:25px 21px}
  .lead-story h2{font-size:clamp(27px,9vw,38px)}
  .lead-story p{display:none}
  .briefing{grid-template-columns:1fr!important;padding:18px}
  .city-profile{display:none!important}
  .city-profile__coat{min-height:105px;padding:8px}
  .city-profile__coat img{width:76px;height:76px}
  .city-profile__coat span{margin-top:5px;font-size:9px}
  .city-profile__title{font-size:22px}
  .city-profile__text{font-size:13px;line-height:1.45}
  .city-profile__facts{grid-template-columns:1fr 1fr}
  .city-profile__facts div{grid-template-columns:25px 1fr;column-gap:7px;padding:8px}
  .fact-icon{width:24px;height:24px;font-size:12px}
  .full-article-v2 h1{font-size:clamp(27px,8vw,36px);line-height:1.12}
}

@media(max-width:430px){
  .header-city__title{font-size:18px}
  .header .topics__inner{grid-template-columns:1fr}
  .city-profile{grid-template-columns:1fr}
  .city-profile__coat{min-height:100px}
  .city-profile__facts{grid-template-columns:1fr}
}

/* Точное центрирование элементов модального выбора города */
.city-alphabet button{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center!important;vertical-align:middle!important}
.city-picker-v2 .search-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;text-align:center!important}