/*
Theme Name: CWT Modern Gold
Theme URI: https://cwt-top.com
Author: CWT
Description: Современная тема для нового сайта CWT.
Version: 1.0
Text Domain: cwt-modern-gold
*/

:root {
  --bg: #f6f8fb;
  --text: #132238;
  --muted: #6f7d90;
  --line: #dfe5ec;
  --accent: #2563eb;
  --white: #ffffff;
  --container: 1240px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, Arial, sans-serif;
  line-height: 1.5;
}

a {
  color: inherit;
  text-decoration: none;
}

.container {
  width: min(calc(100% - 40px), var(--container));
  margin: 0 auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(16px);
}

.header-inner {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.site-logo {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.main-nav ul {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-nav a {
  color: var(--muted);
  font-size: 15px;
  font-weight: 600;
  transition: 0.2s ease;
}

.main-nav a:hover {
  color: var(--accent);
}

main {
  width: min(calc(100% - 40px), var(--container));
  margin: 0 auto;
  padding: 90px 0;
}

main h1 {
  margin: 0;
  font-size: clamp(44px, 7vw, 88px);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

@media (max-width: 700px) {
  .header-inner {
    min-height: 64px;
  }

  .main-nav {
    display: none;
  }

  main {
    padding-top: 60px;
  }
}

.hero {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(320px, 0.7fr);
  gap: 48px;
  align-items: stretch;
}

.hero-copy {
  padding: 72px 0 40px;
}

.hero-kicker {
  margin-bottom: 24px;
  color: var(--accent);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hero h1 {
  max-width: 900px;
}

.hero-copy p {
  max-width: 680px;
  margin: 32px 0 0;
  color: var(--muted);
  font-size: 20px;
  line-height: 1.6;
}

.hero-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin-top: 34px;
  padding: 0 24px;
  border-radius: 14px;
  background: var(--text);
  color: var(--white);
  font-weight: 700;
  transition: 0.2s ease;
}

.hero-button:hover {
  transform: translateY(-2px);
  background: var(--accent);
}

.hero-card {
  align-self: center;
  min-height: 420px;
  padding: 42px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(37, 99, 235, 0.10), rgba(255,255,255,0.9)),
    var(--white);
  box-shadow: 0 24px 70px rgba(19, 34, 56, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.hero-card-label {
  margin-bottom: auto;
  color: var(--accent);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-card h2 {
  margin: 0 0 16px;
  font-size: 36px;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.hero-card p {
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
  }

  .hero-copy {
    padding-top: 30px;
  }

  .hero-card {
    min-height: 300px;
  }
}

/* Featured image on article page */
.single-post .wp-post-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 620px;
    object-fit: cover;
    border-radius: 18px;
    margin: 28px 0 36px;
}

/* Better display for old low-resolution covers */
.single-post .wp-post-image {
    width: auto;
    max-width: 900px;
    max-height: 560px;
    margin: 28px auto 36px;
    object-fit: contain;
}

/* Balanced featured image */
.single-post .wp-post-image {
    display: block;
    width: 100%;
    max-width: 1120px;
    height: auto;
    max-height: 520px;
    object-fit: cover;
    margin: 28px auto 36px;
    border-radius: 16px;
}

/* Language switcher */
.language-switcher ul {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.language-switcher li {
    margin: 0;
    padding: 0;
}

.language-switcher a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #162238;
    opacity: 0.65;
}

.language-switcher .current-lang a {
    opacity: 1;
    font-weight: 800;
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.main-nav {
    margin-left: auto;
}


/* Featured article card */
.hero-card-featured {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 420px;
    padding: 28px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    color: #fff;
    text-decoration: none;
}

.hero-card-featured .hero-card-label {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hero-card-content {
    position: relative;
    z-index: 2;
    margin-top: auto;
}

.hero-card-date {
    margin-bottom: 10px;
    font-size: 13px;
    color: rgba(255,255,255,.75);
}

.hero-card-featured h2 {
    margin: 0 0 18px;
    max-width: 100%;
    font-size: 28px;
    line-height: 1.08;
    color: #fff;
}

.hero-card-more {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}


.hero-featured-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hero-featured-label {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #2563eb;
}


.hero-featured-wrap {
    gap: 8px;
    padding-top: 18px;
}


.language-switcher li {
    display: flex;
    align-items: center;
}

.language-switcher a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    min-height: 24px;
    padding: 3px 5px;
    border-radius: 7px;
}

.language-switcher img {
    display: block;
}

.language-switcher .current-lang a {
    background: #e8eefc;
    box-shadow: inset 0 0 0 1px #c8d5f3;
    opacity: 1;
}


.dropdown-language {
    position: relative;
}

.language-current {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border: 0;
    background: transparent;
    font-size: 14px;
    font-weight: 800;
    color: #162238;
    cursor: pointer;
}

.language-arrow {
    font-size: 11px;
    opacity: .6;
}

.language-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 210px;
    padding: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .12);
    display: none;
    z-index: 1000;
}

.dropdown-language.open .language-menu {
    display: block;
}

.language-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #162238;
}

.language-menu a:hover {
    background: #f4f7fb;
}

.language-menu .current-lang {
    background: #eef4ff;
}

.language-menu img {
    width: 18px;
    height: auto;
}

.language-code {
    width: 28px;
    font-size: 12px;
    font-weight: 800;
}

.language-name {
    font-size: 14px;
}

.language-menu a {
    display: grid;
    grid-template-columns: 20px 32px 1fr;
    align-items: center;
    column-gap: 10px;
}

.language-menu img {
    width: 18px;
    justify-self: center;
}

.language-code {
    width: auto;
    text-align: left;
}

.language-name {
    white-space: nowrap;
    line-height: 1.2;
}


/* Latest materials */
.latest-section {
    padding: 90px 32px 100px;
    max-width: 1380px;
    margin: 0 auto;
}

.latest-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 30px;
}

.section-kicker {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #2563eb;
}

.latest-header h2 {
    margin: 0;
    font-size: 42px;
    line-height: 1.05;
    color: #162238;
}

.latest-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.latest-card {
    min-width: 0;
}

.latest-card-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.latest-card-image {
    overflow: hidden;
    aspect-ratio: 16 / 10;
    border-radius: 18px;
    background: #e9eef5;
}

.latest-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.latest-card-link:hover .latest-card-image img {
    transform: scale(1.025);
}

.latest-card-body {
    padding-top: 16px;
}

.latest-card-meta {
    margin-bottom: 8px;
    font-size: 13px;
    color: #7a8799;
}

.latest-card h3 {
    margin: 0;
    font-size: 23px;
    line-height: 1.18;
    color: #162238;
}

@media (max-width: 900px) {
    .latest-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .latest-section {
        padding: 60px 20px 70px;
    }

    .latest-grid {
        grid-template-columns: 1fr;
    }

    .latest-header h2 {
        font-size: 34px;
    }
}

.latest-grid {
    row-gap: 36px;
}

.latest-card h3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.54em;
}


.latest-card-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
}

.latest-card-category {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #2563eb;
}

.latest-card-date {
    font-size: 12px;
    color: #8a96a8;
}


.latest-footer {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.all-posts-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border: 1px solid #d7deea;
    border-radius: 12px;
    background: #fff;
    color: #162238;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: .2s ease;
}

.all-posts-button:hover {
    transform: translateY(-1px);
    border-color: #b9c5d8;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}


/* Article layout */
.article-page {
    padding: 72px 24px 100px;
}

.article {
    max-width: 900px;
    margin: 0 auto;
}

.article-meta {
    margin-bottom: 16px;
    font-size: 13px;
    color: #7a8799;
}

.article-title {
    max-width: 880px;
    margin: 0 0 32px;
    font-size: clamp(38px, 5vw, 56px);
    line-height: 1.02;
    letter-spacing: -0.035em;
    color: #162238;
}

.article-cover {
    margin: 0 0 42px;
}

.article-cover img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: cover;
    border-radius: 18px;
}

.article-content {
    max-width: 780px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.75;
    color: #26364d;
}

.article-content p {
    margin: 0 0 1.35em;
}

.article-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 34px auto;
    border-radius: 12px;
}

.article-content h2 {
    margin: 2em 0 .8em;
    font-size: 32px;
    line-height: 1.15;
    color: #162238;
}

.article-content h3 {
    margin: 1.8em 0 .7em;
    font-size: 25px;
    line-height: 1.2;
    color: #162238;
}

@media (max-width: 700px) {
    .article-page {
        padding: 48px 18px 70px;
    }

    .article-title {
        font-size: 36px;
    }

    .article-content {
        font-size: 17px;
        line-height: 1.7;
    }
}


/* Editorial article */
.article-editorial {
    max-width: 1220px;
    margin: 0 auto;
}

.article-hero {
    max-width: 980px;
    margin: 0 auto 38px;
}

.article-category {
    margin-bottom: 18px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #2563eb;
}

.article-editorial .article-title {
    max-width: 980px;
    margin: 0 0 22px;
    font-size: clamp(42px, 5.2vw, 68px);
    line-height: .98;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.article-byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    color: #6f7d91;
}

.article-dot {
    opacity: .45;
}

.article-editorial .article-cover {
    max-width: 1120px;
    margin: 0 auto 56px;
}

.article-editorial .article-cover img {
    width: 100%;
    max-height: 660px;
    object-fit: cover;
    border-radius: 24px;
}

.article-body-grid {
    display: grid;
    grid-template-columns: 180px minmax(0, 720px);
    gap: 72px;
    justify-content: center;
    align-items: start;
}

.article-sidebar {
    position: sticky;
    top: 100px;
    padding-top: 6px;
}

.article-side-block {
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dfe5ee;
}

.article-side-label {
    display: block;
    margin-bottom: 7px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #8b97a8;
}

.article-side-block strong {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    color: #162238;
}

.article-editorial .article-content {
    max-width: 720px;
    margin: 0;
    font-size: 19px;
    line-height: 1.82;
    color: #26364d;
}

.article-editorial .article-content > p:first-child {
    font-size: 22px;
    line-height: 1.68;
    color: #162238;
}

.article-editorial .article-content p {
    margin: 0 0 1.55em;
}

.article-editorial .article-content h2 {
    margin: 2.2em 0 .8em;
    font-size: 34px;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.article-editorial .article-content h3 {
    margin: 1.9em 0 .7em;
    font-size: 26px;
    line-height: 1.18;
}

.article-editorial .article-content blockquote {
    margin: 2.2em 0;
    padding: 4px 0 4px 26px;
    border-left: 3px solid #2563eb;
    font-size: 23px;
    line-height: 1.55;
    color: #162238;
}

.article-editorial .article-content ul,
.article-editorial .article-content ol {
    margin: 1.3em 0 1.6em;
    padding-left: 1.4em;
}

.article-editorial .article-content li {
    margin-bottom: .55em;
}

.article-editorial .article-content img {
    margin: 42px auto;
    border-radius: 16px;
}

@media (max-width: 900px) {
    .article-body-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .article-sidebar {
        position: static;
        display: flex;
        flex-wrap: wrap;
        gap: 18px 28px;
        max-width: 720px;
        margin: 0 auto;
    }

    .article-side-block {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .article-editorial .article-content {
        margin: 0 auto;
    }
}

@media (max-width: 700px) {
    .article-hero {
        margin-bottom: 28px;
    }

    .article-editorial .article-title {
        font-size: 38px;
        line-height: 1.03;
    }

    .article-editorial .article-cover {
        margin-bottom: 38px;
    }

    .article-editorial .article-cover img {
        border-radius: 16px;
    }

    .article-editorial .article-content {
        font-size: 17px;
        line-height: 1.75;
    }

    .article-editorial .article-content > p:first-child {
        font-size: 19px;
    }
}


/* Cleaner article typography */
.article-editorial .article-title {
    max-width: 900px;
    font-size: clamp(40px, 4.4vw, 58px);
    line-height: 1.03;
    letter-spacing: -.035em;
}

.article-editorial .article-content {
    max-width: 740px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
    color: #26364d;
}

.article-editorial .article-content p {
    margin: 0 0 1.6em;
}

/* Interview questions */
.article-editorial .article-content p.question {
    margin: 2.4em 0 1em;
    padding: 18px 22px;
    border-left: 3px solid #2563eb;
    background: #f5f8fd;
    border-radius: 0 12px 12px 0;
    font-weight: 700;
    color: #162238;
}

/* Interview answers */
.article-editorial .article-content p.answer {
    margin-bottom: 1.8em;
}

/* Source block */
.article-source {
    max-width: 740px;
    margin: 56px auto 0;
    padding: 20px 22px;
    border: 1px solid #dde4ee;
    border-radius: 14px;
    background: #f8fafc;
}

.article-source-label {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #7b8798;
}

.article-source-value {
    font-size: 15px;
    font-weight: 700;
    color: #162238;
}

.article-source-value a {
    color: #2563eb;
    text-decoration: none;
}

.article-source-value a:hover {
    text-decoration: underline;
}


/* Modern editorial article */
.article-modern {
    max-width: 1240px;
    margin: 0 auto;
}

.article-intro {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);
    gap: 56px;
    align-items: center;
    margin-bottom: 72px;
}

.article-intro-copy {
    padding-left: 8px;
}

.article-modern .article-category {
    margin-bottom: 18px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #2563eb;
}

.article-modern .article-title {
    margin: 0 0 22px;
    max-width: 620px;
    font-size: clamp(34px, 3.4vw, 52px);
    line-height: 1.02;
    letter-spacing: -.035em;
    text-wrap: balance;
    color: #162238;
}

.article-modern .article-byline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
    color: #7a8799;
}

.article-intro-cover {
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: 22px;
    background: #e9eef5;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .10);
}

.article-intro-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-modern .article-content {
    max-width: 720px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.82;
    color: #26364d;
}

.article-modern .article-content > p:first-child {
    font-size: 21px;
    line-height: 1.65;
    color: #162238;
}

.article-modern .article-content p {
    margin: 0 0 1.65em;
}

.article-modern .article-content p.question {
    margin: 2.5em 0 1.2em;
    padding: 18px 20px;
    border-left: 3px solid #2563eb;
    background: #f4f7fb;
    border-radius: 0 14px 14px 0;
    font-size: 18px;
    line-height: 1.55;
    font-weight: 700;
    color: #162238;
}

.article-modern .article-content h2 {
    margin: 2.4em 0 .8em;
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: -.025em;
    color: #162238;
}

.article-modern .article-content h3 {
    margin: 2em 0 .7em;
    font-size: 24px;
    line-height: 1.18;
    color: #162238;
}

.article-modern .article-content blockquote {
    margin: 2.4em 0;
    padding: 0 0 0 24px;
    border-left: 3px solid #2563eb;
    font-size: 22px;
    line-height: 1.55;
    color: #162238;
}

.article-modern .article-content img {
    max-width: 100%;
    height: auto;
    margin: 38px auto;
    border-radius: 14px;
}

.article-modern .article-content a {
    color: #2563eb;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

.article-modern .article-source {
    max-width: 720px;
    margin: 58px auto 0;
}

@media (max-width: 900px) {
    .article-intro {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .article-intro-copy {
        padding-left: 0;
    }

    .article-modern .article-title {
        max-width: 760px;
    }

    .article-intro-cover {
        aspect-ratio: 16 / 10;
    }
}

@media (max-width: 640px) {
    .article-intro {
        margin-bottom: 48px;
    }

    .article-modern .article-title {
        font-size: 34px;
        line-height: 1.04;
    }

    .article-intro-cover {
        border-radius: 16px;
    }

    .article-modern .article-content {
        font-size: 17px;
        line-height: 1.75;
    }

    .article-modern .article-content > p:first-child {
        font-size: 19px;
    }
}


.article-modern .article-content {
    max-width: 840px;
}

.article-modern .article-source {
    max-width: 840px;
}

@media (max-width: 900px) {
    .article-modern .article-content,
    .article-modern .article-source {
        max-width: 100%;
    }
}


.article-modern .article-content,
.article-modern .article-source {
    max-width: 980px;
}

.article-modern .article-content {
    font-size: 19px;
    line-height: 1.78;
}


/* Article with modern sidebar */
.article-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 820px);
    gap: 54px;
    align-items: start;
    justify-content: center;
}

.article-sidebar-modern {
    position: sticky;
    top: 96px;
}

.sidebar-block {
    padding: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .05);
}

.sidebar-title {
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #162238;
}

.sidebar-recommendations {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sidebar-recommendation {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 12px;
    align-items: start;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf1f6;
    text-decoration: none;
    color: inherit;
}

.sidebar-recommendation:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.sidebar-recommendation-image {
    overflow: hidden;
    width: 72px;
    height: 58px;
    border-radius: 10px;
    background: #edf1f6;
}

.sidebar-recommendation-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-recommendation-copy {
    min-width: 0;
}

.sidebar-recommendation-date {
    display: block;
    margin-bottom: 4px;
    font-size: 10px;
    color: #8b97a8;
}

.sidebar-recommendation-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.28;
    color: #162238;
}

.sidebar-recommendation:hover .sidebar-recommendation-title {
    color: #2563eb;
}

.article-layout .article-content {
    max-width: 820px;
    margin: 0;
}

@media (max-width: 1050px) {
    .article-layout {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 34px;
    }
}

@media (max-width: 820px) {
    .article-layout {
        grid-template-columns: 1fr;
    }

    .article-sidebar-modern {
        position: static;
        order: 2;
    }

    .article-layout .article-content {
        max-width: 100%;
    }
}


/* Refine article sidebar thumbnails */
.sidebar-recommendation {
    grid-template-columns: 92px 1fr;
    gap: 14px;
}

.sidebar-recommendation-image {
    width: 92px;
    height: 68px;
    border-radius: 12px;
}

.sidebar-recommendation-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Align lower article grid with cover edge */
.article-modern {
    max-width: 1240px;
}

.article-intro {
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 54px;
}

.article-layout {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 54px;
    max-width: 1240px;
    margin: 0 auto;
}

.article-layout .article-content {
    width: 100%;
    max-width: none;
}

.article-modern .article-source {
    width: calc(100% - 334px);
    max-width: none;
    margin-left: 334px;
    margin-right: 0;
}

@media (max-width: 1050px) {
    .article-intro {
        grid-template-columns: 320px minmax(0, 1fr);
        gap: 34px;
    }

    .article-layout {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 34px;
    }

    .article-modern .article-source {
        width: calc(100% - 274px);
        margin-left: 274px;
    }
}

@media (max-width: 820px) {
    .article-modern .article-source {
        width: 100%;
        margin-left: 0;
    }
}

/* Fix article intro proportions */
.article-intro {
    grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
    gap: 56px;
}

.article-modern .article-title {
    max-width: 620px;
    font-size: clamp(34px, 3.2vw, 48px);
    line-height: 1.04;
}

/* Editorial rectangular recommendation thumbnails */
.sidebar-recommendation {
    grid-template-columns: 100px 1fr;
    gap: 12px;
}

.sidebar-recommendation-image {
    width: 100px;
    height: 64px;
    border-radius: 0;
}

.sidebar-recommendation-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

@media (max-width: 1050px) {
    .article-intro {
        grid-template-columns: minmax(0, .9fr) minmax(400px, 1.1fr);
        gap: 36px;
    }
}

/* Show recommendation thumbnails fully */
.sidebar-recommendation-image {
    width: 100px;
    height: 68px;
    border-radius: 0 !important;
    background: #f3f4f6;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-recommendation-image img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
    border-radius: 0 !important;
}

/* Remove remaining rounded corners from sidebar card */
.sidebar-block {
    border-radius: 0;
}


/* Popular tags in sidebar */
.sidebar-tags {
    margin-top: 18px;
}

.sidebar-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sidebar-tag-list a {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: .2s ease;
}

.sidebar-tag-list a:hover {
    border-color: #b8c7df;
    background: #eef4ff;
    color: #2563eb;
}


/* Collapsible popular tags */
.sidebar-tag-extra {
    display: none !important;
}

.sidebar-tags.is-expanded .sidebar-tag-extra {
    display: inline-flex !important;
}

.sidebar-tags-toggle {
    width: 100%;
    margin-top: 10px;
    padding: 9px 12px;
    border: 1px solid #dbe3ef;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.sidebar-tags-toggle:hover {
    background: #f8fafc;
}

/* Modern popular topics — variant A */
.sidebar-tags {
    background: #f8fafc;
    border: 1px solid #dbe3ee;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.sidebar-tags .sidebar-title {
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #0f172a;
}

.sidebar-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: flex-start;
}

.sidebar-tag-list a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 7px 11px;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    text-decoration: none;
    transition: .2s ease;
}

.sidebar-tag-list a:hover {
    border-color: #2563eb;
    background: #eff6ff;
    color: #2563eb;
    transform: translateY(-1px);
}

.sidebar-tag-extra {
    display: none !important;
}

.sidebar-tags.is-expanded .sidebar-tag-extra {
    display: inline-flex !important;
}

.sidebar-tags-toggle {
    width: auto;
    margin-top: 14px;
    padding: 8px 13px;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #fff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}

.sidebar-tags-toggle:hover {
    border-color: #2563eb;
    background: #eff6ff;
}


/* Refine popular topics block */
.sidebar-tag-list a {
    max-width: 100%;
}

.sidebar-tag-list a span:first-child,
.sidebar-tag-list a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-tags-toggle {
    border: 0;
    padding: 7px 2px;
    background: transparent;
    color: #2563eb;
    border-radius: 0;
    font-size: 12px;
    font-weight: 700;
}

.sidebar-tags-toggle:hover {
    background: transparent;
    border: 0;
    color: #1d4ed8;
    transform: translateX(2px);
}

/* Modern video block */
.sidebar-video {
    margin-top: 18px;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.sidebar-video-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sidebar-video-item {
    display: block;
    color: #0f172a;
    text-decoration: none;
}

.sidebar-video-item:first-child {
    padding-bottom: 14px;
    border-bottom: 1px solid #e8edf4;
}

.sidebar-video-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #eef2f7;
}

.sidebar-video-item:first-child .sidebar-video-image {
    aspect-ratio: 16 / 9;
    margin-bottom: 9px;
}

.sidebar-video-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-video-play {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.88);
    color: #fff;
    font-size: 12px;
    padding-left: 2px;
}

.sidebar-video-title {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

.sidebar-video-item:not(:first-child) {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.sidebar-video-item:not(:first-child) .sidebar-video-image {
    width: 88px;
    height: 56px;
}

.sidebar-video-item:not(:first-child) .sidebar-video-play {
    width: 24px;
    height: 24px;
    left: 6px;
    bottom: 6px;
    font-size: 9px;
}

.sidebar-video-item:not(:first-child) .sidebar-video-title {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.3;
}

.sidebar-video-item:hover .sidebar-video-title {
    color: #2563eb;
}


/* Articles block: show covers fully, no fake video crop */
.sidebar-video-image {
    background: #f1f5f9;
}

.sidebar-video-image img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center;
}

.sidebar-video-item:first-child .sidebar-video-image {
    aspect-ratio: 16 / 9;
}

.sidebar-video-item:not(:first-child) .sidebar-video-image {
    width: 88px;
    height: 58px;
}

.sidebar-video-play {
    display: none !important;
}

/* Show article covers fully in "Ещё материалы" */
.sidebar-video-image {
    background: transparent !important;
    overflow: visible !important;
}

.sidebar-video-image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

.sidebar-video-item:first-child .sidebar-video-image {
    aspect-ratio: auto !important;
}

.sidebar-video-item:not(:first-child) .sidebar-video-image {
    width: 88px !important;
    height: auto !important;
}

.sidebar-video-item:not(:first-child) .sidebar-video-image img {
    width: 88px !important;
    height: auto !important;
}

/* Real embedded video in sidebar */
.sidebar-video-embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    overflow: hidden;
    margin-bottom: 9px;
}

.sidebar-video-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Final sidebar video/news block */
.sidebar-video {
    margin-top: 18px;
    background: #fff;
    border: 1px solid #dbe3ee;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.sidebar-video-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sidebar-video-item {
    color: #0f172a;
    text-decoration: none;
}

.sidebar-video-item:first-child {
    display: block;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8edf4;
}

.sidebar-video-item:first-child .sidebar-video-image {
    display: block;
    width: 100%;
    margin-bottom: 9px;
}

.sidebar-video-item:first-child .sidebar-video-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

.sidebar-video-item:not(:first-child) {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.sidebar-video-item:not(:first-child) .sidebar-video-image {
    display: block;
    width: 92px !important;
    height: auto !important;
    background: transparent !important;
    overflow: visible !important;
}

.sidebar-video-item:not(:first-child) .sidebar-video-image img {
    display: block;
    width: 92px !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

.sidebar-video-title {
    display: block;
    margin-top: 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.sidebar-video-item:first-child .sidebar-video-title {
    font-size: 13px;
    line-height: 1.4;
}

.sidebar-video-item:hover .sidebar-video-title {
    color: #2563eb;
}

/* Real YouTube video cards */
.sidebar-real-videos {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sidebar-real-video {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    color: #0f172a;
    text-decoration: none;
}

.sidebar-real-video:first-child {
    display: block;
    padding-bottom: 14px;
    border-bottom: 1px solid #e8edf4;
}

.sidebar-real-video-thumb {
    position: relative;
    display: block;
    width: 96px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.sidebar-real-video:first-child .sidebar-real-video-thumb {
    width: 100%;
    margin-bottom: 10px;
}

.sidebar-real-video-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sidebar-real-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(220, 38, 38, .95);
    color: #fff;
    font-size: 11px;
    padding-left: 2px;
}

.sidebar-real-video:first-child .sidebar-real-video-play {
    width: 42px;
    height: 42px;
    font-size: 14px;
}

.sidebar-real-video-title {
    display: block;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.sidebar-real-video:first-child .sidebar-real-video-title {
    font-size: 13px;
    line-height: 1.4;
}

.sidebar-real-video:hover .sidebar-real-video-title {
    color: #2563eb;
}

.sidebar-video-all {
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.sidebar-video-all:hover {
    color: #1d4ed8;
    transform: translateX(2px);
}

/* Hero video instead of cover */
.article-intro-video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
}

.article-intro-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.article-intro-video + * {
    margin-top: 0;
}


/* Sticky article sidebar */
.article-sidebar-modern {
    position: sticky;
    top: 96px;
    align-self: start;
    max-height: calc(100vh - 116px);
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.article-sidebar-modern::-webkit-scrollbar {
    width: 6px;
}

.article-sidebar-modern::-webkit-scrollbar-track {
    background: transparent;
}

.article-sidebar-modern::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.article-sidebar-modern::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

@media (max-width: 820px) {
    .article-sidebar-modern {
        position: static;
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
}

/* Header logo */
.site-header {
    background: #0b1220;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.header-inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.site-logo-image {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.site-logo-image img {
    display: block;
    width: 150px;
    height: auto;
    max-height: 58px;
    object-fit: contain;
}


/* Увеличиваем логотип в шапке */
.site-header {
    background: #0b1220;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.header-inner {
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.site-logo-image img {
    display: block;
    width: 220px;
    max-width: 100%;
    height: auto;
    max-height: 74px;
    object-fit: contain;
}


/* Bigger modern header logo */
.header-inner {
    min-height: 106px;
}

.site-logo-image img {
    width: 260px;
    max-height: 84px;
}

@media (max-width: 820px) {
    .site-logo-image img {
        width: 210px;
        max-height: 72px;
    }
}

/* Two-level modern header */
.site-header {
    background: #0b1220;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.header-inner {
    min-height: 112px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "logo spacer language"
        "menu menu menu";
    align-items: center;
    column-gap: 28px;
    row-gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.site-logo-image {
    grid-area: logo;
}

.site-logo-image img {
    width: 280px;
    max-height: 88px;
}

.cwt-main-nav {
    grid-area: menu;
    display: flex;
    align-items: center;
    gap: 28px;
    padding-top: 12px;
    border-top: 1px solid rgba(255,255,255,.10);
}

.cwt-main-nav a {
    color: #dbe7f5;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: .2s ease;
}

.cwt-main-nav a:hover {
    color: #ffffff;
}

.language-switcher {
    grid-area: language;
    justify-self: end;
}

.language-current {
    color: #ffffff !important;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    padding: 8px 12px;
}

.language-current:hover {
    background: rgba(255,255,255,.13);
}

.language-current .language-arrow {
    color: #94a3b8;
}

@media (max-width: 900px) {
    .header-inner {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "logo language"
            "menu menu";
    }

    .site-logo-image img {
        width: 230px;
        max-height: 76px;
    }

    .cwt-main-nav {
        gap: 18px;
        flex-wrap: wrap;
    }
}


/* Header — single modern row */
.header-inner {
    min-height: 104px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo menu language";
    align-items: center;
    gap: 34px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.site-logo-image {
    grid-area: logo;
}

.site-logo-image img {
    width: 250px;
    max-height: 82px;
}

.cwt-main-nav {
    grid-area: menu;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0;
    border-top: 0;
}

.cwt-main-nav a {
    position: relative;
    padding: 10px 0;
    color: #dbe7f5;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.cwt-main-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 2px;
    background: #3b82f6;
    transform: scaleX(0);
    transition: transform .2s ease;
}

.cwt-main-nav a:hover {
    color: #fff;
}

.cwt-main-nav a:hover::after {
    transform: scaleX(1);
}

.language-switcher {
    grid-area: language;
    justify-self: end;
}

@media (max-width: 980px) {
    .header-inner {
        grid-template-columns: auto 1fr auto;
        gap: 20px;
    }

    .site-logo-image img {
        width: 210px;
    }

    .cwt-main-nav {
        gap: 18px;
    }

    .cwt-main-nav a {
        font-size: 13px;
    }
}

/* Page background — subtle open-book effect */
body {
    background:
        linear-gradient(
            90deg,
            #12345f 0%,
            #1c4f86 2.5%,
            #b8d1ec 5.5%,
            #e7eff8 8%,
            #f6f8fb 12%,
            #f6f8fb 88%,
            #e7eff8 92%,
            #b8d1ec 94.5%,
            #1c4f86 97.5%,
            #12345f 100%
        );
    background-attachment: fixed;
}

/* Keep content area visually like the pages of a book */
.article-page {
    background: transparent !important;
}

/* Gentle depth toward the outer edges */
body::before,
body::after {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    width: 34px;
    pointer-events: none;
    z-index: 0;
}

body::before {
    left: 0;
    box-shadow: inset -14px 0 24px rgba(10, 38, 72, .18);
}

body::after {
    right: 0;
    box-shadow: inset 14px 0 24px rgba(10, 38, 72, .18);
}

.site-header,
.article-page,
.site-footer {
    position: relative;
    z-index: 1;
}

/* Refined magazine / open-book background */
body {
    background:
        linear-gradient(
            90deg,
            #1b2b3e 0%,
            #263e58 1.5%,
            #45647f 3.2%,
            #8198ad 5.2%,
            #bcc9d5 7.1%,
            #e1e7ed 9.2%,
            #f1f4f7 11.5%,
            #f7f8fa 14%,
            #f7f8fa 86%,
            #f1f4f7 88.5%,
            #e1e7ed 90.8%,
            #bcc9d5 92.9%,
            #8198ad 94.8%,
            #45647f 96.8%,
            #263e58 98.5%,
            #1b2b3e 100%
        );
    background-attachment: fixed;
}

/* Soft depth like curved magazine pages */
body::before,
body::after {
    content: "";
    position: fixed;
    top: 84px;
    bottom: 0;
    width: 11%;
    pointer-events: none;
    z-index: 0;
}

body::before {
    left: 0;
    background:
        linear-gradient(
            90deg,
            rgba(8, 25, 43, .24) 0%,
            rgba(34, 62, 88, .10) 38%,
            rgba(255,255,255,.04) 68%,
            transparent 100%
        );
    box-shadow:
        inset -18px 0 30px rgba(20, 42, 64, .09);
}

body::after {
    right: 0;
    background:
        linear-gradient(
            270deg,
            rgba(8, 25, 43, .24) 0%,
            rgba(34, 62, 88, .10) 38%,
            rgba(255,255,255,.04) 68%,
            transparent 100%
        );
    box-shadow:
        inset 18px 0 30px rgba(20, 42, 64, .09);
}

/* Give the central content a subtle paper feel */
.article-page,
.home-main,
main {
    position: relative;
    z-index: 1;
}


/* Clean modern editorial background */
body {
    background:
        linear-gradient(
            90deg,
            #d7e1eb 0%,
            #e6edf3 5%,
            #f2f5f8 9%,
            #f8fafc 14%,
            #f8fafc 86%,
            #f2f5f8 91%,
            #e6edf3 95%,
            #d7e1eb 100%
        ) !important;
    background-attachment: fixed;
}

/* Remove old strong side effects */
body::before,
body::after {
    content: "";
    position: fixed;
    top: 84px;
    bottom: 0;
    width: 9%;
    pointer-events: none;
    z-index: 0;
    background: none !important;
}

body::before {
    left: 0;
    box-shadow:
        inset -22px 0 40px rgba(63, 86, 110, .07);
}

body::after {
    right: 0;
    box-shadow:
        inset 22px 0 40px rgba(63, 86, 110, .07);
}

/* Keep content visually on top */
main,
.article-page,
.home-main {
    position: relative;
    z-index: 1;
}

/* Clean magazine-page layout */
body {
    background: #dce5ee !important;
}

/* Remove previous side gradients completely */
body::before,
body::after {
    display: none !important;
}

/* Central "paper" page */
.article-page,
.home-main {
    width: calc(100% - 120px);
    max-width: 1660px;
    margin-left: auto;
    margin-right: auto;
    background: #f8fafc !important;
    box-shadow:
        -12px 0 30px rgba(39, 60, 82, .05),
         12px 0 30px rgba(39, 60, 82, .05);
}

/* On smaller screens remove the magazine margins */
@media (max-width: 1100px) {
    .article-page,
    .home-main {
        width: 100%;
        box-shadow: none;
    }
}

/* Narrower magazine side fields */
body {
    background: #dce5ee !important;
}

/* Central page area */
.home-main,
.article-page {
    width: calc(100% - 220px);
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
    background: #f8fafc !important;
    box-shadow:
        -10px 0 24px rgba(39, 60, 82, .045),
         10px 0 24px rgba(39, 60, 82, .045);
}

/* Keep page content itself light */
.home-main > *,
.article-page > * {
    background: transparent;
}

@media (max-width: 1200px) {
    .home-main,
    .article-page {
        width: calc(100% - 100px);
    }
}

@media (max-width: 900px) {
    .home-main,
    .article-page {
        width: 100%;
        box-shadow: none;
    }
}

/* Final editorial side fields */
body {
    background:
        linear-gradient(
            90deg,
            #d7e1eb 0%,
            #d7e1eb 7%,
            #f8fafc 7%,
            #f8fafc 93%,
            #d7e1eb 93%,
            #d7e1eb 100%
        ) !important;
}

/* Main areas stay unfilled */
.home-main,
.article-page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Soft editorial page edges */
.home-main::before,
.home-main::after,
.article-page::before,
.article-page::after {
    content: "";
    position: fixed;
    top: 86px;
    bottom: 0;
    width: 22px;
    pointer-events: none;
    z-index: 0;
}

.home-main::before,
.article-page::before {
    left: 7%;
    box-shadow: 12px 0 22px rgba(62, 83, 105, .06);
}

.home-main::after,
.article-page::after {
    right: 7%;
    box-shadow: -12px 0 22px rgba(62, 83, 105, .06);
}

/* Bring side fields closer to the content */
body {
    background:
        linear-gradient(
            90deg,
            #d7e1eb 0%,
            #d7e1eb 18%,
            #f8fafc 18%,
            #f8fafc 82%,
            #d7e1eb 82%,
            #d7e1eb 100%
        ) !important;
}

/* Subtle inner page shadow */
.home-main::before,
.home-main::after,
.article-page::before,
.article-page::after {
    width: 18px;
}

.home-main::before,
.article-page::before {
    left: 18%;
    box-shadow: 10px 0 20px rgba(62, 83, 105, .055);
}

.home-main::after,
.article-page::after {
    right: 18%;
    box-shadow: -10px 0 20px rgba(62, 83, 105, .055);
}

/* Softer magazine side fields */
body {
    background:
        linear-gradient(
            90deg,
            #d6e0ea 0%,
            #d6e0ea 12%,
            #e2e9f0 14%,
            #edf2f6 16%,
            #f5f7fa 18%,
            #f8fafc 20%,
            #f8fafc 80%,
            #f5f7fa 82%,
            #edf2f6 84%,
            #e2e9f0 86%,
            #d6e0ea 88%,
            #d6e0ea 100%
        ) !important;
}

/* Soft inner depth only */
.home-main::before,
.article-page::before {
    left: 18%;
    width: 24px;
    box-shadow: 12px 0 24px rgba(56, 78, 100, .05);
}

.home-main::after,
.article-page::after {
    right: 18%;
    width: 24px;
    box-shadow: -12px 0 24px rgba(56, 78, 100, .05);
}

/* Sticky site header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Sticky site header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Sticky site header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Sticky site header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Sticky site header */
.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}


/* Compact sticky header */
.header-inner {
    min-height: 72px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    gap: 28px;
}

.site-logo-image img {
    width: 210px !important;
    max-height: 60px !important;
}

.cwt-main-nav a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.language-current {
    padding-top: 7px;
    padding-bottom: 7px;
}


/* Category-themed article hero */
.article-intro {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 28px;
    padding: 22px;
    --hero-accent: 59, 130, 246;
}

.article-intro::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border: 1px solid rgba(var(--hero-accent), .18);
    border-radius: 28px;
    background:
        radial-gradient(
            circle at 18% 18%,
            rgba(var(--hero-accent), .10),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(var(--hero-accent), .045),
            rgba(255,255,255,.015) 52%,
            rgba(var(--hero-accent), .025)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.40),
        0 18px 44px rgba(15,23,42,.045);
}

.article-intro::after {
    content: "";
    position: absolute;
    right: 4%;
    bottom: -8%;
    width: 330px;
    height: 170px;
    z-index: 0;
    pointer-events: none;
    background: url('/wp-content/uploads/2026/08/logo.png') center / contain no-repeat;
    opacity: .035;
    filter: grayscale(.15);
}

.article-intro > * {
    position: relative;
    z-index: 1;
}

/* Accent themes */
.article-intro--politics   { --hero-accent: 48, 105, 210; }
.article-intro--blockchain { --hero-accent: 20, 148, 138; }
.article-intro--technology { --hero-accent: 99, 102, 241; }
.article-intro--society    { --hero-accent: 196, 122, 52; }
.article-intro--health     { --hero-accent: 53, 151, 96; }
.article-intro--media      { --hero-accent: 139, 92, 185; }
.article-intro--ecology    { --hero-accent: 67, 145, 113; }
.article-intro--food       { --hero-accent: 194, 111, 48; }
.article-intro--energy     { --hero-accent: 196, 145, 43; }
.article-intro--science    { --hero-accent: 53, 130, 173; }
.article-intro--cwtnews    { --hero-accent: 47, 112, 210; }
.article-intro--video      { --hero-accent: 190, 71, 71; }
.article-intro--default    { --hero-accent: 100, 116, 139; }

/* Category pill inside hero */
.article-intro .article-category {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(var(--hero-accent), .075);
    box-shadow: inset 0 0 0 1px rgba(var(--hero-accent), .13);
}


/* Clean side background — remove intersecting layers */
.home-main::before,
.home-main::after,
.article-page::before,
.article-page::after,
body::before,
body::after {
    display: none !important;
}

/* One continuous soft editorial background */
body {
    background:
        linear-gradient(
            90deg,
            #d7e1ea 0%,
            #d7e1ea 11%,
            #e3eaf0 14%,
            #edf2f6 17%,
            #f5f7fa 19%,
            #f8fafc 21%,
            #f8fafc 79%,
            #f5f7fa 81%,
            #edf2f6 83%,
            #e3eaf0 86%,
            #d7e1ea 89%,
            #d7e1ea 100%
        ) !important;
    background-attachment: fixed;
}

/* Visible but subtle CWT watermark inside hero */
.article-intro::after {
    content: "";
    position: absolute;
    right: 3%;
    bottom: -12px;
    width: 360px;
    height: 185px;
    background: url('/wp-content/uploads/2026/08/logo.png') center / contain no-repeat;
    opacity: .075;
    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(24%)
        saturate(1050%)
        hue-rotate(176deg)
        brightness(82%);
    pointer-events: none;
    z-index: 0;
}

.article-intro > * {
    position: relative;
    z-index: 1;
}

/* Stronger CWT watermark in hero */
.article-intro::after {
    content: "";
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translateY(-50%);
    width: 360px;
    height: 220px;
    background: url('/wp-content/uploads/2026/08/logo.png') center / contain no-repeat;
    opacity: .09;
    filter:
        brightness(0)
        saturate(100%)
        invert(24%)
        sepia(23%)
        saturate(920%)
        hue-rotate(176deg)
        brightness(88%);
    pointer-events: none;
    z-index: 0;
}

.article-intro-copy,
.article-intro-cover {
    position: relative;
    z-index: 1;
}

/* Move CWT watermark above category */
.article-intro::after {
    left: 4%;
    top: 18px;
    transform: none;
    width: 190px;
    height: 72px;
    opacity: .10;
    background-position: left center;
}

.article-intro-copy {
    padding-top: 58px;
}

/* Stronger category color separation */
.article-intro--politics   { --hero-accent: 37, 99, 235; }   /* blue */
.article-intro--blockchain { --hero-accent: 13, 148, 136; }  /* teal */
.article-intro--technology { --hero-accent: 124, 58, 237; }  /* violet */
.article-intro--society    { --hero-accent: 217, 119, 6; }   /* amber */
.article-intro--health     { --hero-accent: 22, 163, 74; }   /* green */
.article-intro--media      { --hero-accent: 190, 24, 93; }   /* magenta */
.article-intro--ecology    { --hero-accent: 5, 150, 105; }   /* emerald */
.article-intro--food       { --hero-accent: 234, 88, 12; }   /* orange */
.article-intro--energy     { --hero-accent: 202, 138, 4; }   /* gold */
.article-intro--science    { --hero-accent: 8, 145, 178; }   /* cyan */
.article-intro--cwtnews    { --hero-accent: 15, 118, 110; }  /* deep teal */
.article-intro--video      { --hero-accent: 220, 38, 38; }   /* red */
.article-intro--default    { --hero-accent: 100, 116, 139; } /* slate */

/* Make the category tone more visible */
.article-intro::before {
    border-color: rgba(var(--hero-accent), .28);

    background:
        radial-gradient(
            circle at 17% 18%,
            rgba(var(--hero-accent), .16),
            transparent 44%
        ),
        linear-gradient(
            135deg,
            rgba(var(--hero-accent), .075),
            rgba(255,255,255,.015) 56%,
            rgba(var(--hero-accent), .035)
        );
}

.article-intro .article-category {
    color: rgb(var(--hero-accent));
    background: rgba(var(--hero-accent), .10);
    box-shadow: inset 0 0 0 1px rgba(var(--hero-accent), .20);
}

/* Remove hero watermark completely */
.article-intro::after {
    display: none !important;
}

.article-intro-copy {
    padding-top: 0 !important;
}

/* More expressive category themes */
.article-intro--politics   { --hero-accent: 30, 64, 175; }   /* deep blue */
.article-intro--blockchain { --hero-accent: 0, 137, 123; }   /* teal */
.article-intro--technology { --hero-accent: 109, 40, 217; }  /* violet */
.article-intro--society    { --hero-accent: 194, 101, 0; }   /* amber */
.article-intro--health     { --hero-accent: 21, 128, 61; }   /* green */
.article-intro--media      { --hero-accent: 176, 24, 88; }   /* magenta */
.article-intro--ecology    { --hero-accent: 5, 135, 91; }    /* emerald */
.article-intro--food       { --hero-accent: 220, 82, 8; }    /* orange */
.article-intro--energy     { --hero-accent: 184, 123, 0; }   /* gold */
.article-intro--science    { --hero-accent: 2, 132, 168; }   /* cyan */
.article-intro--cwtnews    { --hero-accent: 0, 105, 148; }   /* petrol blue */
.article-intro--video      { --hero-accent: 185, 28, 28; }   /* red */
.article-intro--default    { --hero-accent: 71, 85, 105; }   /* slate */

/* Stronger but still editorial hero background */
.article-intro::before {
    border: 1px solid rgba(var(--hero-accent), .34);

    background:
        linear-gradient(
            135deg,
            rgba(var(--hero-accent), .17) 0%,
            rgba(var(--hero-accent), .09) 30%,
            rgba(255,255,255,.02) 62%,
            rgba(var(--hero-accent), .055) 100%
        );

    box-shadow:
        inset 4px 0 0 rgba(var(--hero-accent), .72),
        inset 0 1px 0 rgba(255,255,255,.45),
        0 18px 40px rgba(15,23,42,.05);
}

/* Category label becomes the clearest accent */
.article-intro .article-category {
    color: rgb(var(--hero-accent)) !important;
    background: rgba(var(--hero-accent), .14) !important;
    box-shadow: inset 0 0 0 1px rgba(var(--hero-accent), .30) !important;
    font-weight: 800;
}

/* Compact article hero + remove empty cover space */
.article-intro {
    min-height: 0 !important;
    padding: 18px 20px !important;
    align-items: stretch !important;
}

.article-intro-cover {
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden;
    border-radius: 18px;
}

.article-intro-cover img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/* Video should also fill the hero neatly */
.article-intro-video {
    align-self: stretch !important;
    aspect-ratio: auto !important;
}

.article-intro-video iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    min-height: 320px;
    margin: 0 !important;
    border: 0;
}

/* Remove unnecessary vertical gaps inside text side */
.article-intro-copy {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-self: center;
}

/* Unified article hero cover ratio */
.article-intro-cover {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    align-self: center !important;
}

.article-intro-cover img,
.article-intro-video iframe,
.article-intro-cover video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}

/* Prevent tall images from stretching the whole hero */
.article-intro {
    align-items: center !important;
}

.article-intro-copy {
    align-self: center !important;
}


/* Category-linked sidebar cards */
.article-sidebar-modern {
    --sidebar-accent: var(--hero-accent);
}

.article-sidebar-modern > section,
.article-sidebar-modern > div {
    border: 1px solid rgba(var(--hero-accent), .22) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(
            145deg,
            rgba(var(--hero-accent), .055),
            rgba(255,255,255,.92) 42%,
            rgba(255,255,255,.96)
        ) !important;
    box-shadow:
        0 10px 28px rgba(15,23,42,.045);
}

/* Slight category accent on sidebar headings */
.article-sidebar-modern h2,
.article-sidebar-modern h3,
.article-sidebar-modern .sidebar-title {
    color: rgb(var(--hero-accent)) !important;
}

/* Keep tags visually connected to category */
.article-sidebar-modern .sidebar-tag,
.article-sidebar-modern .tag-cloud-link {
    border-color: rgba(var(--hero-accent), .22) !important;
    background: rgba(var(--hero-accent), .07) !important;
}

/* Category-colored sidebar blocks */
.article-sidebar-modern .sidebar-block {
    border: 1px solid rgba(var(--hero-accent), .34) !important;
    border-left: 4px solid rgba(var(--hero-accent), .72) !important;
    border-radius: 16px !important;

    background:
        linear-gradient(
            145deg,
            rgba(var(--hero-accent), .09),
            rgba(255,255,255,.96) 42%
        ) !important;

    box-shadow:
        0 10px 26px rgba(15,23,42,.055) !important;

    padding: 16px !important;
    margin-bottom: 18px !important;
}

.article-sidebar-modern .sidebar-title {
    color: rgb(var(--hero-accent)) !important;
}

/* Pass category colors to article sidebar */
.article-sidebar--politics   { --hero-accent: 30, 64, 175; }
.article-sidebar--blockchain { --hero-accent: 0, 137, 123; }
.article-sidebar--technology { --hero-accent: 109, 40, 217; }
.article-sidebar--society    { --hero-accent: 194, 101, 0; }
.article-sidebar--health     { --hero-accent: 21, 128, 61; }
.article-sidebar--media      { --hero-accent: 176, 24, 88; }
.article-sidebar--ecology    { --hero-accent: 5, 135, 91; }
.article-sidebar--food       { --hero-accent: 220, 82, 8; }
.article-sidebar--energy     { --hero-accent: 184, 123, 0; }
.article-sidebar--science    { --hero-accent: 2, 132, 168; }
.article-sidebar--cwtnews    { --hero-accent: 0, 105, 148; }
.article-sidebar--video      { --hero-accent: 185, 28, 28; }
.article-sidebar--default    { --hero-accent: 71, 85, 105; }

.article-sidebar-modern .sidebar-block {
    border: 1px solid rgba(var(--hero-accent), .35) !important;
    border-left: 4px solid rgb(var(--hero-accent)) !important;
    border-radius: 16px !important;
    background: rgba(var(--hero-accent), .035) !important;
}

.article-sidebar-modern .sidebar-title {
    color: rgb(var(--hero-accent)) !important;
}


/* Thematic fill for sidebar blocks */
.article-sidebar-modern .sidebar-block {
    background:
        linear-gradient(
            145deg,
            rgba(var(--hero-accent), .11) 0%,
            rgba(var(--hero-accent), .055) 34%,
            rgba(255,255,255,.94) 72%
        ) !important;

    border: 1px solid rgba(var(--hero-accent), .34) !important;
    border-left: 4px solid rgb(var(--hero-accent)) !important;

    box-shadow:
        0 10px 26px rgba(15,23,42,.05),
        inset 0 1px 0 rgba(255,255,255,.55) !important;
}

/* Slightly tint recommendation rows too */
.article-sidebar-modern .sidebar-recommendation {
    border-radius: 10px;
    transition: background .18s ease;
}

.article-sidebar-modern .sidebar-recommendation:hover {
    background: rgba(var(--hero-accent), .07);
}

/* Main article body as editorial card */
.article-content {
    position: relative;
    border: 1px solid rgba(var(--hero-accent), .18);
    border-left: 4px solid rgba(var(--hero-accent), .68);
    border-radius: 18px;

    background:
        linear-gradient(
            155deg,
            rgba(var(--hero-accent), .045) 0%,
            rgba(255,255,255,.96) 28%,
            rgba(255,255,255,.98) 100%
        );

    box-shadow:
        0 14px 34px rgba(15,23,42,.045);

    padding: 28px 32px;
}

/* Keep paragraphs comfortable inside the card */
.article-content > p:first-child {
    margin-top: 0;
}

.article-content > p:last-child {
    margin-bottom: 0;
}

/* Article lead / subtitle */
.article-content .article-lead {
    margin: 0 0 26px;
    padding: 16px 18px;

    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    color: #17233a;

    background: rgba(var(--hero-accent), .07);
    border-left: 4px solid rgba(var(--hero-accent), .75);
    border-radius: 0 12px 12px 0;
}


/* Align article lead with main article text */
.article-content .article-lead {
    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 28px 0 !important;
    padding: 14px 0 16px 16px !important;

    text-align: left !important;
    align-self: stretch !important;

    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;

    background: transparent !important;
    border-left: 4px solid rgba(var(--hero-accent), .75) !important;
    border-radius: 0 !important;
}

/* Exact lead alignment with article paragraphs */
.article-content .article-lead {
    margin: 0 0 28px 0 !important;
    padding: 0 0 18px 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;

    font-size: 19px;
    line-height: 1.45;
    font-weight: 700;
    color: #17233a;
}


/* Refined article body */
.article-content {
    background:
        linear-gradient(
            180deg,
            rgba(var(--hero-accent), .028) 0%,
            rgba(255,255,255,.985) 18%,
            rgba(255,255,255,.99) 100%
        ) !important;

    border: 1px solid rgba(var(--hero-accent), .12) !important;
    border-left: 1px solid rgba(var(--hero-accent), .12) !important;

    border-radius: 18px !important;

    box-shadow:
        0 14px 34px rgba(15,23,42,.035),
        inset 0 1px 0 rgba(255,255,255,.7) !important;

    padding: 30px 34px !important;
}


/* Stronger article body separation */
.article-content {
    background:
        linear-gradient(
            145deg,
            rgba(var(--hero-accent), .075) 0%,
            rgba(var(--hero-accent), .035) 28%,
            rgba(255,255,255,.97) 62%,
            rgba(255,255,255,.99) 100%
        ) !important;

    border: 1px solid rgba(var(--hero-accent), .22) !important;
    border-radius: 18px !important;

    box-shadow:
        0 12px 28px rgba(15,23,42,.045) !important;

    padding: 24px 26px !important;
    margin-left: 0 !important;
}


/* Category color available to the whole article */
.article-theme--politics   { --hero-accent: 30, 64, 175; }
.article-theme--blockchain { --hero-accent: 0, 137, 123; }
.article-theme--technology { --hero-accent: 109, 40, 217; }
.article-theme--society    { --hero-accent: 194, 101, 0; }
.article-theme--health     { --hero-accent: 21, 128, 61; }
.article-theme--media      { --hero-accent: 176, 24, 88; }
.article-theme--ecology    { --hero-accent: 5, 135, 91; }
.article-theme--food       { --hero-accent: 220, 82, 8; }
.article-theme--energy     { --hero-accent: 184, 123, 0; }
.article-theme--science    { --hero-accent: 2, 132, 168; }
.article-theme--cwtnews    { --hero-accent: 0, 105, 148; }
.article-theme--video      { --hero-accent: 185, 28, 28; }
.article-theme--default    { --hero-accent: 71, 85, 105; }

/* Clearly visible but restrained article card */
.article-content {
    background:
        linear-gradient(
            145deg,
            rgba(var(--hero-accent), .10) 0%,
            rgba(var(--hero-accent), .045) 38%,
            rgba(255,255,255,.96) 72%
        ) !important;

    border: 1px solid rgba(var(--hero-accent), .26) !important;
    border-radius: 18px !important;

    box-shadow:
        0 12px 30px rgba(15,23,42,.05) !important;
}


/* Reduce gap between hero and article body */
.article-layout {
    margin-top: 26px !important;
}


/* Source block — closer to article and category-themed */
.article-source {
    margin-top: 14px !important;
    margin-bottom: 0 !important;

    padding: 16px 18px !important;

    border: 1px solid rgba(var(--hero-accent), .24) !important;
    border-left: 4px solid rgb(var(--hero-accent)) !important;
    border-radius: 14px !important;

    background:
        linear-gradient(
            145deg,
            rgba(var(--hero-accent), .10) 0%,
            rgba(var(--hero-accent), .045) 42%,
            rgba(255,255,255,.96) 100%
        ) !important;

    box-shadow:
        0 10px 24px rgba(15,23,42,.04) !important;
}

.article-source-label {
    color: rgb(var(--hero-accent)) !important;
    font-weight: 800 !important;
}

/* Article content + source stay in the same right column */
.article-main-column {
    min-width: 0;
}

.article-source {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 14px !important;
}


/* Keep article body and source in the original main-column position */
.article-main-column {
    width: 100% !important;
    min-width: 0 !important;
    align-self: start !important;
}

.article-main-column .article-content,
.article-main-column .article-source {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.article-main-column .article-source {
    margin: 14px 0 0 0 !important;
}

/* Category-themed question blocks inside article */
.article-content .question {
    margin: 24px 0 !important;
    padding: 16px 18px !important;

    background:
        linear-gradient(
            135deg,
            rgba(var(--hero-accent), .11),
            rgba(var(--hero-accent), .045)
        ) !important;

    border: 1px solid rgba(var(--hero-accent), .18) !important;
    border-left: 4px solid rgb(var(--hero-accent)) !important;
    border-radius: 0 12px 12px 0 !important;

    color: #17233a !important;
    box-shadow: none !important;
}

.article-content .question strong {
    color: rgb(var(--hero-accent)) !important;
}

/* Tighter spacing below article hero */
.article-intro {
    margin-bottom: 18px !important;
}

.article-layout {
    margin-top: 0 !important;
}


/* Restore previous spacing below hero */
.article-intro {
    margin-bottom: initial !important;
}

.article-layout {
    margin-top: 26px !important;
}


/* ===== Two-level CWT header ===== */

.site-header {
    background: transparent !important;
}

/* Top brand block */
.cwt-brandbar {
    background:
        linear-gradient(
            135deg,
            #eef6fb 0%,
            #dcecf7 45%,
            #cfe6f4 100%
        );
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.cwt-brandbar-inner {
    min-height: 112px;
    display: grid;
    grid-template-columns: 220px 1fr;
    align-items: center;
    gap: 34px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.cwt-brand-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cwt-brand-logo img {
    display: block;
    width: 190px !important;
    max-height: 82px !important;
    object-fit: contain;
    object-position: left center;
}

.cwt-brand-title {
    font-size: clamp(24px, 2.1vw, 38px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: .015em;
    color: #16243b;
    text-transform: uppercase;
}

.cwt-brand-title span {
    color: #0b67a3;
}

/* Bottom navigation strip */
.header-inner {
    min-height: 56px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "menu language" !important;
    align-items: center !important;
}

.site-header > .header-inner {
    background: #0b1220;
    max-width: none !important;
    width: 100% !important;
    padding-left: max(24px, calc((100vw - 1180px) / 2)) !important;
    padding-right: max(24px, calc((100vw - 1180px) / 2)) !important;
}

.cwt-main-nav {
    justify-content: flex-start !important;
    gap: 28px !important;
}

.cwt-main-nav a {
    color: #e7eef7 !important;
    font-size: 14px;
    font-weight: 700;
}

.language-current {
    background: rgba(255,255,255,.10) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.16) !important;
}

/* Mobile */
@media (max-width: 820px) {
    .cwt-brandbar-inner {
        min-height: 88px;
        grid-template-columns: 130px 1fr;
        gap: 18px;
    }

    .cwt-brand-logo img {
        width: 125px !important;
        max-height: 62px !important;
    }

    .cwt-brand-title {
        font-size: 18px;
    }
}

/* Fix CWT brand header layout */
.cwt-brandbar {
    background:
        linear-gradient(
            135deg,
            #edf6fb 0%,
            #dcecf7 52%,
            #cfe5f3 100%
        ) !important;
}

.cwt-brandbar-inner {
    width: 100% !important;
    max-width: 1240px !important;
    min-height: 118px !important;

    margin: 0 auto !important;
    padding: 16px 28px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 38px !important;
}

/* Logo stays on the left and is vertically centered */
.cwt-brand-logo {
    flex: 0 0 190px !important;
    width: 190px !important;
    height: 82px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.cwt-brand-logo img {
    width: 180px !important;
    height: 76px !important;
    max-width: 180px !important;
    max-height: 76px !important;

    object-fit: contain !important;
    object-position: left center !important;
}

/* Main movement title */
.cwt-brand-title {
    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 30px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;

    color: #17243a !important;
    text-transform: uppercase !important;
}

.cwt-brand-title span {
    color: #0874b8 !important;
}

/* Keep title optically centered despite logo on the left */
.cwt-brandbar-inner::after {
    content: "";
    flex: 0 0 190px;
}

/* Navigation remains compact below */
.site-header > .header-inner {
    min-height: 56px !important;
}

@media (max-width: 820px) {
    .cwt-brandbar-inner {
        min-height: 92px !important;
        padding: 12px 18px !important;
        gap: 18px !important;
    }

    .cwt-brand-logo {
        flex-basis: 110px !important;
        width: 110px !important;
        height: 58px !important;
    }

    .cwt-brand-logo img {
        width: 105px !important;
        height: 56px !important;
    }

    .cwt-brandbar-inner::after {
        display: none;
    }

    .cwt-brand-title {
        font-size: 18px !important;
        text-align: left !important;
    }
}

/* Make header logo clearly visible */
.cwt-brand-logo img {
    width: 190px !important;
    height: 82px !important;
    max-width: 190px !important;
    max-height: 82px !important;

    opacity: 1 !important;
    filter:
        brightness(.82)
        contrast(1.18)
        saturate(1.12) !important;
}

/* Dark brand header for white CWT logo */
.cwt-brandbar {
    background:
        linear-gradient(
            135deg,
            #101b2e 0%,
            #14243c 52%,
            #18304d 100%
        ) !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.cwt-brand-title {
    color: #f3f7fb !important;
}

.cwt-brand-title span {
    color: #4bb3ff !important;
}

.cwt-brand-logo img {
    opacity: 1 !important;
    filter: none !important;
}

/* Slight distinction between brand area and menu */
.site-header > .header-inner {
    background: #0a1220 !important;
}

/* Brand title in one line on desktop */
.cwt-brand-title {
    white-space: nowrap !important;
    font-size: clamp(20px, 1.8vw, 29px) !important;
    line-height: 1 !important;
}

@media (max-width: 900px) {
    .cwt-brand-title {
        white-space: normal !important;
    }
}

/* Larger logo in top brand area */
.cwt-brand-logo {
    flex: 0 0 230px !important;
    width: 230px !important;
}

.cwt-brand-logo img {
    width: 220px !important;
    height: 92px !important;
    max-width: 220px !important;
    max-height: 92px !important;
}

/* Only menu stays sticky */
.site-header {
    position: static !important;
}

.site-header > .header-inner {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;

    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: "stickylogo menu language" !important;
}

/* Small logo inside sticky menu */
.sticky-menu-logo {
    grid-area: stickylogo;
    display: flex;
    align-items: center;

    width: 0;
    opacity: 0;
    overflow: hidden;

    margin-right: 0;
    pointer-events: none;

    transition:
        width .25s ease,
        opacity .2s ease,
        margin-right .25s ease;
}

.sticky-menu-logo img {
    display: block;
    width: 92px;
    height: 38px;
    object-fit: contain;
    object-position: left center;
}

/* Logo appears after scrolling */
body.is-scrolled .sticky-menu-logo {
    width: 100px;
    opacity: 1;
    margin-right: 22px;
    pointer-events: auto;
}

.cwt-main-nav {
    grid-area: menu;
}

.language-switcher {
    grid-area: language;
}

/* Correct sticky behaviour:
   brand block scrolls away, navigation remains */
.site-header {
    position: sticky !important;
    top: -118px !important;
    z-index: 1000 !important;
}

.site-header > .header-inner {
    position: relative !important;
    top: auto !important;
}

/* Both logos are clickable and lead to home */
.cwt-brand-logo,
.sticky-menu-logo {
    position: relative;
    z-index: 10;
    pointer-events: auto !important;
    cursor: pointer;
}

body.is-scrolled .sticky-menu-logo {
    width: 100px !important;
    opacity: 1 !important;
    margin-right: 22px !important;
    pointer-events: auto !important;
}

@media (max-width: 820px) {
    .site-header {
        top: -92px !important;
    }
}

/* Bring sticky menu closer to the logo */
.site-header > .header-inner {
    justify-content: start !important;
}

.cwt-main-nav {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    gap: 26px !important;
}

body.is-scrolled .sticky-menu-logo {
    width: 92px !important;
    margin-right: 16px !important;
}

.language-switcher {
    margin-left: auto !important;
}

/* Shift sticky logo + menu slightly inward */
.site-header > .header-inner {
    padding-left: max(42px, calc((100vw - 1180px) / 2 + 18px)) !important;
    padding-right: max(24px, calc((100vw - 1180px) / 2)) !important;
}

body.is-scrolled .sticky-menu-logo {
    margin-right: 18px !important;
}


/* Larger sticky menu logo */
.sticky-menu-logo img {
    width: 122px !important;
    height: 44px !important;
    max-width: 122px !important;
    max-height: 44px !important;
}

body.is-scrolled .sticky-menu-logo {
    width: 132px !important;
    margin-right: 22px !important;
}

/* One subtle bounce when sticky logo appears */
@keyframes cwtLogoBounce {
    0%   { transform: translateY(0) scale(1); }
    35%  { transform: translateY(-6px) scale(1.025); }
    65%  { transform: translateY(2px) scale(.995); }
    100% { transform: translateY(0) scale(1); }
}

body.is-scrolled .sticky-menu-logo img {
    animation: cwtLogoBounce .48s cubic-bezier(.22,.8,.35,1) 1;
}

/* One subtle bounce for the large logo on homepage load */
@keyframes cwtMainLogoBounce {
    0%   { transform: translateY(0) scale(1); }
    30%  { transform: translateY(-8px) scale(1.025); }
    58%  { transform: translateY(3px) scale(.995); }
    78%  { transform: translateY(-2px) scale(1.008); }
    100% { transform: translateY(0) scale(1); }
}

body.home .cwt-brand-logo img {
    animation: cwtMainLogoBounce .62s cubic-bezier(.22,.8,.35,1) 1;
}

/* ===== Dropdown navigation ===== */

.cwt-main-nav {
    position: relative;
}

.menu-item-has-submenu {
    position: relative;
    display: flex;
    align-items: center;
}

.menu-item-has-submenu > a {
    display: flex;
    align-items: center;
    gap: 6px;
}

.menu-arrow {
    font-size: 11px;
    opacity: .65;
    transition: transform .18s ease;
}

.menu-item-has-submenu:hover .menu-arrow {
    transform: rotate(180deg);
}

.cwt-submenu {
    position: absolute;
    top: calc(100% + 12px);
    left: -16px;
    z-index: 2000;

    min-width: 260px;
    padding: 10px;

    background: rgba(14, 24, 40, .98);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;

    box-shadow:
        0 18px 46px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;
}

.menu-item-has-submenu:hover > .cwt-submenu,
.menu-item-has-submenu:focus-within > .cwt-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cwt-submenu a {
    display: block !important;
    padding: 10px 12px !important;
    border-radius: 9px;

    color: #e8eef6 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35;

    white-space: normal;
}

.cwt-submenu a:hover {
    background: rgba(75,179,255,.11);
    color: #fff !important;
}

.submenu-heading {
    padding: 10px 12px 6px;
    margin-top: 4px;

    color: #67bfff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Wide News mega-menu */
.menu-news .cwt-submenu-wide {
    width: 560px;
    min-width: 560px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px 10px;

    padding: 14px;
}

.menu-news .cwt-submenu-wide .submenu-heading {
    grid-column: 1 / -1;
}

.menu-news .cwt-submenu-wide > a:first-child {
    grid-column: 1 / -1;
    margin-bottom: 5px;
    background: rgba(75,179,255,.08);
}

/* Invisible hover bridge so menu doesn't close while moving pointer */
.cwt-submenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 14px;
}

/* Mobile fallback */
@media (max-width: 900px) {
    .cwt-submenu,
    .menu-news .cwt-submenu-wide {
        width: 280px;
        min-width: 280px;
        grid-template-columns: 1fr;
    }

    .menu-news .cwt-submenu-wide .submenu-heading,
    .menu-news .cwt-submenu-wide > a:first-child {
        grid-column: auto;
    }
}


/* ===== Second-level submenu ===== */

.submenu-item-has-submenu {
    position: relative;
}

.submenu-item-has-submenu > a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.submenu-arrow {
    font-size: 18px;
    line-height: 1;
    opacity: .65;
    transition: transform .18s ease;
}

.submenu-item-has-submenu:hover .submenu-arrow {
    transform: translateX(2px);
}

/* Second level opens to the right */
.cwt-submenu-level2 {
    top: -10px !important;
    left: calc(100% + 10px) !important;

    width: 300px;
    min-width: 300px;

    max-height: 70vh;
    overflow-y: auto;

    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);

    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.22) transparent;
}

.submenu-item-has-submenu:hover > .cwt-submenu-level2,
.submenu-item-has-submenu:focus-within > .cwt-submenu-level2 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* Hover bridge between submenu levels */
.cwt-submenu-level2::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    width: 12px;
}

/* Search item */
.menu-search-link {
    position: relative;
    padding-left: 22px !important;
}

.menu-search-link::before {
    content: "⌕";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-52%);
    font-size: 17px;
    opacity: .75;
}

/* Keep nested submenu above page content */
.cwt-submenu,
.cwt-submenu-level2 {
    z-index: 3000;
}


/* Header search field */
.header-search {
    flex: 1 1 260px;
    min-width: 220px;
    max-width: 420px;
    margin-left: 18px;
}

.header-search input {
    width: 100%;
    height: 36px;

    padding: 0 14px;

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;

    background: rgba(255,255,255,.06);
    color: #f3f7fb;

    font-size: 13px;
    font-weight: 500;

    outline: none;

    transition:
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.header-search input::placeholder {
    color: rgba(255,255,255,.42);
}

.header-search input:focus {
    background: rgba(255,255,255,.09);
    border-color: rgba(75,179,255,.45);

    box-shadow:
        0 0 0 3px rgba(75,179,255,.08);
}

/* Keep language switcher at the far right */
.language-switcher {
    margin-left: 18px !important;
    flex: 0 0 auto;
}

@media (max-width: 980px) {
    .header-search {
        max-width: 280px;
        min-width: 160px;
    }
}

/* Compact sticky header layout */
body.is-scrolled .site-header > .header-inner {
    padding-left: max(28px, calc((100vw - 1220px) / 2)) !important;
    padding-right: max(20px, calc((100vw - 1220px) / 2)) !important;
}

body.is-scrolled .sticky-menu-logo {
    width: 112px !important;
    margin-right: 14px !important;
}

body.is-scrolled .sticky-menu-logo img {
    width: 104px !important;
    height: 40px !important;
}

body.is-scrolled .cwt-main-nav {
    gap: 20px !important;
}

body.is-scrolled .cwt-main-nav > a,
body.is-scrolled .cwt-main-nav > .menu-item-has-submenu > a {
    white-space: nowrap !important;
}

body.is-scrolled .header-search {
    flex: 0 1 230px !important;
    width: 230px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    margin-left: 12px !important;
}

body.is-scrolled .language-switcher {
    margin-left: 12px !important;
}

/* Compact sticky header layout */
body.is-scrolled .site-header > .header-inner {
    padding-left: max(28px, calc((100vw - 1220px) / 2)) !important;
    padding-right: max(20px, calc((100vw - 1220px) / 2)) !important;
}

body.is-scrolled .sticky-menu-logo {
    width: 112px !important;
    margin-right: 14px !important;
}

body.is-scrolled .sticky-menu-logo img {
    width: 104px !important;
    height: 40px !important;
}

body.is-scrolled .cwt-main-nav {
    gap: 20px !important;
}

body.is-scrolled .cwt-main-nav > a,
body.is-scrolled .cwt-main-nav > .menu-item-has-submenu > a {
    white-space: nowrap !important;
}

body.is-scrolled .header-search {
    flex: 0 1 230px !important;
    width: 230px !important;
    min-width: 170px !important;
    max-width: 230px !important;
    margin-left: 12px !important;
}

body.is-scrolled .language-switcher {
    margin-left: 12px !important;
}

/* Refine dropdown visual style */
.cwt-submenu,
.cwt-submenu-level2 {
    background: rgba(13, 24, 40, .94) !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

.cwt-submenu {
    padding: 8px !important;
}

.cwt-submenu a {
    padding: 8px 10px !important;
    border-radius: 8px !important;

    font-size: 12.5px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;

    transition:
        background .15s ease,
        color .15s ease,
        transform .15s ease;
}

.cwt-submenu a:hover {
    background: rgba(75,179,255,.12) !important;
    color: #ffffff !important;
    transform: translateX(2px);
}

.submenu-heading {
    padding: 8px 10px 5px !important;
    margin-top: 2px !important;

    color: rgba(103,191,255,.90) !important;
    font-size: 10px !important;
}

/* First-level category item */
.submenu-item-has-submenu > a {
    background: rgba(255,255,255,.025);
}

.submenu-item-has-submenu:hover > a {
    background: rgba(75,179,255,.10) !important;
}

/* Active/hovered nested item */
.cwt-submenu-level2 a:hover,
.cwt-submenu-level2 a:focus {
    background: rgba(75,179,255,.14) !important;
    box-shadow: inset 2px 0 0 #4bb3ff;
}

/* Slightly tighter second level */
.cwt-submenu-level2 {
    width: 290px !important;
    min-width: 290px !important;
    padding: 7px !important;
}

/* Compact second-level categories menu */
.cwt-submenu-level2 {
    width: 276px !important;
    min-width: 276px !important;
    padding: 6px !important;
}

.cwt-submenu-level2 a {
    padding: 7px 10px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
}

.cwt-submenu-level2 a + a {
    margin-top: 1px !important;
}

/* Cleaner first-level dropdown */
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu {
    min-width: 220px !important;
    padding: 7px !important;

    background: rgba(11, 20, 34, .97) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 11px !important;

    box-shadow:
        0 14px 30px rgba(0,0,0,.20) !important;
}

/* Remove heavy blue line / active-looking state */
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > a,
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > .submenu-item-has-submenu > a {
    border: 0 !important;
    box-shadow: none !important;

    padding: 9px 11px !important;
    border-radius: 7px !important;

    background: transparent !important;
}

/* Soft hover instead */
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > a:hover,
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > .submenu-item-has-submenu:hover > a {
    background: rgba(75,179,255,.10) !important;
    color: #fff !important;
    transform: none !important;
}

/* No bright focus underline */
.cwt-submenu a:focus,
.cwt-submenu a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Small separation between rows */
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > * + * {
    margin-top: 2px !important;
}

/* Remove main-menu underline effects inside dropdowns */
.cwt-submenu a::before,
.cwt-submenu a::after,
.cwt-submenu-level2 a::before,
.cwt-submenu-level2 a::after {
    display: none !important;
    content: none !important;
}

/* Make first-level News items visually equal */
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > a,
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > .submenu-item-has-submenu > a {
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;

    padding: 9px 12px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #e8eef6 !important;
}

/* Only soft background on hover */
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > a:hover,
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > .submenu-item-has-submenu:hover > a {
    background: rgba(75,179,255,.09) !important;
    color: #fff !important;
}

/* ===== Materials / Latest News page ===== */

.materials-page {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 56px 28px 80px;
}

.materials-header {
    margin-bottom: 34px;
}

.materials-header .section-kicker {
    margin-bottom: 10px;

    color: #2463eb;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.materials-header h1 {
    margin: 0;

    font-size: clamp(42px, 5vw, 68px);
    line-height: .98;
    font-weight: 800;
    letter-spacing: -.035em;

    color: #13213a;
}

.materials-header-text {
    max-width: 700px;
    margin: 18px 0 0;

    color: #6b7b91;
    font-size: 17px;
    line-height: 1.55;
}

/* Grid */
.materials-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 24px;
}

/* Category colors */
.materials-card--politics   { --card-accent: 30, 64, 175; }
.materials-card--blockchain { --card-accent: 0, 137, 123; }
.materials-card--technology { --card-accent: 109, 40, 217; }
.materials-card--society    { --card-accent: 194, 101, 0; }
.materials-card--health     { --card-accent: 21, 128, 61; }
.materials-card--media      { --card-accent: 176, 24, 88; }
.materials-card--ecology    { --card-accent: 5, 135, 91; }
.materials-card--food       { --card-accent: 220, 82, 8; }
.materials-card--energy     { --card-accent: 184, 123, 0; }
.materials-card--science    { --card-accent: 2, 132, 168; }
.materials-card--cwtnews    { --card-accent: 0, 105, 148; }
.materials-card--video      { --card-accent: 185, 28, 28; }
.materials-card--default    { --card-accent: 71, 85, 105; }

.materials-card {
    min-width: 0;

    border: 1px solid rgba(var(--card-accent), .16);
    border-radius: 18px;
    overflow: hidden;

    background:
        linear-gradient(
            155deg,
            rgba(var(--card-accent), .055),
            rgba(255,255,255,.97) 38%
        );

    box-shadow: 0 10px 28px rgba(15,23,42,.045);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.materials-card:hover {
    transform: translateY(-3px);
    border-color: rgba(var(--card-accent), .30);
    box-shadow: 0 16px 36px rgba(15,23,42,.08);
}

.materials-card-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

/* Image */
.materials-card-image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e7edf3;
}

.materials-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform .28s ease;
}

.materials-card:hover .materials-card-image img {
    transform: scale(1.025);
}

/* Content */
.materials-card-body {
    padding: 18px 18px 20px;
}

.materials-card-category {
    display: inline-flex;
    align-items: center;

    margin-bottom: 11px;
    padding: 5px 8px;

    border-radius: 999px;

    background: rgba(var(--card-accent), .09);
    color: rgb(var(--card-accent));

    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.materials-card-title {
    margin: 0;

    color: #14223a;
    font-size: 21px;
    line-height: 1.16;
    font-weight: 800;
    letter-spacing: -.015em;
}

.materials-card-excerpt {
    margin: 13px 0 0;

    color: #65758a;
    font-size: 14px;
    line-height: 1.48;
}

.materials-card-meta {
    margin-top: 16px;

    color: #8a98aa;
    font-size: 12px;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 980px) {
    .materials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .materials-page {
        padding: 36px 18px 60px;
    }

    .materials-grid {
        grid-template-columns: 1fr;
    }

    .materials-header h1 {
        font-size: 42px;
    }
}


/* Smaller materials page title */
.materials-header h1 {
    font-size: clamp(36px, 4vw, 50px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.025em !important;
}

.materials-header {
    margin-bottom: 28px !important;
}


/* Materials view switcher */
.materials-view-switcher {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: -6px 0 18px;
}

.materials-view-btn {
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 999px;
    padding: 8px 14px;

    background: rgba(255,255,255,.72);
    color: #64748b;

    font-size: 12px;
    font-weight: 700;

    cursor: pointer;
}

.materials-view-btn.is-active {
    background: #13213a;
    border-color: #13213a;
    color: #fff;
}

/* List view */
.materials-grid.is-list {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.materials-grid.is-list .materials-card-link {
    display: grid;
    grid-template-columns: 260px 1fr;
    align-items: stretch;
}

.materials-grid.is-list .materials-card-image {
    aspect-ratio: auto;
    min-height: 180px;
    height: 100%;
}

.materials-grid.is-list .materials-card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 24px;
}

.materials-grid.is-list .materials-card-title {
    font-size: 23px;
}

@media (max-width: 700px) {
    .materials-view-switcher {
        justify-content: flex-start;
    }

    .materials-grid.is-list .materials-card-link {
        grid-template-columns: 1fr;
    }

    .materials-grid.is-list .materials-card-image {
        aspect-ratio: 16 / 9;
        min-height: 0;
    }
}

/* Force custom materials view switcher */
.materials-page .materials-view-switcher {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 0 !important;
    margin: 0 0 20px 0 !important;
    padding: 4px !important;

    background: rgba(19,33,58,.06) !important;
    border: 1px solid rgba(19,33,58,.10) !important;
    border-radius: 999px !important;
}

.materials-page .materials-view-switcher .materials-view-btn {
    -webkit-appearance: none !important;
    appearance: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    margin: 0 !important;
    padding: 8px 15px !important;

    border-radius: 999px !important;

    background: transparent !important;
    color: #64748b !important;

    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}

.materials-page .materials-view-switcher .materials-view-btn.is-active {
    background: #13213a !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(15,23,42,.12) !important;
}

.materials-page .materials-view-switcher .materials-view-btn:not(.is-active):hover {
    color: #13213a !important;
    background: rgba(255,255,255,.55) !important;
}

/* Uniform images in materials list view */
.materials-grid.is-list .materials-card-link {
    grid-template-columns: 210px 1fr !important;
    min-height: 170px !important;
}

.materials-grid.is-list .materials-card-image {
    width: 210px !important;
    height: 170px !important;
    min-height: 170px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
}

.materials-grid.is-list .materials-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.materials-grid.is-list .materials-card-body {
    min-height: 170px !important;
    padding: 18px 20px !important;
    box-sizing: border-box !important;
}

/* Modern materials pagination */
.materials-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    margin-top: 34px;
    padding-top: 6px;
}

.materials-pagination .page-numbers {
    min-width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 12px;

    border: 1px solid rgba(19,33,58,.10);
    border-radius: 999px;

    background: rgba(255,255,255,.82);
    color: #5f6f84;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

.materials-pagination .page-numbers:hover {
    background: #eef4fa;
    color: #13213a;
    border-color: rgba(19,33,58,.18);
    transform: translateY(-1px);
}

.materials-pagination .page-numbers.current {
    background: #13213a;
    border-color: #13213a;
    color: #fff;

    box-shadow: 0 6px 16px rgba(15,23,42,.14);
}

.materials-pagination .page-numbers.dots {
    min-width: 24px;
    padding: 0 4px;

    border-color: transparent;
    background: transparent;

    color: #94a3b8;
}

.materials-pagination .prev,
.materials-pagination .next {
    min-width: 42px;
    font-size: 17px;
    background: rgba(19,33,58,.05);
}


/* ===== Homepage editorial latest grid ===== */

.home .latest-section .latest-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

/* Main story */
.home .latest-section .latest-card:first-child {
    grid-column: span 2;
    grid-row: span 2;
}

.home .latest-section .latest-card:first-child .latest-card-image {
    aspect-ratio: 16 / 9 !important;
}

.home .latest-section .latest-card:first-child h3 {
    font-size: 28px !important;
    line-height: 1.12 !important;
}

/* Secondary stories */
.home .latest-section .latest-card:not(:first-child) .latest-card-image {
    aspect-ratio: 16 / 9 !important;
}

.home .latest-section .latest-card:not(:first-child) h3 {
    font-size: 18px !important;
    line-height: 1.2 !important;
}

/* Cleaner editorial spacing */
.home .latest-section .latest-card-body {
    padding-top: 14px !important;
}

@media (max-width: 900px) {
    .home .latest-section .latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home .latest-section .latest-card:first-child {
        grid-column: 1 / -1;
        grid-row: auto;
    }
}

@media (max-width: 620px) {
    .home .latest-section .latest-grid {
        grid-template-columns: 1fr !important;
    }

    .home .latest-section .latest-card:first-child {
        grid-column: auto;
    }
}

/* Rebalance homepage: hero remains the main visual focus */
.home .latest-section .latest-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.home .latest-section .latest-card:first-child {
    grid-column: auto !important;
    grid-row: auto !important;
}

.home .latest-section .latest-card .latest-card-image {
    aspect-ratio: 16 / 9 !important;
}

.home .latest-section .latest-card h3 {
    font-size: 19px !important;
    line-height: 1.2 !important;
}

.home .latest-section .latest-card-body {
    padding-top: 12px !important;
}

/* Keep all six cards visually equal */
.home .latest-section .latest-card {
    min-width: 0 !important;
}

/* ===== Homepage topics ===== */

.home-topics-section {
    max-width: 1180px;
    margin: 24px auto 46px;
    padding: 0 24px;
}

.home-topics-header {
    margin-bottom: 16px;
}

.home-topics-header .section-kicker {
    margin-bottom: 6px;
}

.home-topics-header h2 {
    margin: 0;
    color: #14223a;
    font-size: 30px;
    line-height: 1.05;
    font-weight: 800;
    letter-spacing: -.02em;
}

.home-topics-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.home-topic {
    --topic-accent: 71, 85, 105;

    position: relative;
    display: flex;
    align-items: center;

    min-height: 64px;
    padding: 14px 16px 14px 18px;

    overflow: hidden;

    border: 1px solid rgba(var(--topic-accent), .20);
    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(var(--topic-accent), .10),
            rgba(255,255,255,.94) 70%
        );

    color: #17233a;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;

    box-shadow: 0 8px 22px rgba(15,23,42,.035);

    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.home-topic::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: rgb(var(--topic-accent));
}

.home-topic:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--topic-accent), .34);
    box-shadow: 0 12px 26px rgba(15,23,42,.06);
}

.home-topic--politics   { --topic-accent: 30, 64, 175; }
.home-topic--blockchain { --topic-accent: 0, 137, 123; }
.home-topic--technology { --topic-accent: 109, 40, 217; }
.home-topic--society    { --topic-accent: 194, 101, 0; }
.home-topic--health     { --topic-accent: 21, 128, 61; }
.home-topic--ecology    { --topic-accent: 5, 135, 91; }

@media (max-width: 820px) {
    .home-topics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .home-topics-grid {
        grid-template-columns: 1fr;
    }
}


/* ===== FIX: homepage topic cards ===== */

.home-topics-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.home-topic-card {
    --topic-accent: 71,85,105;

    position: relative !important;
    display: block !important;

    width: 100% !important;
    aspect-ratio: 16 / 9 !important;

    overflow: hidden !important;

    border: 1px solid rgba(var(--topic-accent), .28) !important;
    border-radius: 16px !important;

    background: #dfe7ee !important;

    text-decoration: none !important;
    color: #fff !important;

    box-shadow: 0 10px 26px rgba(15,23,42,.07) !important;
}

.home-topic-cover {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.home-topic-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center !important;

    margin: 0 !important;
}

.home-topic-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    background:
        linear-gradient(
            180deg,
            rgba(8,17,30,.05) 0%,
            rgba(8,17,30,.18) 38%,
            rgba(8,17,30,.90) 100%
        ) !important;
}

.home-topic-content {
    position: absolute !important;
    z-index: 2 !important;

    left: 16px !important;
    right: 16px !important;
    bottom: 15px !important;
}

.home-topic-label {
    display: inline-flex !important;

    margin-bottom: 7px !important;
    padding: 5px 8px !important;

    border-radius: 999px !important;

    background: rgba(var(--topic-accent), .92) !important;
    color: #fff !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

.home-topic-title {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;

    text-shadow: 0 2px 10px rgba(0,0,0,.35) !important;
}

.home-topic-card--politics   { --topic-accent: 30,64,175; }
.home-topic-card--blockchain { --topic-accent: 0,137,123; }
.home-topic-card--technology { --topic-accent: 109,40,217; }
.home-topic-card--society    { --topic-accent: 194,101,0; }
.home-topic-card--health     { --topic-accent: 21,128,61; }
.home-topic-card--ecology    { --topic-accent: 5,135,91; }

@media (max-width: 820px) {
    .home-topics-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    .home-topics-grid {
        grid-template-columns: 1fr !important;
    }
}


/* Enlarge homepage topics block */
.home-topics-section {
    max-width: 1240px !important;
    margin-top: 30px !important;
    margin-bottom: 54px !important;
}

.home-topics-grid {
    gap: 18px !important;
}

.home-topic-card {
    aspect-ratio: 16 / 8.2 !important;
    min-height: 190px !important;
}

.home-topic-content {
    left: 18px !important;
    right: 18px !important;
    bottom: 17px !important;
}

.home-topic-title {
    font-size: 18px !important;
    line-height: 1.18 !important;
}

.home-topic-label {
    font-size: 10px !important;
    padding: 6px 9px !important;
}


/* Align homepage topics with main content width */
.home-topics-section {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.home-topics-grid {
    width: 100% !important;
}


/* Align Topics with the main homepage content */
.home-topics-section {
    width: 100% !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
}

.home-topics-grid {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

.home-topic-item {
    min-width: 0;
}

.home-topic-card {
    width: 100% !important;
    min-height: 200px !important;
}

/* Functional category link below each cover */
.home-topic-category-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    margin-top: 10px;
    padding: 2px 1px;

    color: #66778d;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;

    transition:
        color .16s ease,
        gap .16s ease;
}

.home-topic-category-link span {
    color: #2463eb;
    font-size: 15px;
}

.home-topic-category-link:hover {
    color: #14223a;
    gap: 10px;
}

@media (max-width: 820px) {
    .home-topics-section {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}


/* ===== Homepage media section: Video + Popular ===== */

.home-media-section {
    width: 100%;
    max-width: 1380px;
    margin: 70px auto 80px;
    padding: 0 32px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 34px;
    align-items: start;
}

.home-media-column > h2 {
    margin: 6px 0 20px;
    color: #14223a;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.025em;
}

/* VIDEO */
.home-video-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.home-video-item {
    color: #14223a;
    text-decoration: none;
}

.home-video-main {
    grid-column: 1 / -1;
}

.home-video-image {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    border-radius: 16px;
    background: #dfe7ee;

    box-shadow: 0 10px 28px rgba(15,23,42,.06);
}

.home-video-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform .25s ease;
}

.home-video-item:hover .home-video-image img {
    transform: scale(1.025);
}

.home-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding-left: 3px;

    border-radius: 50%;
    background: rgba(220,38,38,.92);
    color: #fff;

    font-size: 18px;

    box-shadow: 0 8px 24px rgba(0,0,0,.25);
}

.home-video-item:not(.home-video-main) .home-video-play {
    width: 38px;
    height: 38px;
    font-size: 13px;
}

.home-video-title {
    margin-top: 9px;

    font-size: 14px;
    line-height: 1.25;
    font-weight: 800;
}

.home-video-main .home-video-title {
    font-size: 22px;
    line-height: 1.18;
}

/* POPULAR */
.home-popular-module {
    padding: 24px;

    border: 1px solid rgba(19,33,58,.10);
    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(36,99,235,.045),
            rgba(255,255,255,.94) 50%
        );

    box-shadow: 0 12px 30px rgba(15,23,42,.045);
}

.home-popular-list {
    display: flex;
    flex-direction: column;
}

.home-popular-item {
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 12px;
    align-items: start;

    padding: 15px 0;

    border-bottom: 1px solid rgba(19,33,58,.08);

    color: inherit;
    text-decoration: none;
}

.home-popular-item:first-child {
    padding-top: 2px;
}

.home-popular-item:last-child {
    border-bottom: 0;
    padding-bottom: 2px;
}

.home-popular-number {
    color: rgba(36,99,235,.38);

    font-size: 28px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -.04em;
}

.home-popular-title {
    display: block;

    color: #17233a;
    font-size: 15px;
    line-height: 1.28;
    font-weight: 800;

    transition: color .16s ease;
}

.home-popular-item:hover .home-popular-title {
    color: #2463eb;
}

.home-popular-date {
    display: block;
    margin-top: 6px;

    color: #8a98aa;
    font-size: 11px;
    font-weight: 500;
}

@media (max-width: 980px) {
    .home-media-section {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .home-media-section {
        padding: 0 18px;
        margin-top: 50px;
    }

    .home-video-grid {
        grid-template-columns: 1fr;
    }

    .home-video-main {
        grid-column: auto;
    }
}

/* Video fallback for VK / Mail.ru */
.article-video-fallback {
    position: relative;
    display: block;

    width: 100%;
    height: 100%;
    min-height: 320px;

    overflow: hidden;
    border-radius: 18px;

    background: #101827;
    text-decoration: none;
}

.article-video-fallback img {
    display: block;

    width: 100% !important;
    height: 100% !important;
    min-height: 320px;

    object-fit: cover !important;
    object-position: center !important;

    transition: transform .28s ease;
}

.article-video-fallback:hover img {
    transform: scale(1.025);
}

.article-video-fallback-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(8,17,30,.08) 0%,
            rgba(8,17,30,.24) 48%,
            rgba(8,17,30,.78) 100%
        );
}

.article-video-fallback-play {
    position: absolute;
    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    width: 68px;
    height: 68px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding-left: 4px;

    border-radius: 50%;

    background: rgba(255,255,255,.94);
    color: #17233a;

    font-size: 24px;

    box-shadow: 0 12px 30px rgba(0,0,0,.22);

    transition:
        transform .18s ease,
        background .18s ease;
}

.article-video-fallback:hover .article-video-fallback-play {
    transform: translate(-50%, -50%) scale(1.06);
    background: #fff;
}

.article-video-fallback-text {
    position: absolute;
    left: 20px;
    bottom: 17px;

    color: #fff;

    font-size: 14px;
    line-height: 1;
    font-weight: 800;

    text-shadow: 0 2px 10px rgba(0,0,0,.28);
}


/* Fallback poster behaves like a clean video button */
.article-video-fallback {
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.article-video-fallback:focus-visible {
    outline: 2px solid rgba(var(--hero-accent), .65);
    outline-offset: 3px;
}


/* =========================================================
   HERO: Актуальное + Популярное
   ========================================================= */

.hero {
    width: 100% !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(340px, .72fr) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.hero-featured-wrap {
    width: 100% !important;
    min-width: 0 !important;
}

.hero-card-featured {
    min-height: 500px !important;
    height: 100% !important;
    border-radius: 24px !important;
}

.hero-popular-module {
    position: relative;
    min-width: 0;
    padding: 24px 24px 18px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(245,248,252,.96)
        );

    border: 1px solid rgba(15, 31, 52, .09);
    border-radius: 24px;

    box-shadow:
        0 20px 55px rgba(16, 30, 50, .07),
        0 2px 8px rgba(16, 30, 50, .025);

    overflow: hidden;
}

.hero-popular-module::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 3px;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(
        90deg,
        #1769aa,
        rgba(23,105,170,.15)
    );
}

.hero-popular-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 8px;
}

.hero-popular-kicker {
    margin-bottom: 6px;

    color: #6f7e90;

    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.hero-popular-heading h2 {
    margin: 0 !important;

    color: #172235;

    font-size: 25px !important;
    line-height: 1.1 !important;
    letter-spacing: -.025em;
}

.hero-popular-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    background: rgba(23,105,170,.08);
    border: 1px solid rgba(23,105,170,.12);
    border-radius: 50%;

    color: #1769aa;
    font-size: 16px;
}

.hero-popular-list {
    display: grid;
}

.hero-popular-item {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 13px;
    align-items: start;

    padding: 15px 0;

    color: inherit;
    text-decoration: none !important;

    border-bottom: 1px solid rgba(20, 40, 65, .075);

    transition:
        transform .18s ease,
        opacity .18s ease;
}

.hero-popular-item:last-child {
    border-bottom: 0;
    padding-bottom: 4px;
}

.hero-popular-item:hover {
    transform: translateX(3px);
}

.hero-popular-number {
    padding-top: 1px;

    color: #1769aa;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -.02em;
}

.hero-popular-copy {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.hero-popular-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    color: #172235;

    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
}

.hero-popular-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;

    color: #8591a0;

    font-size: 11px;
    line-height: 1.3;
}

.hero-popular-dot {
    opacity: .55;
}

/* Старый нижний блок больше не показываем */
.home-popular-module {
    display: none !important;
}

/* После скрытия популярного видеоколонка занимает всю ширину секции */
.home-media-section {
    grid-template-columns: 1fr !important;
}

@media (max-width: 980px) {

    .hero {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .hero-card-featured {
        min-height: 430px !important;
    }
}

@media (max-width: 640px) {

    .hero {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .hero-card-featured {
        min-height: 360px !important;
    }

    .hero-popular-module {
        padding: 21px 18px 15px;
        border-radius: 20px;
    }
}

/* =========================================================
   HOME: Свежие публикации
   ========================================================= */

.latest-section {
    width: 100% !important;
    max-width: 1380px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
}

.latest-header {
    margin-bottom: 20px !important;
}

.latest-header h2 {
    margin: 5px 0 0 !important;
    font-size: clamp(30px, 3vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
    color: #132039 !important;
}

.latest-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.latest-card {
    min-width: 0 !important;
    height: 100% !important;
    overflow: hidden !important;

    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(15, 31, 52, .08) !important;
    border-radius: 20px !important;

    box-shadow:
        0 12px 34px rgba(20, 35, 55, .045) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

.latest-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(23, 105, 170, .16) !important;
    box-shadow:
        0 20px 44px rgba(20, 35, 55, .09) !important;
}

.latest-card-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
}

.latest-card-image {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #e8edf3 !important;
}

.latest-card-image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(
            180deg,
            rgba(10,20,38,0) 58%,
            rgba(10,20,38,.08) 100%
        ) !important;
    pointer-events: none !important;
}

.latest-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform .35s ease !important;
}

.latest-card:hover .latest-card-image img {
    transform: scale(1.025) !important;
}

.latest-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 17px 18px 20px !important;
}

.latest-card-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-bottom: 10px !important;
}

.latest-card-category {
    display: inline-flex !important;
    align-items: center !important;

    padding: 5px 8px !important;
    border-radius: 999px !important;

    background: rgba(23,105,170,.075) !important;
    border: 1px solid rgba(23,105,170,.09) !important;

    color: #1769aa !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.latest-card-date {
    color: #8a96a6 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.latest-card h3 {
    margin: 0 !important;

    color: #152238 !important;

    font-size: 19px !important;
    line-height: 1.28 !important;
    font-weight: 750 !important;
    letter-spacing: -.018em !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
}

.latest-footer {
    display: flex !important;
    justify-content: center !important;
    margin-top: 26px !important;
}

.all-posts-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;
    padding: 0 20px !important;

    background: #132039 !important;
    border: 1px solid #132039 !important;
    border-radius: 12px !important;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    transition:
        transform .18s ease,
        background .18s ease !important;
}

.all-posts-button:hover {
    transform: translateY(-1px) !important;
    background: #1c3150 !important;
}

@media (max-width: 980px) {
    .latest-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .latest-section {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .latest-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}


/* =========================================================
   HOME IDEOLOGY
   ========================================================= */

.home-ideology {
    max-width: 1380px;
    margin: 34px auto 0;
    padding: 0 24px;
}

.home-ideology-inner {
    position: relative;
    overflow: hidden;

    min-height: 300px;
    padding: 54px 60px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;

    border-radius: 28px;

    background:
        radial-gradient(circle at 82% 35%, rgba(34,151,224,.19), transparent 32%),
        linear-gradient(135deg, #10202c 0%, #07131c 100%);

    box-shadow: 0 18px 55px rgba(5,20,31,.12);
}

.home-ideology-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.home-ideology-kicker {
    margin-bottom: 14px;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;

    color: #46acec;
}

.home-ideology-title {
    margin: 0;
    max-width: 760px;

    font-size: clamp(30px, 3.2vw, 50px);
    line-height: 1.08;
    font-weight: 750;
    letter-spacing: -.035em;

    color: #fff;
}

.home-ideology-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 34px;
}

.home-ideology-links a {
    display: inline-flex;
    align-items: center;
    gap: 14px;

    padding: 13px 18px;

    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;

    color: rgba(255,255,255,.88);
    text-decoration: none;
    font-size: 14px;
    font-weight: 650;

    background: rgba(255,255,255,.055);

    transition: .2s ease;
}

.home-ideology-links a:hover {
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.28);
    transform: translateY(-1px);
}

.home-ideology-links span {
    color: #4bb5f4;
    font-size: 17px;
}

.home-ideology-logo {
    position: relative;
    z-index: 1;

    flex: 0 0 330px;

    opacity: .92;
}

.home-ideology-logo img {
    display: block;
    width: 100%;
    height: auto;

    filter: brightness(0) invert(1);
}

.home-ideology-logo::before {
    content: "";
    position: absolute;
    inset: -70px;

    background: radial-gradient(circle, rgba(51,167,235,.17), transparent 68%);
    z-index: -1;
}

@media (max-width: 900px) {

    .home-ideology-inner {
        padding: 42px;
    }

    .home-ideology-logo {
        flex-basis: 230px;
    }
}

@media (max-width: 700px) {

    .home-ideology {
        padding: 0 16px;
    }

    .home-ideology-inner {
        min-height: 0;
        padding: 34px 26px;

        flex-direction: column;
        align-items: flex-start;
    }

    .home-ideology-logo {
        width: 190px;
        flex: none;

        margin-top: 10px;
    }

    .home-ideology-links {
        margin-top: 26px;
    }
}


/* Ideology block scale refinement */
.home-ideology-inner {
    min-height: 360px !important;
    padding: 64px 70px !important;
}

.home-ideology-logo {
    flex: 0 0 390px !important;
    opacity: .9 !important;
}

@media (max-width: 900px) {
    .home-ideology-inner {
        min-height: 320px !important;
        padding: 48px !important;
    }

    .home-ideology-logo {
        flex-basis: 280px !important;
    }
}

@media (max-width: 700px) {
    .home-ideology-inner {
        min-height: 0 !important;
        padding: 36px 26px !important;
    }

    .home-ideology-logo {
        width: 210px !important;
        flex: none !important;
    }
}

/* Restore original CWT logo colors in ideology block */
.home-ideology-logo img {
    filter: none !important;
}

/* =========================================================
   HOME SOCIALS
   ========================================================= */

.home-socials {
    max-width: 1380px;
    margin: 22px auto 0;
    padding: 0 24px 48px;
}

.home-socials-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;

    padding: 30px 34px;

    border: 1px solid #dbe4eb;
    border-radius: 24px;

    background: #fff;

    box-shadow: 0 12px 35px rgba(13,36,54,.06);
}

.home-socials-copy {
    max-width: 520px;
}

.home-socials-kicker {
    margin-bottom: 7px;

    color: #167ac6;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: .12em;
    text-transform: uppercase;
}

.home-socials-title {
    margin: 0;

    color: #0b1d2d;

    font-size: clamp(22px, 2.2vw, 32px);
    line-height: 1.12;
    font-weight: 750;
    letter-spacing: -.025em;
}

.home-socials-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;

    gap: 10px;
}

.home-social-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    min-height: 46px;
    padding: 8px 15px 8px 9px;

    border: 1px solid #d9e2e9;
    border-radius: 14px;

    background: #f8fafc;

    color: #14283a;
    text-decoration: none;

    font-size: 13px;
    font-weight: 700;

    transition: .2s ease;
}

.home-social-link:hover {
    transform: translateY(-2px);

    border-color: #b9cbd8;
    background: #fff;

    box-shadow: 0 8px 22px rgba(16,45,65,.09);
}

.home-social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    border-radius: 9px;

    background: #102636;
    color: #fff;

    font-size: 13px;
    line-height: 1;
    font-weight: 800;
}

.home-social-youtube .home-social-icon {
    font-size: 11px;
}

.home-social-telegram .home-social-icon {
    font-size: 15px;
}

.home-social-name {
    white-space: nowrap;
}

@media (max-width: 850px) {

    .home-socials-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-socials-list {
        justify-content: flex-start;
    }
}

@media (max-width: 700px) {

    .home-socials {
        padding: 0 16px 34px;
    }

    .home-socials-inner {
        padding: 26px 22px;
    }

    .home-social-link {
        padding-right: 12px;
    }
}


/* =========================================================
   SOCIALS REFINED
   ========================================================= */

.home-socials {
    max-width: 1380px !important;
    margin: 14px auto 0 !important;
    padding: 0 24px 48px !important;
}

.home-socials-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;

    padding: 22px 28px !important;

    border: 1px solid rgba(15,45,65,.10) !important;
    border-radius: 20px !important;

    background: transparent !important;
    box-shadow: none !important;
}

.home-socials-copy {
    max-width: 620px !important;
}

.home-socials-kicker {
    margin-bottom: 5px !important;

    font-size: 11px !important;
    letter-spacing: .11em !important;
}

.home-socials-title {
    margin: 0 !important;

    font-size: clamp(20px, 1.8vw, 28px) !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
}

.home-socials-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;

    gap: 12px !important;
}

.home-social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;

    padding: 0 !important;

    border: 1px solid #d5e0e8 !important;
    border-radius: 50% !important;

    background: #fff !important;

    color: #102636 !important;
    text-decoration: none !important;

    box-shadow: 0 5px 16px rgba(15,40,60,.06) !important;

    transition: .2s ease !important;
}

.home-social-link:hover {
    transform: translateY(-2px) !important;

    border-color: #a9c4d7 !important;

    box-shadow: 0 9px 22px rgba(15,40,60,.10) !important;
}

.home-social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: auto !important;

    border-radius: 0 !important;

    background: transparent !important;
    color: #102636 !important;

    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

.home-social-vk .home-social-icon {
    font-size: 13px !important;
}

.home-social-facebook .home-social-icon {
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
}

.home-social-x .home-social-icon {
    font-size: 18px !important;
}

.home-social-youtube .home-social-icon {
    font-size: 15px !important;
}

.home-social-telegram .home-social-icon {
    font-size: 18px !important;
}

.home-social-name {
    display: none !important;
}

@media (max-width: 700px) {

    .home-socials-inner {
        align-items: flex-start !important;
        flex-direction: column !important;
        padding: 22px !important;
    }

    .home-socials-list {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .home-social-link {
        width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
    }
}


/* =========================================================
   IDEOLOGY + SOCIALS INSIDE
   ========================================================= */

.home-ideology-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(260px, .9fr) !important;
    gap: 28px !important;
    align-items: center !important;
}

.home-ideology-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.home-ideology-logo img {
    max-width: 100% !important;
    height: auto !important;
}

.home-ideology-inner .home-socials-inner {
    grid-column: 1 / -1 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    margin-top: 6px !important;
    padding-top: 18px !important;

    border-top: 1px solid rgba(255,255,255,.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-ideology-inner .home-socials-copy {
    max-width: 560px !important;
}

.home-ideology-inner .home-socials-kicker {
    color: #58b7ff !important;
    margin-bottom: 6px !important;
    font-size: 11px !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

.home-ideology-inner .home-socials-title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(18px, 1.6vw, 27px) !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
}

.home-ideology-inner .home-socials-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

.home-ideology-inner .home-social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;

    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: none !important;

    text-decoration: none !important;
    transition: .18s ease !important;
}

.home-ideology-inner .home-social-link:hover {
    transform: translateY(-2px) !important;
    background: rgba(88,183,255,.12) !important;
    border-color: rgba(88,183,255,.45) !important;
}

.home-ideology-inner .home-social-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    background: transparent !important;
}

.home-ideology-inner .home-social-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
    fill: #ffffff !important;
}

.home-ideology-inner .home-social-name {
    display: none !important;
}

@media (max-width: 900px) {
    .home-ideology-inner {
        grid-template-columns: 1fr !important;
    }

    .home-ideology-logo {
        order: -1 !important;
    }

    .home-ideology-inner .home-socials-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .home-ideology-inner .home-socials-list {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}


/* =========================================================
   SITE FOOTER
   ========================================================= */

.site-footer {
    max-width: 1380px;
    margin: 18px auto 34px;
    padding: 0 24px;
}

.site-footer-inner {
    overflow: hidden;

    border-radius: 26px;

    background:
        radial-gradient(circle at 80% 10%, rgba(51,167,235,.12), transparent 32%),
        linear-gradient(135deg, #0d1e2b 0%, #07131c 100%);

    box-shadow: 0 18px 50px rgba(8,24,36,.10);
}

.site-footer-top {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(420px, 1.3fr);
    gap: 60px;

    align-items: center;

    padding: 38px 44px 34px;
}

.site-footer-brand {
    display: flex;
    align-items: center;
    gap: 18px;
}

.site-footer-logo {
    flex: 0 0 130px;
}

.site-footer-logo img {
    display: block;
    width: 100%;
    height: auto;
}

.site-footer-brand-text {
    max-width: 360px;

    color: rgba(255,255,255,.82);

    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
}

.site-footer-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, 1fr));
    gap: 14px 28px;
}

.site-footer-nav a {
    position: relative;

    color: rgba(255,255,255,.78);

    font-size: 14px;
    line-height: 1.2;
    font-weight: 650;

    text-decoration: none;

    transition: .18s ease;
}

.site-footer-nav a::after {
    content: "→";

    margin-left: 7px;

    color: #4eb6f3;

    opacity: 0;

    transform: translateX(-4px);

    transition: .18s ease;
}

.site-footer-nav a:hover {
    color: #fff;
}

.site-footer-nav a:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.site-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;

    padding: 18px 44px 20px;

    border-top: 1px solid rgba(255,255,255,.09);

    color: rgba(255,255,255,.5);

    font-size: 12px;
    line-height: 1.3;
}

.site-footer-contact {
    display: flex;
    align-items: center;
    gap: 6px;
}

.site-footer-contact a {
    color: rgba(255,255,255,.72);
    text-decoration: none;
}

.site-footer-contact a:hover {
    color: #fff;
}

/* tighter relationship with ideology block */
.home-ideology {
    margin-bottom: 0 !important;
}

.site-footer {
    margin-top: 14px !important;
}

@media (max-width: 900px) {

    .site-footer-top {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .site-footer-nav {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }
}

@media (max-width: 700px) {

    .site-footer {
        padding: 0 16px;
        margin-bottom: 22px;
    }

    .site-footer-top {
        padding: 30px 24px 26px;
    }

    .site-footer-brand {
        align-items: flex-start;
        flex-direction: column;
    }

    .site-footer-logo {
        flex-basis: auto;
        width: 120px;
    }

    .site-footer-nav {
        grid-template-columns: 1fr 1fr;
        gap: 12px 18px;
    }

    .site-footer-bottom {
        flex-direction: column;
        align-items: flex-start;

        padding: 16px 24px 18px;
    }
}


/* Remove excessive gap between homepage content and footer */
.home main {
    padding-bottom: 20px !important;
}
CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Remove excessive gap between homepage content and footer */
.home main {
    padding-bottom: 20px !important;
}
CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Remove excessive gap between homepage content and footer */
.home main {
    padding-bottom: 20px !important;
}
CSScat >> wp-content/themes/cwt-modern/style.css <<'CSS'

/* Remove excessive gap between homepage content and footer */
.home main {
    padding-bottom: 20px !important;
}


/* Remove excessive gap between homepage content and footer */
.home main {
    padding-bottom: 20px !important;
}

/* =========================================================
   MERGE HOME IDEOLOGY + FOOTER VISUALLY
   ========================================================= */

.home .home-ideology {
    margin-bottom: 0 !important;
}

.home .home-ideology-inner {
    border-radius: 28px 28px 0 0 !important;
    box-shadow: 0 18px 55px rgba(5,20,31,.10) !important;
}

.home .site-footer {
    max-width: 1380px !important;
    margin: 0 auto 34px !important;
    padding: 0 24px !important;
}

.home .site-footer-inner {
    border-radius: 0 0 28px 28px !important;

    background:
        radial-gradient(circle at 80% 0%, rgba(51,167,235,.10), transparent 30%),
        linear-gradient(135deg, #0d1e2b 0%, #07131c 100%) !important;

    box-shadow: 0 18px 55px rgba(5,20,31,.10) !important;

    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.home .site-footer-top {
    padding-top: 28px !important;
}

.home .site-footer {
    position: relative !important;
    top: -1px !important;
}

@media (max-width: 700px) {
    .home .site-footer {
        padding: 0 16px !important;
    }

    .home .home-ideology-inner {
        border-radius: 22px 22px 0 0 !important;
    }

    .home .site-footer-inner {
        border-radius: 0 0 22px 22px !important;
    }
}

/* Final merge: ideology + footer as one visual block */
.home main {
    padding-bottom: 0 !important;
}

.home .site-footer {
    width: min(calc(100% - 88px), calc(var(--container) - 48px)) !important;
    max-width: none !important;

    margin: 0 auto 34px !important;
    padding: 0 !important;

    top: 0 !important;
}

.home .home-ideology-inner {
    border-radius: 28px 28px 0 0 !important;
}

.home .site-footer-inner {
    border-radius: 0 0 28px 28px !important;
    border-top: 1px solid rgba(255,255,255,.09) !important;
}

@media (max-width: 700px) {
    .home .site-footer {
        width: calc(100% - 72px) !important;
    }

    .home .home-ideology-inner {
        border-radius: 22px 22px 0 0 !important;
    }

    .home .site-footer-inner {
        border-radius: 0 0 22px 22px !important;
    }
}

/* Social line + footer logo refinement */
.home-ideology-inner .home-socials-title {
    white-space: nowrap !important;
    font-size: clamp(17px, 1.45vw, 24px) !important;
}

.site-footer-logo {
    flex: 0 0 155px !important;
}

.site-footer-logo img {
    width: 155px !important;
    max-width: 155px !important;
}

.site-footer-brand {
    gap: 24px !important;
}

@media (max-width: 900px) {
    .home-ideology-inner .home-socials-title {
        white-space: normal !important;
    }

    .site-footer-logo {
        flex-basis: 135px !important;
    }

    .site-footer-logo img {
        width: 135px !important;
        max-width: 135px !important;
    }
}

/* Remove duplicate logo from footer on homepage */
.home .site-footer-logo {
    display: none !important;
}

.home .site-footer-brand {
    gap: 0 !important;
}

.home .site-footer-brand-text {
    max-width: 320px !important;
}

/* Russian movement title fit */
html[lang^="ru"] .cwt-brand-title {
    font-size: 27px !important;
    letter-spacing: 0 !important;
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Category label inside featured hero */
.hero-card-category {
    display: inline-flex;
    align-items: center;

    width: fit-content;
    margin-bottom: 8px;
    padding: 6px 10px;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 999px;

    background: rgba(8,26,41,.42);
    backdrop-filter: blur(6px);

    color: #fff;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}


/* =========================================================
   SHARED CATEGORY COLOR SYSTEM
   Hero + Latest cards
   ========================================================= */

.hero-card-category--politics,
.latest-card--politics {
    --news-accent: 30,64,175;
}

.hero-card-category--blockchain,
.latest-card--blockchain {
    --news-accent: 0,137,123;
}

.hero-card-category--technology,
.latest-card--technology {
    --news-accent: 109,40,217;
}

.hero-card-category--society,
.latest-card--society {
    --news-accent: 194,101,0;
}

.hero-card-category--health,
.latest-card--health {
    --news-accent: 21,128,61;
}

.hero-card-category--media,
.latest-card--media {
    --news-accent: 176,24,88;
}

.hero-card-category--ecology,
.latest-card--ecology {
    --news-accent: 5,135,91;
}

.hero-card-category--food,
.latest-card--food {
    --news-accent: 220,82,8;
}

.hero-card-category--energy,
.latest-card--energy {
    --news-accent: 184,123,0;
}

.hero-card-category--science,
.latest-card--science {
    --news-accent: 2,132,168;
}

.hero-card-category--cwtnews,
.latest-card--cwtnews {
    --news-accent: 0,105,148;
}

.hero-card-category--video,
.latest-card--video {
    --news-accent: 82,92,110;
}

.hero-card-category--default,
.latest-card--default {
    --news-accent: 71,85,105;
}


/* Hero category */
.hero-card-category {
    margin-bottom: 9px !important;
    padding: 6px 11px !important;

    background: rgba(var(--news-accent), .88) !important;
    border: 1px solid rgba(255,255,255,.22) !important;

    color: #fff !important;

    font-size: 10px !important;
    letter-spacing: .075em !important;

    box-shadow: 0 4px 14px rgba(0,0,0,.12) !important;
}


/* Latest category */
.latest-card .latest-card-category {
    background: rgba(var(--news-accent), .085) !important;
    border-color: rgba(var(--news-accent), .16) !important;
    color: rgb(var(--news-accent)) !important;
}


/* Thin thematic line on each latest card */
.latest-card {
    position: relative !important;
    overflow: hidden !important;
}

.latest-card::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;

    height: 3px !important;

    background: rgb(var(--news-accent)) !important;

    z-index: 3 !important;
}


/* subtle category tint on hover */
.latest-card:hover {
    border-color: rgba(var(--news-accent), .24) !important;
    box-shadow: 0 14px 30px rgba(var(--news-accent), .09) !important;
}


/* Refine hero category alignment and fill */
.hero-card-category {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;

    padding: 5px 10px !important;

    border-radius: 999px !important;

    background: rgba(30, 64, 175, .26) !important;
    border: 1px solid rgba(125, 170, 255, .42) !important;

    color: #f7fbff !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.04),
        0 3px 10px rgba(0,0,0,.10) !important;

    backdrop-filter: blur(7px) !important;
}

.hero-card-content {
    align-items: flex-start !important;
}

.hero-card-date,
.hero-card h2,
.hero-card-more,
.hero-card-category {
    margin-left: 0 !important;
}

/* FINAL hero category alignment + category color */
.hero-card-featured .hero-card-content {
    left: 0 !important;
    right: auto !important;
}

.hero-card-featured .hero-card-category {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 0 9px 0 !important;
    padding: 5px 11px !important;

    transform: none !important;

    border-radius: 999px !important;

    background: rgb(var(--news-accent)) !important;
    border: 1px solid rgba(255,255,255,.28) !important;

    color: #fff !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;

    box-shadow: 0 4px 12px rgba(0,0,0,.16) !important;
    backdrop-filter: none !important;
}

.hero-card-featured .hero-card-category--politics {
    --news-accent: 30,64,175 !important;
}

.hero-card-featured .hero-card-date {
    margin-left: 0 !important;
}


/* FINAL subtle hero category badge */
.hero-card-featured .hero-card-category {
    margin: 0 0 8px 0 !important;
    padding: 5px 10px !important;

    background: rgba(var(--news-accent), .10) !important;
    border: 1px solid rgba(var(--news-accent), .55) !important;

    color: rgb(var(--news-accent)) !important;

    box-shadow: none !important;
    backdrop-filter: blur(3px) !important;

    transform: translateX(-1px) !important;
}

.hero-card-featured .hero-card-category--politics {
    --news-accent: 110, 154, 255 !important;
}

.hero-card-featured .hero-card-date {
    margin-left: 0 !important;
}

/* Match hero category badge width to date */
.hero-card-featured .hero-card-category {
    width: 72px !important;
    box-sizing: border-box !important;

    justify-content: center !important;
    text-align: center !important;

    margin-left: 0 !important;
    transform: none !important;
}

.hero-card-featured .hero-card-date {
    width: 72px !important;
    margin-left: 0 !important;
}

/* =========================================================
   FINAL LATEST CARDS NORMALIZATION
   ========================================================= */

/* All latest cards use the same title scale */
.home .latest-section .latest-card h3,
.home .latest-section .latest-card:first-child h3 {
    font-size: 18px !important;
    line-height: 1.22 !important;
    font-weight: 750 !important;
    letter-spacing: -.015em !important;
}

/* Remove special first-card emphasis */
.home .latest-section .latest-card:first-child {
    border-color: #dfe6ec !important;
    box-shadow: none !important;
}

/* Default category color */
.home .latest-card {
    --news-accent: 71,85,105;
    border: 1px solid #e1e7ec !important;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease !important;
}

/* Category themes */
.home .latest-card--politics {
    --news-accent: 30,64,175;
}

.home .latest-card--blockchain {
    --news-accent: 0,137,123;
}

.home .latest-card--technology {
    --news-accent: 109,40,217;
}

.home .latest-card--society {
    --news-accent: 194,101,0;
}

.home .latest-card--health {
    --news-accent: 21,128,61;
}

.home .latest-card--media {
    --news-accent: 176,24,88;
}

.home .latest-card--ecology {
    --news-accent: 5,135,91;
}

.home .latest-card--food {
    --news-accent: 220,82,8;
}

.home .latest-card--energy {
    --news-accent: 184,123,0;
}

.home .latest-card--science {
    --news-accent: 2,132,168;
}

.home .latest-card--cwtnews {
    --news-accent: 0,105,148;
}

.home .latest-card--video {
    --news-accent: 82,92,110;
}

/* Subtle thematic category badge */
.home .latest-card .latest-card-category {
    background: rgba(var(--news-accent), .08) !important;
    border: 1px solid rgba(var(--news-accent), .42) !important;
    color: rgb(var(--news-accent)) !important;

    box-shadow: none !important;
}

/* Subtle thematic card outline on hover */
.home .latest-card:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(var(--news-accent), .55) !important;

    box-shadow:
        0 12px 28px rgba(var(--news-accent), .10) !important;
}

/* No thick/black outline anywhere */
.home .latest-card:focus,
.home .latest-card:focus-within,
.home .latest-card-link:focus,
.home .latest-card-link:focus-visible {
    outline: none !important;
}

/* Thin category accent on top */
.home .latest-card::before {
    height: 2px !important;
    background: rgba(var(--news-accent), .75) !important;
}


/* =========================================================
   HOME: RUBRICS + VIDEO ON ONE LINE
   ========================================================= */

.home-explore-grid {
    width: 100% !important;
    max-width: 1380px !important;
    margin: 70px auto 0 !important;
    padding: 0 32px !important;
    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1.7fr) minmax(330px, .72fr) !important;
    gap: 34px !important;
    align-items: start !important;
}

/* remove old outer sizing because sections now live inside one grid */
.home-explore-grid .home-topics-catalog,
.home-explore-grid .home-video-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* RUBRICS */
.home-explore-grid .home-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.home-explore-grid .home-category-item {
    min-height: 88px !important;
    padding: 15px 17px !important;
}

.home-explore-grid .home-category-watermark {
    width: 62px !important;
    height: 62px !important;
    right: 54px !important;
}

/* VIDEO HEADER */
.home-explore-grid .home-video-header {
    margin-bottom: 20px !important;
    align-items: center !important;
}

.home-explore-grid .home-video-header h2,
.home-explore-grid .home-topics-header h2 {
    font-size: 34px !important;
}

/* VIDEO becomes a compact vertical media module */
.home-explore-grid .home-video-layout {
    display: block !important;
}

/* main video */
.home-explore-grid .home-video-featured-image {
    min-height: 0 !important;
    height: 260px !important;
    border-radius: 20px !important;
}

.home-explore-grid .home-video-featured-image img {
    min-height: 0 !important;
    height: 260px !important;
}

.home-explore-grid .home-video-featured-play {
    width: 44px !important;
    height: 44px !important;
    left: 18px !important;
    top: 18px !important;
    font-size: 15px !important;
}

.home-explore-grid .home-video-featured-copy {
    left: 20px !important;
    right: 20px !important;
    bottom: 18px !important;
}

.home-explore-grid .home-video-featured-title {
    font-size: 19px !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 2 !important;
}

/* three smaller videos below */
.home-explore-grid .home-video-secondary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.home-explore-grid .home-video-secondary-item {
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr) !important;
    min-height: 88px !important;
    padding: 8px !important;
    gap: 11px !important;
    border-radius: 15px !important;
}

.home-explore-grid .home-video-secondary-image {
    width: 100px !important;
    height: 72px !important;
    border-radius: 10px !important;
}

.home-explore-grid .home-video-secondary-play {
    width: 25px !important;
    height: 25px !important;
    left: 7px !important;
    bottom: 7px !important;
    font-size: 9px !important;
}

.home-explore-grid .home-video-secondary-title {
    font-size: 13px !important;
    line-height: 1.25 !important;
    -webkit-line-clamp: 2 !important;
}

.home-explore-grid .home-video-secondary-date {
    font-size: 10px !important;
}

@media (max-width: 1050px) {
    .home-explore-grid {
        grid-template-columns: 1fr !important;
    }

    .home-explore-grid .home-category-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 640px) {
    .home-explore-grid {
        padding: 0 18px !important;
    }

    .home-explore-grid .home-category-grid {
        grid-template-columns: 1fr !important;
    }
}


/* Keep Rubrics + Video side by side on tablets / smaller desktops */
@media (min-width: 701px) and (max-width: 1050px) {

    .home-explore-grid {
        grid-template-columns: minmax(0, 1.65fr) minmax(220px, .72fr) !important;
        gap: 22px !important;
    }

    .home-explore-grid .home-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .home-explore-grid .home-category-item {
        min-height: 78px !important;
        padding: 12px 14px !important;
    }

    .home-explore-grid .home-category-name {
        font-size: 13px !important;
    }

    .home-explore-grid .home-category-count {
        font-size: 9px !important;
    }

    .home-explore-grid .home-category-watermark {
        width: 52px !important;
        height: 52px !important;
        right: 45px !important;
    }

    .home-explore-grid .home-video-featured-image,
    .home-explore-grid .home-video-featured-image img {
        height: 220px !important;
    }

    .home-explore-grid .home-video-featured-title {
        font-size: 16px !important;
    }

    .home-explore-grid .home-video-secondary-item {
        grid-template-columns: 80px minmax(0, 1fr) !important;
        min-height: 72px !important;
    }

    .home-explore-grid .home-video-secondary-image {
        width: 80px !important;
        height: 58px !important;
    }

    .home-explore-grid .home-video-secondary-title {
        font-size: 11px !important;
    }
}

/* Only phones stack the sections */
@media (max-width: 700px) {
    .home-explore-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   RESTORED BASE: HOME RUBRICS + VIDEO
   ========================================================= */

/* ---------- RUBRICS ---------- */

.home-topics-header,
.home-video-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.home-topics-header h2,
.home-video-header h2 {
    margin: 4px 0 0;
    color: #102336;
    font-size: 34px;
    line-height: 1.05;
    font-weight: 780;
    letter-spacing: -.035em;
}

.home-category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.home-category-item {
    --category-accent: 71,85,105;

    position: relative;
    overflow: hidden;

    display: flex;
    align-items: center;

    min-height: 88px;
    padding: 15px 58px 15px 17px;

    border: 1px solid #dde5eb;
    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            rgba(var(--category-accent), .065) 0%,
            rgba(255,255,255,.97) 58%
        );

    color: #13263a;
    text-decoration: none;

    box-shadow: 0 5px 16px rgba(22,42,60,.035);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.home-category-item:hover {
    transform: translateY(-2px);

    border-color: rgba(var(--category-accent), .45);

    box-shadow:
        0 11px 25px rgba(var(--category-accent), .09);
}

.home-category-topline {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;

    height: 2px;

    background: rgba(var(--category-accent), .78);
}

.home-category-copy {
    position: relative;
    z-index: 2;

    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 6px;
}

.home-category-name {
    color: #102336;

    font-size: 14px;
    line-height: 1.18;
    font-weight: 760;
}

.home-category-count {
    color: #758493;

    font-size: 10px;
    line-height: 1.15;
    font-weight: 650;
}

.home-category-arrow {
    position: absolute;
    z-index: 3;

    right: 16px;
    top: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    transform: translateY(-50%);

    border: 1px solid rgba(var(--category-accent), .17);
    border-radius: 50%;

    background: rgba(255,255,255,.75);

    color: rgb(var(--category-accent));

    font-size: 15px;

    transition: .2s ease;
}

.home-category-item:hover .home-category-arrow {
    transform: translate(2px,-50%);
    border-color: rgba(var(--category-accent), .35);
}

.home-category-watermark {
    position: absolute;

    right: 50px;
    top: 50%;

    width: 62px;
    height: 62px;

    transform: translateY(-50%);

    border: 9px solid rgba(var(--category-accent), .045);
    border-radius: 50%;

    opacity: .85;
}

.home-category-watermark::after {
    content: "";
    position: absolute;
    inset: 13px;

    border: 4px solid rgba(var(--category-accent), .055);
    border-radius: 50%;
}


/* category palette */
.home-category-item--politics       { --category-accent: 30,64,175; }
.home-category-item--blockchain     { --category-accent: 0,137,123; }
.home-category-item--technology     { --category-accent: 109,40,217; }
.home-category-item--society        { --category-accent: 194,101,0; }
.home-category-item--health         { --category-accent: 21,128,61; }
.home-category-item--ecology        { --category-accent: 5,135,91; }
.home-category-item--media          { --category-accent: 176,24,88; }
.home-category-item--energy         { --category-accent: 184,123,0; }
.home-category-item--science        { --category-accent: 2,132,168; }
.home-category-item--food           { --category-accent: 220,82,8; }
.home-category-item--cwtnews        { --category-accent: 0,105,148; }
.home-category-item--default        { --category-accent: 71,85,105; }


/* ---------- VIDEO ---------- */

.home-video-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #627386;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;

    text-decoration: none;

    transition: .2s ease;
}

.home-video-all span {
    color: #1687cc;
}

.home-video-all:hover {
    color: #102336;
}

.home-video-layout {
    display: block;
}

.home-video-featured {
    display: block;

    color: inherit;
    text-decoration: none;
}

.home-video-featured-image {
    position: relative;
    overflow: hidden;

    height: 260px;

    border-radius: 20px;

    background: #0b1721;

    box-shadow: 0 9px 24px rgba(12,30,44,.10);
}

.home-video-featured-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .35s ease;
}

.home-video-featured:hover .home-video-featured-image img {
    transform: scale(1.025);
}

.home-video-featured-shade {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(5,15,24,.03) 20%,
            rgba(5,15,24,.20) 55%,
            rgba(5,15,24,.88) 100%
        );
}

.home-video-featured-play {
    position: absolute;
    z-index: 3;

    left: 18px;
    top: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 44px;
    height: 44px;

    border: 1px solid rgba(255,255,255,.30);
    border-radius: 50%;

    background: rgba(9,25,37,.62);
    backdrop-filter: blur(6px);

    color: #fff;

    font-size: 14px;
    line-height: 1;

    box-shadow: 0 5px 15px rgba(0,0,0,.14);
}

.home-video-featured-copy {
    position: absolute;
    z-index: 3;

    left: 20px;
    right: 20px;
    bottom: 18px;

    display: flex;
    flex-direction: column;
    gap: 7px;
}

.home-video-featured-date {
    color: rgba(255,255,255,.70);

    font-size: 10px;
    line-height: 1;
    font-weight: 650;
}

.home-video-featured-title {
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    color: #fff;

    font-size: 19px;
    line-height: 1.18;
    font-weight: 760;
    letter-spacing: -.015em;
}


/* secondary videos */

.home-video-secondary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;

    margin-top: 12px;
}

.home-video-secondary-item {
    display: grid;
    grid-template-columns: 100px minmax(0,1fr);
    align-items: center;
    gap: 11px;

    min-height: 88px;
    padding: 8px;

    border: 1px solid #dfe6ec;
    border-radius: 15px;

    background: rgba(255,255,255,.82);

    color: #13263a;
    text-decoration: none;

    box-shadow: 0 4px 14px rgba(18,40,58,.03);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.home-video-secondary-item:hover {
    transform: translateY(-1px);

    border-color: #b9d1e2;

    box-shadow: 0 8px 20px rgba(18,55,79,.07);
}

.home-video-secondary-image {
    position: relative;
    overflow: hidden;

    display: block;

    width: 100px;
    height: 72px;

    border-radius: 10px;

    background: #0d1922;
}

.home-video-secondary-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .3s ease;
}

.home-video-secondary-item:hover .home-video-secondary-image img {
    transform: scale(1.035);
}

.home-video-secondary-play {
    position: absolute;

    left: 7px;
    bottom: 7px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;

    background: rgba(5,19,29,.66);

    color: #fff;

    font-size: 8px;
}

.home-video-secondary-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
}

.home-video-secondary-title {
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    color: #13263a;

    font-size: 13px;
    line-height: 1.25;
    font-weight: 720;
}

.home-video-secondary-date {
    color: #83909c;

    font-size: 10px;
    line-height: 1;
    font-weight: 600;
}


/* ---------- RESPONSIVE ---------- */

@media (min-width: 701px) and (max-width: 1050px) {

    .home-category-name {
        font-size: 13px;
    }

    .home-category-count {
        font-size: 9px;
    }
}

@media (max-width: 700px) {

    .home-topics-header h2,
    .home-video-header h2 {
        font-size: 28px !important;
    }

    .home-category-grid {
        grid-template-columns: 1fr !important;
    }

    .home-video-featured-image,
    .home-video-featured-image img {
        height: 330px !important;
    }
}


/* =========================================================
   CATEGORY WATERMARK ICONS
   ========================================================= */

.home-category-watermark {
    border: 0 !important;
    background: transparent !important;
}

.home-category-watermark::after {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background-color: rgba(var(--category-accent), .12) !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

/* Politics — government / column */
.home-category-item--politics .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 6 8 18v6h48v-6L32 6Zm-17 24h6v18h-6V30Zm14 0h6v18h-6V30Zm14 0h6v18h-6V30ZM8 52h48v6H8v-6Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 6 8 18v6h48v-6L32 6Zm-17 24h6v18h-6V30Zm14 0h6v18h-6V30Zm14 0h6v18h-6V30ZM8 52h48v6H8v-6Z'/%3E%3C/svg%3E") !important;
}

/* Blockchain — connected nodes */
.home-category-item--blockchain .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M14 12h14v14H14V12Zm22 0h14v14H36V12ZM14 38h14v14H14V38Zm22 0h14v14H36V38ZM28 18h8v4h-8v-4Zm-8 8h4v12h-4V26Zm20 0h4v12h-4V26Zm-12 16h8v4h-8v-4Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M14 12h14v14H14V12Zm22 0h14v14H36V12ZM14 38h14v14H14V38Zm22 0h14v14H36V38ZM28 18h8v4h-8v-4Zm-8 8h4v12h-4V26Zm20 0h4v12h-4V26Zm-12 16h8v4h-8v-4Z'/%3E%3C/svg%3E") !important;
}

/* Technology — chip */
.home-category-item--technology .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M20 16h24v32H20V16Zm6 6v20h12V22H26ZM10 22h8v4h-8v-4Zm0 10h8v4h-8v-4Zm0 10h8v4h-8v-4Zm36-20h8v4h-8v-4Zm0 10h8v4h-8v-4Zm0 10h8v4h-8v-4ZM26 6h4v8h-4V6Zm8 0h4v8h-4V6Zm-8 44h4v8h-4v-8Zm8 0h4v8h-4v-8Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M20 16h24v32H20V16Zm6 6v20h12V22H26ZM10 22h8v4h-8v-4Zm0 10h8v4h-8v-4Zm0 10h8v4h-8v-4Zm36-20h8v4h-8v-4Zm0 10h8v4h-8v-4Zm0 10h8v4h-8v-4ZM26 6h4v8h-4V6Zm8 0h4v8h-4V6Zm-8 44h4v8h-4v-8Zm8 0h4v8h-4v-8Z'/%3E%3C/svg%3E") !important;
}

/* Society — people */
.home-category-item--society .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='23' cy='22' r='8' fill='black'/%3E%3Ccircle cx='43' cy='24' r='6' fill='black'/%3E%3Cpath fill='black' d='M9 52c1-12 7-18 14-18s13 6 14 18H9Zm25 0c1-9 5-14 10-14s9 5 11 14H34Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='23' cy='22' r='8' fill='black'/%3E%3Ccircle cx='43' cy='24' r='6' fill='black'/%3E%3Cpath fill='black' d='M9 52c1-12 7-18 14-18s13 6 14 18H9Zm25 0c1-9 5-14 10-14s9 5 11 14H34Z'/%3E%3C/svg%3E") !important;
}

/* Health — medical cross */
.home-category-item--health .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M25 8h14v17h17v14H39v17H25V39H8V25h17V8Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M25 8h14v17h17v14H39v17H25V39H8V25h17V8Z'/%3E%3C/svg%3E") !important;
}

/* Ecology — leaf */
.home-category-item--ecology .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M52 10C31 10 16 18 11 34c-4 13 5 22 16 20 13-2 23-17 25-44ZM18 46c8-11 16-18 28-27-9 11-15 20-20 33l-8-6Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M52 10C31 10 16 18 11 34c-4 13 5 22 16 20 13-2 23-17 25-44ZM18 46c8-11 16-18 28-27-9 11-15 20-20 33l-8-6Z'/%3E%3C/svg%3E") !important;
}

/* Media — megaphone */
.home-category-item--media .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 27h13l28-13v36L21 37H8V27Zm17 13 8 4-5 12H17l-4-16h12Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M8 27h13l28-13v36L21 37H8V27Zm17 13 8 4-5 12H17l-4-16h12Z'/%3E%3C/svg%3E") !important;
}

/* Energy — lightning */
.home-category-item--energy .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M36 4 14 35h16l-4 25 24-34H34l2-22Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M36 4 14 35h16l-4 25 24-34H34l2-22Z'/%3E%3C/svg%3E") !important;
}

/* Science — flask */
.home-category-item--science .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 6h16v6h-3v14l15 24c3 5 0 8-5 8H17c-5 0-8-3-5-8l15-24V12h-3V6Zm5 28-10 17h26L35 34H29Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M24 6h16v6h-3v14l15 24c3 5 0 8-5 8H17c-5 0-8-3-5-8l15-24V12h-3V6Zm5 28-10 17h26L35 34H29Z'/%3E%3C/svg%3E") !important;
}

/* Food — wheat */
.home-category-item--food .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M31 58h4V8h-4v50ZM29 18C18 17 14 10 14 10s1 12 15 14v-6Zm6 0c11-1 15-8 15-8s-1 12-15 14v-6Zm-6 12c-11-1-15-8-15-8s1 12 15 14v-6Zm6 0c11-1 15-8 15-8s-1 12-15 14v-6Zm-6 12c-11-1-15-8-15-8s1 12 15 14v-6Zm6 0c11-1 15-8 15-8s-1 12-15 14v-6Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M31 58h4V8h-4v50ZM29 18C18 17 14 10 14 10s1 12 15 14v-6Zm6 0c11-1 15-8 15-8s-1 12-15 14v-6Zm-6 12c-11-1-15-8-15-8s1 12 15 14v-6Zm6 0c11-1 15-8 15-8s-1 12-15 14v-6Zm-6 12c-11-1-15-8-15-8s1 12 15 14v-6Zm6 0c11-1 15-8 15-8s-1 12-15 14v-6Z'/%3E%3C/svg%3E") !important;
}

/* CWT — globe */
.home-category-item--cwtnews .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='25' fill='none' stroke='black' stroke-width='6'/%3E%3Cpath fill='none' stroke='black' stroke-width='5' d='M7 32h50M32 7c9 8 13 16 13 25S41 49 32 57M32 7C23 15 19 23 19 32s4 17 13 25'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='25' fill='none' stroke='black' stroke-width='6'/%3E%3Cpath fill='none' stroke='black' stroke-width='5' d='M7 32h50M32 7c9 8 13 16 13 25S41 49 32 57M32 7C23 15 19 23 19 32s4 17 13 25'/%3E%3C/svg%3E") !important;
}

/* Other — grid */
.home-category-item--default .home-category-watermark::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 10h18v18H10V10Zm26 0h18v18H36V10ZM10 36h18v18H10V36Zm26 0h18v18H36V36Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M10 10h18v18H10V10Zm26 0h18v18H36V10ZM10 36h18v18H10V36Zm26 0h18v18H36V36Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   RESTORE ORIGINAL CATEGORY WATERMARK ICONS
   ========================================================= */

.home-category-item {
    isolation: isolate !important;
}

.home-category-copy,
.home-category-arrow {
    position: relative !important;
    z-index: 3 !important;
}

.home-category-watermark {
    position: absolute !important;
    right: 58px !important;
    top: 50% !important;

    width: 72px !important;
    height: 72px !important;

    transform: translateY(-50%) !important;

    background-color: rgb(var(--category-accent)) !important;
    opacity: .075 !important;

    border: 0 !important;
    border-radius: 0 !important;

    pointer-events: none !important;
    z-index: 1 !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}

.home-category-watermark::after {
    content: none !important;
    display: none !important;
}

.home-category-item:hover .home-category-watermark {
    opacity: .12 !important;
}

/* Политика */
.home-category-watermark--politics {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M8 20h48L32 8 8 20Z'/%3E%3Cpath d='M12 24h40M10 54h44M8 58h48'/%3E%3Cpath d='M16 24v30M27 24v30M38 24v30M49 24v30'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M8 20h48L32 8 8 20Z'/%3E%3Cpath d='M12 24h40M10 54h44M8 58h48'/%3E%3Cpath d='M16 24v30M27 24v30M38 24v30M49 24v30'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Блокчейн */
.home-category-watermark--blockchain {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Crect x='7' y='9' width='18' height='18' rx='3'/%3E%3Crect x='39' y='9' width='18' height='18' rx='3'/%3E%3Crect x='23' y='37' width='18' height='18' rx='3'/%3E%3Cpath d='M25 18h14M18 27l10 10M46 27 36 37'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Crect x='7' y='9' width='18' height='18' rx='3'/%3E%3Crect x='39' y='9' width='18' height='18' rx='3'/%3E%3Crect x='23' y='37' width='18' height='18' rx='3'/%3E%3Cpath d='M25 18h14M18 27l10 10M46 27 36 37'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Технологии */
.home-category-watermark--technology {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Crect x='17' y='17' width='30' height='30' rx='5'/%3E%3Crect x='25' y='25' width='14' height='14'/%3E%3Cpath d='M23 8v9M32 8v9M41 8v9M23 47v9M32 47v9M41 47v9M8 23h9M8 32h9M8 41h9M47 23h9M47 32h9M47 41h9'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Crect x='17' y='17' width='30' height='30' rx='5'/%3E%3Crect x='25' y='25' width='14' height='14'/%3E%3Cpath d='M23 8v9M32 8v9M41 8v9M23 47v9M32 47v9M41 47v9M8 23h9M8 32h9M8 41h9M47 23h9M47 32h9M47 41h9'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Общество */
.home-category-watermark--society {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='23' cy='21' r='8'/%3E%3Ccircle cx='44' cy='24' r='6'/%3E%3Cpath d='M9 52c1-11 7-17 14-17s13 6 14 17M36 39c3-5 12-5 16 0 2 3 3 7 3 12'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='23' cy='21' r='8'/%3E%3Ccircle cx='44' cy='24' r='6'/%3E%3Cpath d='M9 52c1-11 7-17 14-17s13 6 14 17M36 39c3-5 12-5 16 0 2 3 3 7 3 12'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Медицина */
.home-category-watermark--health {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='M25 8h14v17h17v14H39v17H25V39H8V25h17V8Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='M25 8h14v17h17v14H39v17H25V39H8V25h17V8Z'/%3E%3C/svg%3E") !important;
}

/* Экология */
.home-category-watermark--ecology {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M52 10C29 10 12 22 13 39c1 11 10 16 19 12 14-6 18-23 20-41Z'/%3E%3Cpath d='M14 54c9-17 21-27 35-36M25 40l1-13M34 32l11 1'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath d='M52 10C29 10 12 22 13 39c1 11 10 16 19 12 14-6 18-23 20-41Z'/%3E%3Cpath d='M14 54c9-17 21-27 35-36M25 40l1-13M34 32l11 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Медиа */
.home-category-watermark--media {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Crect x='7' y='12' width='50' height='35' rx='5'/%3E%3Cpath d='M23 55h18M32 47v8'/%3E%3Cpath d='m27 23 14 7-14 7V23Z'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Crect x='7' y='12' width='50' height='35' rx='5'/%3E%3Cpath d='M23 55h18M32 47v8'/%3E%3Cpath d='m27 23 14 7-14 7V23Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Энергетика */
.home-category-watermark--energy {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='M36 5 13 37h17l-3 22 24-35H34l2-19Z'/%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='M36 5 13 37h17l-3 22 24-35H34l2-19Z'/%3E%3C/svg%3E") !important;
}

/* Образование и наука */
.home-category-watermark--science {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.7'%3E%3Cellipse cx='32' cy='32' rx='25' ry='10'/%3E%3Cellipse cx='32' cy='32' rx='25' ry='10' transform='rotate(60 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='25' ry='10' transform='rotate(120 32 32)'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='2.7'%3E%3Cellipse cx='32' cy='32' rx='25' ry='10'/%3E%3Cellipse cx='32' cy='32' rx='25' ry='10' transform='rotate(60 32 32)'/%3E%3Cellipse cx='32' cy='32' rx='25' ry='10' transform='rotate(120 32 32)'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Еда */
.home-category-watermark--food {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M32 58V16'/%3E%3Cpath d='M31 24c-9-2-12-7-12-13 8 0 13 5 13 12M33 31c9-2 12-7 12-13-8 0-13 5-13 12M31 39c-9-2-12-7-12-13 8 0 13 5 13 12M33 47c9-2 12-7 12-13-8 0-13 5-13 12'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M32 58V16'/%3E%3Cpath d='M31 24c-9-2-12-7-12-13 8 0 13 5 13 12M33 31c9-2 12-7 12-13-8 0-13 5 13 12M31 39c-9-2-12-7-12-13 8 0 13 5 13 12M33 47c9-2 12-7 12-13-8 0-13 5-13 12'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* CWT */
.home-category-watermark--cwtnews {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='32' cy='32' r='25'/%3E%3Cellipse cx='32' cy='32' rx='11' ry='25'/%3E%3Cpath d='M8 32h48M13 20h38M13 44h38'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='32' cy='32' r='25'/%3E%3Cellipse cx='32' cy='32' rx='11' ry='25'/%3E%3Cpath d='M8 32h48M13 20h38M13 44h38'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Другое */
.home-category-watermark--default {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23000'%3E%3Crect x='10' y='10' width='18' height='18' rx='3'/%3E%3Crect x='36' y='10' width='18' height='18' rx='3'/%3E%3Crect x='10' y='36' width='18' height='18' rx='3'/%3E%3Crect x='36' y='36' width='18' height='18' rx='3'/%3E%3C/g%3E%3C/svg%3E") !important;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23000'%3E%3Crect x='10' y='10' width='18' height='18' rx='3'/%3E%3Crect x='36' y='10' width='18' height='18' rx='3'/%3E%3Crect x='10' y='36' width='18' height='18' rx='3'/%3E%3Crect x='36' y='36' width='18' height='18' rx='3'/%3E%3C/g%3E%3C/svg%3E") !important;
}


/* FIX: category arrows + gap before Rubrics */

.home-category-arrow {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
}

.home-category-item:hover .home-category-arrow {
    transform: translate(2px, -50%) !important;
}

.latest-section {
    padding-bottom: 34px !important;
}

.home-explore-grid {
    margin-top: 0 !important;
}


/* FIX: Latest section spacing + modern "All materials" button */

.latest-section {
    margin-top: 34px !important;
    padding-top: 0 !important;
}

.latest-section-header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
}

.latest-section .latest-all,
.latest-section .latest-section-all,
.latest-section a[href*="/materials"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    min-height: 38px !important;
    padding: 0 15px !important;

    border: 1px solid #d7e1e9 !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.78) !important;

    color: #28435b !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: 0 4px 14px rgba(26,47,64,.04) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease !important;
}

.latest-section .latest-all:hover,
.latest-section .latest-section-all:hover,
.latest-section a[href*="/materials"]:hover {
    transform: translateY(-1px) !important;

    border-color: #b8d0e0 !important;

    background: #fff !important;

    box-shadow: 0 8px 20px rgba(26,47,64,.08) !important;
}


/* MODERNIZE: All materials button */

.latest-section a[href*="/materials"] {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    min-height: 42px !important;
    padding: 0 48px 0 17px !important;

    border: 1px solid rgba(37,99,235,.22) !important;
    border-radius: 12px !important;

    background:
        linear-gradient(
            135deg,
            rgba(37,99,235,.055),
            rgba(255,255,255,.96)
        ) !important;

    color: #17324d !important;

    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;

    box-shadow: none !important;
}

.latest-section a[href*="/materials"]::after {
    content: "→" !important;

    position: absolute !important;
    right: 9px !important;
    top: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 26px !important;
    height: 26px !important;

    transform: translateY(-50%) !important;

    border-radius: 8px !important;

    background: #1f63e9 !important;
    color: #fff !important;

    font-size: 13px !important;
    line-height: 1 !important;

    transition:
        transform .2s ease,
        background .2s ease !important;
}

.latest-section a[href*="/materials"]:hover {
    transform: translateY(-1px) !important;

    border-color: rgba(37,99,235,.38) !important;

    background:
        linear-gradient(
            135deg,
            rgba(37,99,235,.09),
            rgba(255,255,255,1)
        ) !important;

    box-shadow: 0 8px 22px rgba(37,99,235,.10) !important;
}

.latest-section a[href*="/materials"]:hover::after {
    transform: translate(2px,-50%) !important;
    background: #1555d5 !important;
}


/* FIX: remove duplicate arrow in All materials button */

.latest-section a[href*="/materials"] {
    font-size: 0 !important;
}

.latest-section a[href*="/materials"]::before {
    content: "Все материалы" !important;

    font-size: 11px !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;

    color: #17324d !important;
}


/* =========================================================
   HOME TOP ALIGNMENT + MATERIALS BUTTON POLISH
   ========================================================= */

/* Меньше пустоты между главным меню и первым экраном */
.home main {
    padding-top: 36px !important;
}

/* Популярное выравниваем по верхнему краю большой карточки Актуального */
.home .hero-popular-module {
    margin-top: 54px !important;
}

/* Более спокойная стрелка кнопки "Все материалы" */
.latest-section a[href*="/materials"]::after {
    width: 26px !important;
    height: 26px !important;

    background: rgba(23,105,170,.055) !important;
    border: 1px solid rgba(23,105,170,.16) !important;
    border-radius: 50% !important;

    color: #1769aa !important;

    box-shadow: none !important;
}

.latest-section a[href*="/materials"]:hover::after {
    background: rgba(23,105,170,.10) !important;
    border-color: rgba(23,105,170,.27) !important;
    color: #125b93 !important;
}


/* FINAL: compact and align homepage hero */

.home main {
    padding-top: 14px !important;
}

.home .hero-featured-wrap {
    padding-top: 0 !important;
    gap: 8px !important;
}

.home .hero-popular-module {
    margin-top: 27px !important;
}


/* =========================================================
   HERO SLIDER
   ========================================================= */

.hero-slider {
    position: relative !important;
    width: 100% !important;
}

.hero-slider-track {
    position: relative !important;
    min-height: 500px !important;
}

.hero-slide {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    min-height: 500px !important;
    height: 100% !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: scale(.995) !important;

    transition:
        opacity .55s ease,
        transform .55s ease,
        visibility .55s ease !important;
}

.hero-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: scale(1) !important;
}

.hero-slider-controls {
    position: absolute !important;
    z-index: 8 !important;

    left: 22px !important;
    right: 22px !important;
    bottom: 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;

    pointer-events: none !important;
}

.hero-slider-dots {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    pointer-events: auto !important;
}

.hero-slider-dot {
    appearance: none !important;

    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 999px !important;

    background: rgba(255,255,255,.42) !important;

    cursor: pointer !important;

    transition:
        width .25s ease,
        background .25s ease,
        opacity .25s ease !important;
}

.hero-slider-dot:hover {
    background: rgba(255,255,255,.72) !important;
}

.hero-slider-dot.is-active {
    width: 24px !important;
    background: #fff !important;
}

.hero-slider-count {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;

    padding: 7px 10px !important;

    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 999px !important;

    background: rgba(8,20,34,.32) !important;
    backdrop-filter: blur(8px) !important;

    color: rgba(255,255,255,.78) !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;

    pointer-events: none !important;
}

.hero-slider-count [data-hero-current] {
    color: #fff !important;
}

/* оставляем место снизу под навигацию */
.hero-slider .hero-card-content {
    padding-bottom: 58px !important;
}

@media (max-width: 640px) {

    .hero-slider-track,
    .hero-slide {
        min-height: 390px !important;
    }

    .hero-slider-controls {
        left: 16px !important;
        right: 16px !important;
        bottom: 14px !important;
    }

    .hero-slider .hero-card-content {
        padding-bottom: 52px !important;
    }
}


/* =========================================================
   POLISH: HERO SLIDER + POPULAR + RUBRICS
   ========================================================= */

/* Актуальное и Популярное одинаковой высоты */
.home .hero-slider-track,
.home .hero-slide,
.home .hero-popular-module {
    height: 500px !important;
    min-height: 500px !important;
    box-sizing: border-box !important;
}

/* Большая зона клика у точек, но сами точки остаются аккуратными */
.hero-slider-dots {
    gap: 2px !important;
}

.hero-slider-dot {
    position: relative !important;

    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;

    cursor: pointer !important;
}

.hero-slider-dot::before {
    content: "" !important;

    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    width: 7px !important;
    height: 7px !important;

    transform: translate(-50%, -50%) !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,.46) !important;

    transition:
        width .22s ease,
        background .22s ease !important;
}

.hero-slider-dot:hover::before {
    background: rgba(255,255,255,.82) !important;
}

.hero-slider-dot.is-active {
    width: 34px !important;
    background: transparent !important;
}

.hero-slider-dot.is-active::before {
    width: 22px !important;
    background: #fff !important;
}

/* Возвращаем аккуратную геометрию карточек рубрик */
.home-category-item {
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.home-category-topline {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;

    width: auto !important;
    height: 2px !important;

    border-radius: 16px 16px 0 0 !important;
}

@media (max-width: 640px) {
    .home .hero-slider-track,
    .home .hero-slide,
    .home .hero-popular-module {
        height: auto !important;
        min-height: 390px !important;
    }
}



/* =========================================================
   HERO META + LARGER SLIDER DOTS
   ========================================================= */

.hero-card-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    margin-bottom: 8px !important;
}

.hero-card-meta .hero-card-date {
    margin: 0 !important;

    color: rgba(255,255,255,.88) !important;

    font-size: 12px !important;
    line-height: 1 !important;
}

.hero-card-meta .hero-card-category {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 4px 9px !important;

    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 999px !important;

    background: rgba(10,30,55,.30) !important;
    backdrop-filter: blur(5px) !important;

    color: #fff !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;
}

/* визуально заметнее, зона клика остаётся ещё больше */
.hero-slider-dot {
    width: 32px !important;
    height: 32px !important;
}

.hero-slider-dot::before {
    width: 10px !important;
    height: 10px !important;
}

.hero-slider-dot.is-active {
    width: 44px !important;
}

.hero-slider-dot.is-active::before {
    width: 30px !important;
    height: 10px !important;
}

.hero-slider-dots {
    gap: 0 !important;
}


/* HERO CATEGORY: restore translucent outlined style */

.hero-card-meta .hero-card-category {
    padding: 4px 10px !important;

    border: 1px solid rgba(255,255,255,.30) !important;
    border-radius: 999px !important;

    background: rgba(15,32,52,.18) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.035) !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: .055em !important;
}



/* =========================================================
   HERO: FIXED META POSITION + CATEGORY ACCENTS
   ========================================================= */

.hero-slide {
    --hero-cat-accent: 71,85,105;
}

.hero-slide--politics   { --hero-cat-accent: 30,64,175; }
.hero-slide--blockchain { --hero-cat-accent: 0,137,123; }
.hero-slide--technology { --hero-cat-accent: 109,40,217; }
.hero-slide--society    { --hero-cat-accent: 194,101,0; }
.hero-slide--health     { --hero-cat-accent: 21,128,61; }
.hero-slide--media      { --hero-cat-accent: 176,24,88; }
.hero-slide--ecology    { --hero-cat-accent: 5,135,91; }
.hero-slide--food       { --hero-cat-accent: 220,82,8; }
.hero-slide--energy     { --hero-cat-accent: 184,123,0; }
.hero-slide--science    { --hero-cat-accent: 2,132,168; }
.hero-slide--cwtnews    { --hero-cat-accent: 0,105,148; }
.hero-slide--default    { --hero-cat-accent: 71,85,105; }

/* Рубрика: тот же принцип, что в Свежих публикациях */
.hero-card-meta .hero-card-category {
    background: rgba(var(--hero-cat-accent), .16) !important;
    border: 1px solid rgba(var(--hero-cat-accent), .72) !important;

    color: #fff !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 2px 8px rgba(var(--hero-cat-accent), .10) !important;
}

/* Фиксируем геометрию текстовой части между слайдами */
.hero-slider .hero-card-content {
    width: calc(100% - 56px) !important;
}

.hero-slider .hero-card-content h2 {
    display: -webkit-box !important;
    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    min-height: calc(1.08em * 3) !important;
    max-height: calc(1.08em * 3) !important;

    margin-top: 10px !important;
    margin-bottom: 14px !important;
}

/* дата + рубрика всегда начинаются с одной и той же позиции */
.hero-slider .hero-card-meta {
    height: 24px !important;
    min-height: 24px !important;

    margin: 0 0 8px !important;
}

@media (max-width: 640px) {
    .hero-slider .hero-card-content {
        width: calc(100% - 32px) !important;
    }

    .hero-slider .hero-card-content h2 {
        -webkit-line-clamp: 3 !important;
        min-height: calc(1.12em * 3) !important;
        max-height: calc(1.12em * 3) !important;
    }
}



/* =========================================================
   FIX: FIRST LATEST CARD CATEGORY ACCENT
   ========================================================= */

.home .latest-section .latest-card:first-child {
    border-color: rgba(var(--news-accent), .24) !important;
}

.home .latest-section .latest-card:first-child:hover {
    border-color: rgba(var(--news-accent), .55) !important;

    box-shadow:
        0 12px 28px rgba(var(--news-accent), .10) !important;

    transform: translateY(-2px) !important;
}



/* =========================================================
   HOME SOCIALS: MOVE INTO FOOTER
   ========================================================= */

.home .site-footer-inner > .home-socials-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 16px 48px !important;

    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    background: rgba(255,255,255,.018) !important;

    border-radius: 0 !important;
    box-shadow: none !important;
}

.home .site-footer-inner > .home-socials-inner .home-socials-copy {
    max-width: none !important;
}

.home .site-footer-inner > .home-socials-inner .home-socials-kicker {
    margin: 0 0 3px !important;

    color: #58b7ff !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.home .site-footer-inner > .home-socials-inner .home-socials-title {
    margin: 0 !important;

    color: rgba(255,255,255,.66) !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    white-space: normal !important;
}

.home .site-footer-inner > .home-socials-inner .home-socials-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    flex-wrap: nowrap !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 50% !important;

    background: rgba(255,255,255,.035) !important;

    box-shadow: none !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link:hover {
    transform: translateY(-1px) !important;

    border-color: rgba(88,183,255,.35) !important;
    background: rgba(88,183,255,.08) !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-icon,
.home .site-footer-inner > .home-socials-inner .home-social-icon svg {
    width: 15px !important;
    height: 15px !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-name {
    display: none !important;
}

@media (max-width: 700px) {
    .home .site-footer-inner > .home-socials-inner {
        padding: 14px 22px !important;

        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .home .site-footer-inner > .home-socials-inner .home-socials-list {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}


/* SOCIAL ICONS: improve contrast in footer */

.home .site-footer-inner > .home-socials-inner .home-social-link {
    border-color: rgba(255,255,255,.18) !important;
    background: rgba(255,255,255,.055) !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-icon svg {
    fill: rgba(255,255,255,.86) !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link:hover {
    border-color: rgba(88,183,255,.48) !important;
    background: rgba(88,183,255,.12) !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link:hover .home-social-icon svg {
    fill: #ffffff !important;
}


/* =========================================================
   GLOBAL FOOTER SOCIAL STRIP
   ========================================================= */

.site-footer-inner > .home-socials-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 16px 48px !important;

    border-top: 1px solid rgba(255,255,255,.08) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    background: rgba(255,255,255,.018) !important;

    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-footer-inner > .home-socials-inner .home-socials-copy {
    max-width: none !important;
}

.site-footer-inner > .home-socials-inner .home-socials-kicker {
    margin: 0 0 3px !important;
    color: #58b7ff !important;

    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

.site-footer-inner > .home-socials-inner .home-socials-title {
    margin: 0 !important;

    color: rgba(255,255,255,.66) !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

.site-footer-inner > .home-socials-inner .home-socials-list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    flex-wrap: nowrap !important;
}

.site-footer-inner > .home-socials-inner .home-social-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;

    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 50% !important;

    background: rgba(255,255,255,.055) !important;

    box-shadow: none !important;
}

.site-footer-inner > .home-socials-inner .home-social-icon,
.site-footer-inner > .home-socials-inner .home-social-icon svg {
    width: 15px !important;
    height: 15px !important;
}

.site-footer-inner > .home-socials-inner .home-social-icon svg {
    fill: rgba(255,255,255,.86) !important;
}

.site-footer-inner > .home-socials-inner .home-social-name {
    display: none !important;
}

.site-footer-inner > .home-socials-inner .home-social-link:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(88,183,255,.48) !important;
    background: rgba(88,183,255,.12) !important;
}

.site-footer-inner > .home-socials-inner .home-social-link:hover .home-social-icon svg {
    fill: #fff !important;
}

@media (max-width:700px) {
    .site-footer-inner > .home-socials-inner {
        padding: 14px 22px !important;
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    .site-footer-inner > .home-socials-inner .home-socials-list {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}


/* =========================================================
   FINAL DESKTOP VERTICAL RHYTHM
   ========================================================= */

@media (min-width: 901px) {

    /* Первый экран */
    .home main {
        padding-top: 14px !important;
    }

    /* Свежие публикации */
    .home .latest-section {
        margin-top: 32px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Рубрики + Видео */
    .home .home-explore-grid {
        margin-top: 44px !important;
    }

    /* Идеология */
    .home .home-ideology {
        margin-top: 48px !important;
    }
}


/* =========================================================
   FINAL MOBILE HOME: TOP
   ========================================================= */

@media (max-width: 700px) {

    /* Общая геометрия */
    .home main {
        width: 100% !important;
        padding-top: 10px !important;
    }

    /* HERO */
    .home .hero {
        width: 100% !important;
        max-width: none !important;

        grid-template-columns: 1fr !important;
        gap: 18px !important;

        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .home .hero-featured-wrap {
        width: 100% !important;
        padding: 0 !important;
        gap: 7px !important;
    }

    .home .hero-featured-label {
        font-size: 10px !important;
        letter-spacing: .13em !important;
    }

    /* Слайдер */
    .home .hero-slider {
        width: 100% !important;
    }

    .home .hero-slider-track,
    .home .hero-slide {
        width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;
    }

    .home .hero-slide {
        padding: 20px 18px !important;
        border-radius: 20px !important;
        box-sizing: border-box !important;
    }

    .home .hero-slider .hero-card-content {
        width: calc(100% - 36px) !important;
        padding-bottom: 50px !important;
    }

    .home .hero-slider .hero-card-content h2 {
        font-size: 24px !important;
        line-height: 1.08 !important;

        min-height: calc(1.08em * 3) !important;
        max-height: calc(1.08em * 3) !important;

        margin-top: 9px !important;
        margin-bottom: 10px !important;
    }

    .home .hero-card-meta {
        height: 23px !important;
        min-height: 23px !important;
        gap: 7px !important;
    }

    .home .hero-card-meta .hero-card-date {
        font-size: 10px !important;
    }

    .home .hero-card-meta .hero-card-category {
        padding: 4px 8px !important;
        font-size: 8px !important;
    }

    .home .hero-card-more {
        font-size: 11px !important;
    }

    .home .hero-slider-controls {
        left: 16px !important;
        right: 16px !important;
        bottom: 12px !important;
    }

    /* Популярное теперь нормальный блок под слайдером */
    .home .hero-popular-module {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin-top: 0 !important;
        padding: 18px 17px 14px !important;

        border-radius: 20px !important;
        box-sizing: border-box !important;
    }

    .home .hero-popular-heading {
        margin-bottom: 4px !important;
    }

    .home .hero-popular-heading h2 {
        font-size: 22px !important;
    }

    .home .hero-popular-kicker {
        font-size: 8px !important;
    }

    .home .hero-popular-icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .home .hero-popular-item {
        grid-template-columns: 28px minmax(0,1fr) !important;
        gap: 9px !important;
        padding: 11px 0 !important;
    }

    .home .hero-popular-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .home .hero-popular-meta {
        font-size: 9px !important;
    }

    /* СВЕЖИЕ */
    .home .latest-section {
        width: 100% !important;

        margin-top: 30px !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;
    }

    .home .latest-section-header {
        align-items: flex-end !important;
        gap: 12px !important;
        margin-bottom: 18px !important;
    }

    .home .latest-header h2 {
        font-size: 28px !important;
    }

    .home .latest-section a[href*="/materials"] {
        min-height: 36px !important;
        padding-left: 13px !important;
        padding-right: 42px !important;
    }
}


/* =========================================================
   MOBILE HEADER: COMPACT TOP BAR
   ========================================================= */

.mobile-menu-toggle {
    display: none;
}

@media (max-width: 700px) {

    .site-header {
        position: relative !important;
    }

    /* Верхняя брендовая полоса */
    .cwt-brandbar {
        padding: 0 !important;
    }

    .cwt-brandbar-inner {
        min-height: 62px !important;
        padding: 8px 16px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .cwt-brand-logo {
        width: 92px !important;
        max-width: 92px !important;
        flex: 0 0 92px !important;
    }

    .cwt-brand-logo img {
        display: block !important;
        width: 92px !important;
        height: auto !important;
    }

    /* Большое название движения на телефоне не показываем */
    .cwt-brand-title {
        display: none !important;
    }

    /* Нижняя строка шапки превращается в компактную панель справа */
    .header-inner {
        position: absolute !important;
        top: 0 !important;
        right: 16px !important;

        width: auto !important;
        min-height: 62px !important;

        padding: 0 !important;
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .sticky-menu-logo {
        display: none !important;
    }

    .main-nav {
        display: none !important;
    }

    /* Язык */
    .language-switcher {
        order: 1 !important;
        margin: 0 !important;
    }

    .language-current {
        min-height: 38px !important;
        padding: 0 10px !important;

        border: 1px solid rgba(19,41,61,.12) !important;
        border-radius: 10px !important;

        background: rgba(255,255,255,.72) !important;

        font-size: 11px !important;
    }

    .language-current img {
        width: 18px !important;
        height: auto !important;
    }

    /* Бургер */
    .mobile-menu-toggle {
        order: 2 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;

        width: 40px !important;
        height: 40px !important;

        padding: 0 !important;

        border: 1px solid rgba(19,41,61,.12) !important;
        border-radius: 11px !important;

        background: rgba(255,255,255,.72) !important;

        cursor: pointer !important;
    }

    .mobile-menu-toggle span {
        display: block !important;

        width: 17px !important;
        height: 2px !important;

        border-radius: 2px !important;

        background: #183249 !important;

        transition: transform .2s ease, opacity .2s ease !important;
    }
}


/* =========================================================
   FINAL MOBILE HEADER GEOMETRY
   ========================================================= */

@media (max-width: 700px) {

    html,
    body {
        overflow-x: hidden !important;
    }

    .site-header,
    body.is-scrolled .site-header {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        right: auto !important;

        width: 100% !important;

        transform: none !important;
    }

    .cwt-brandbar {
        width: 100% !important;
        min-height: 64px !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .cwt-brandbar-inner,
    .cwt-brandbar .container {
        position: relative !important;

        width: 100% !important;
        max-width: none !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 8px 16px !important;

        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .cwt-brand-logo,
    body.home .cwt-brand-logo {
        position: relative !important;
        z-index: 20 !important;

        display: flex !important;
        align-items: center !important;

        width: 94px !important;
        max-width: 94px !important;
        flex: 0 0 94px !important;

        margin: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .cwt-brand-logo img,
    body.home .cwt-brand-logo img {
        display: block !important;

        width: 94px !important;
        max-width: 94px !important;
        height: auto !important;

        opacity: 1 !important;
        visibility: visible !important;

        animation: none !important;
        transform: none !important;
    }

    .cwt-brand-title {
        display: none !important;
    }

    .site-header > .header-inner,
    body.is-scrolled .site-header > .header-inner {
        position: absolute !important;
        z-index: 30 !important;

        top: 0 !important;
        left: auto !important;
        right: 16px !important;

        width: auto !important;
        max-width: none !important;
        min-height: 64px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        transform: none !important;
    }

    .sticky-menu-logo,
    body.is-scrolled .sticky-menu-logo {
        display: none !important;
    }

    .main-nav,
    .cwt-main-nav,
    body.is-scrolled .cwt-main-nav {
        display: none !important;
    }

    .language-switcher,
    body.is-scrolled .language-switcher {
        order: 1 !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    .language-current {
        min-width: 68px !important;
        height: 40px !important;
        min-height: 40px !important;

        padding: 0 10px !important;

        color: #eef5fb !important;

        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 12px !important;

        background: rgba(255,255,255,.07) !important;
    }

    .mobile-menu-toggle {
        order: 2 !important;

        display: flex !important;

        width: 40px !important;
        height: 40px !important;

        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 12px !important;

        background: rgba(255,255,255,.07) !important;
    }

    .mobile-menu-toggle span {
        background: #eef5fb !important;
    }
}


/* =========================================================
   MOBILE HOME ORDER: FEATURED -> LATEST -> POPULAR
   ========================================================= */

@media (max-width: 760px) {

    .home main {
        display: flex !important;
        flex-direction: column !important;
    }

    .home .hero {
        display: contents !important;
    }

    .home .hero-featured-wrap {
        order: 1 !important;
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .home .latest-section {
        order: 2 !important;
    }

    .home .hero-popular-module {
        order: 3 !important;

        margin: 28px 16px 0 !important;
        width: auto !important;
    }

    .home .home-explore-grid {
        order: 4 !important;
    }

    .home .home-ideology {
        order: 5 !important;
    }

    /* На мобильном стрелка в Популярном не нужна */
    .home .hero-popular-icon {
        display: none !important;
    }
}


/* =========================================================
   MOBILE NAV PANEL
   ========================================================= */

@media (max-width: 760px) {

    .cwt-main-nav.is-mobile-open {
        position: absolute !important;
        z-index: 5000 !important;

        top: 64px !important;
        left: 12px !important;
        right: 12px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;

        width: auto !important;
        max-height: calc(100vh - 82px) !important;
        overflow-y: auto !important;

        margin: 0 !important;
        padding: 10px !important;

        border: 1px solid rgba(255,255,255,.10) !important;
        border-radius: 16px !important;

        background: rgba(10,24,36,.98) !important;

        box-shadow: 0 18px 45px rgba(0,0,0,.26) !important;

        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    .cwt-main-nav.is-mobile-open > a,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 46px !important;

        padding: 0 12px !important;

        border-radius: 10px !important;

        color: rgba(255,255,255,.90) !important;

        font-size: 14px !important;
        font-weight: 650 !important;

        box-sizing: border-box !important;
    }

    .cwt-main-nav.is-mobile-open > a:hover,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu > a:hover {
        background: rgba(88,183,255,.08) !important;
    }

    .cwt-main-nav.is-mobile-open .menu-item-has-submenu {
        display: block !important;
        width: 100% !important;
    }

    /* Подменю на мобильном показываем прямо внутри панели */
    .cwt-main-nav.is-mobile-open .cwt-submenu,
    .cwt-main-nav.is-mobile-open .cwt-submenu-level2 {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-height: none !important;

        margin: 2px 0 6px !important;
        padding: 4px 8px !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;

        border: 0 !important;
        border-radius: 10px !important;

        background: rgba(255,255,255,.025) !important;

        box-shadow: none !important;
    }

    .cwt-main-nav.is-mobile-open .cwt-submenu a {
        padding: 9px 10px !important;

        color: rgba(255,255,255,.68) !important;

        font-size: 12px !important;
    }

    .cwt-main-nav.is-mobile-open .submenu-arrow,
    .cwt-main-nav.is-mobile-open .menu-arrow {
        display: none !important;
    }

    /* Поиск внизу меню */
    .cwt-main-nav.is-mobile-open .header-search {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 8px 0 0 !important;
    }

    .cwt-main-nav.is-mobile-open .header-search input {
        width: 100% !important;
        height: 42px !important;

        box-sizing: border-box !important;
    }

    /* Анимация бургера в крест */
    .mobile-menu-toggle.is-active span:nth-child(1) {
        transform: translateY(6px) rotate(45deg) !important;
    }

    .mobile-menu-toggle.is-active span:nth-child(2) {
        opacity: 0 !important;
    }

    .mobile-menu-toggle.is-active span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg) !important;
    }
}


/* =========================================================
   MOBILE NAV: FULL WIDTH PANEL FIX
   ========================================================= */

@media (max-width: 760px) {

    .cwt-main-nav.is-mobile-open {
        position: fixed !important;
        z-index: 9999 !important;

        top: 72px !important;
        left: 12px !important;
        right: auto !important;

        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;

        max-height: calc(100vh - 90px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;

        margin: 0 !important;
        padding: 10px !important;

        box-sizing: border-box !important;

        border-radius: 18px !important;

        background: rgba(8,22,34,.985) !important;

        box-shadow:
            0 20px 55px rgba(0,0,0,.30) !important;
    }

    .cwt-main-nav.is-mobile-open > a,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu > a {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .cwt-main-nav.is-mobile-open .cwt-submenu,
    .cwt-main-nav.is-mobile-open .cwt-submenu-level2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    .cwt-main-nav.is-mobile-open .cwt-submenu a {
        width: 100% !important;
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   MOBILE FIX: FEATURED OVERFLOW
   ========================================================= */

@media (max-width: 760px) {

    .home .hero-featured-wrap {
        width: auto !important;
        max-width: none !important;

        margin-left: 16px !important;
        margin-right: 16px !important;

        box-sizing: border-box !important;
    }

    .home .hero-slider,
    .home .hero-slider-track,
    .home .hero-slide {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}



/* =========================================================
   MOBILE NAV ACCORDION
   ========================================================= */

@media (max-width: 760px) {

    /* Подменю по умолчанию закрыты */
    .cwt-main-nav.is-mobile-open .menu-item-has-submenu > .cwt-submenu,
    .cwt-main-nav.is-mobile-open .submenu-item-has-submenu > .cwt-submenu {
        display: none !important;

        position: static !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 2px 0 7px !important;
        padding: 5px !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-radius: 11px !important;

        background: rgba(255,255,255,.025) !important;

        box-shadow: none !important;
    }

    /* Открываем только активный раздел */
    .cwt-main-nav.is-mobile-open
    .menu-item-has-submenu.is-open > .cwt-submenu,

    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu.is-open > .cwt-submenu {
        display: block !important;
    }

    /* Основные пункты */
    .cwt-main-nav.is-mobile-open
    > .menu-item-has-submenu > a {
        position: relative !important;

        padding-right: 42px !important;
    }

    /* Возвращаем стрелки */
    .cwt-main-nav.is-mobile-open .menu-arrow,
    .cwt-main-nav.is-mobile-open .submenu-arrow {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        transition: transform .2s ease !important;
    }

    .cwt-main-nav.is-mobile-open .menu-arrow {
        position: absolute !important;
        right: 14px !important;

        font-size: 12px !important;
    }

    .cwt-main-nav.is-mobile-open
    .menu-item-has-submenu.is-open > a .menu-arrow {
        transform: rotate(180deg) !important;
    }

    /* Категории — второй уровень */
    .cwt-main-nav.is-mobile-open .submenu-item-has-submenu > a {
        color: rgba(255,255,255,.82) !important;

        background: rgba(255,255,255,.025) !important;
    }

    .cwt-main-nav.is-mobile-open .submenu-arrow {
        font-size: 16px !important;
    }

    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu.is-open > a .submenu-arrow {
        transform: rotate(90deg) !important;
    }

    /* Сами ссылки второго уровня */
    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2 {
        margin-top: 5px !important;
        padding: 5px 7px !important;

        background: rgba(255,255,255,.035) !important;
    }

    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2 a {
        min-height: 40px !important;

        display: flex !important;
        align-items: center !important;

        padding: 8px 10px !important;

        font-size: 12px !important;
        line-height: 1.3 !important;
    }
}


/* MOBILE NAV: fit panel to content */

@media (max-width: 760px) {

    .cwt-main-nav.is-mobile-open {
        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;

        height: auto !important;
        min-height: 0 !important;

        max-height: calc(100dvh - 90px) !important;

        align-self: flex-start !important;
    }
}


/* FIX: mobile menu search must not stretch vertically */
@media (max-width: 760px) {
    .cwt-main-nav.is-mobile-open .header-search {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
    }
}


/* =========================================================
   MOBILE LATEST — COMPACT EDITORIAL LIST
   ========================================================= */

@media (max-width: 760px) {

    .home .latest-section .latest-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .home .latest-section .latest-card,
    .home .latest-section .latest-card:first-child {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        grid-column: auto !important;
        grid-row: auto !important;

        border-radius: 16px !important;

        overflow: hidden !important;
    }

    .home .latest-section .latest-card-link {
        display: grid !important;
        grid-template-columns: 118px minmax(0, 1fr) !important;
        align-items: stretch !important;

        width: 100% !important;
        height: auto !important;
        min-height: 112px !important;
    }

    .home .latest-section .latest-card .latest-card-image,
    .home .latest-section .latest-card:first-child .latest-card-image {
        width: 118px !important;
        height: 100% !important;
        min-height: 112px !important;

        aspect-ratio: auto !important;

        border-radius: 0 !important;
    }

    .home .latest-section .latest-card-image img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
    }

    .home .latest-section .latest-card-body {
        min-width: 0 !important;

        padding: 12px 13px 12px !important;
    }

    .home .latest-section .latest-card-meta {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        gap: 5px 7px !important;

        margin-bottom: 7px !important;
    }

    .home .latest-section .latest-card-category {
        max-width: 100% !important;

        padding: 4px 7px !important;

        font-size: 8px !important;
        line-height: 1.1 !important;
        letter-spacing: .045em !important;

        white-space: normal !important;
    }

    .home .latest-section .latest-card-date {
        font-size: 9px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }

    .home .latest-section .latest-card h3,
    .home .latest-section .latest-card:first-child h3 {
        margin: 0 !important;

        font-size: 14px !important;
        line-height: 1.27 !important;
        letter-spacing: -.01em !important;

        -webkit-line-clamp: 4 !important;
    }
}


/* =========================================================
   MOBILE HOME: RUBRICS + VIDEO
   ========================================================= */

@media (max-width: 760px) {

    /* Общий блок */
    .home .home-explore-grid {
        width: 100% !important;
        max-width: none !important;

        margin: 34px 0 0 !important;
        padding: 0 16px !important;

        grid-template-columns: 1fr !important;
        gap: 34px !important;

        box-sizing: border-box !important;
    }

    /* Заголовки */
    .home .home-topics-header,
    .home .home-video-header {
        align-items: center !important;

        margin-bottom: 16px !important;
    }

    .home .home-topics-header h2,
    .home .home-video-header h2 {
        font-size: 28px !important;
        line-height: 1.05 !important;
    }


    /* =========================
       РУБРИКИ
       ========================= */

    .home .home-category-grid,
    .home .home-explore-grid .home-category-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;

        gap: 10px !important;
    }

    .home .home-category-item,
    .home .home-explore-grid .home-category-item {
        min-height: 88px !important;

        padding: 13px 36px 13px 13px !important;

        border-radius: 15px !important;
    }

    .home .home-category-copy {
        gap: 5px !important;
    }

    .home .home-category-name {
        font-size: 12px !important;
        line-height: 1.18 !important;
    }

    .home .home-category-count {
        font-size: 9px !important;
    }

    .home .home-category-arrow {
        right: 10px !important;

        width: 24px !important;
        height: 24px !important;

        font-size: 12px !important;
    }

    .home .home-category-watermark,
    .home .home-explore-grid .home-category-watermark {
        width: 46px !important;
        height: 46px !important;

        right: 30px !important;

        opacity: .5 !important;
    }


    /* =========================
       ВИДЕО
       ========================= */

    .home .home-video-layout {
        display: block !important;
    }

    .home .home-video-featured-image,
    .home .home-video-featured-image img,
    .home .home-explore-grid .home-video-featured-image,
    .home .home-explore-grid .home-video-featured-image img {
        height: 220px !important;
        min-height: 0 !important;
    }

    .home .home-video-featured-image {
        border-radius: 18px !important;
    }

    .home .home-video-featured-play {
        width: 40px !important;
        height: 40px !important;

        left: 14px !important;
        top: 14px !important;
    }

    .home .home-video-featured-copy {
        left: 16px !important;
        right: 16px !important;
        bottom: 15px !important;
    }

    .home .home-video-featured-title,
    .home .home-explore-grid .home-video-featured-title {
        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    .home .home-video-secondary,
    .home .home-explore-grid .home-video-secondary {
        gap: 10px !important;

        margin-top: 10px !important;
    }

    .home .home-video-secondary-item,
    .home .home-explore-grid .home-video-secondary-item {
        grid-template-columns: 108px minmax(0,1fr) !important;

        min-height: 82px !important;

        padding: 7px !important;
        gap: 10px !important;

        border-radius: 14px !important;
    }

    .home .home-video-secondary-image,
    .home .home-explore-grid .home-video-secondary-image {
        width: 108px !important;
        height: 68px !important;

        border-radius: 10px !important;
    }

    .home .home-video-secondary-title,
    .home .home-explore-grid .home-video-secondary-title {
        font-size: 12px !important;
        line-height: 1.25 !important;

        -webkit-line-clamp: 3 !important;
    }

    .home .home-video-secondary-date {
        font-size: 9px !important;
    }
}


/* MOBILE RUBRICS: softer watermark icons */

@media (max-width: 700px) {

    .home .home-category-watermark,
    .home .home-explore-grid .home-category-watermark {
        width: 40px !important;
        height: 40px !important;

        right: 38px !important;

        opacity: .24 !important;

        filter: saturate(.8) !important;

        pointer-events: none !important;
    }

    .home .home-category-item,
    .home .home-explore-grid .home-category-item {
        padding-right: 44px !important;
    }

    .home .home-category-copy {
        max-width: calc(100% - 34px) !important;
    }
}


/* =========================================================
   MOBILE VIDEO — FINAL POLISH
   ========================================================= */

@media (max-width: 700px) {

    /* Меньше пустоты после заголовка */
    .home .home-video-header {
        margin-bottom: 14px !important;
    }

    .home .home-video-section {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Главное видео чуть компактнее */
    .home .home-video-featured-image,
    .home .home-video-featured-image img,
    .home .home-explore-grid .home-video-featured-image,
    .home .home-explore-grid .home-video-featured-image img {
        height: 205px !important;
    }

    /* Текст поднимаем выше от нижнего края */
    .home .home-video-featured-copy,
    .home .home-explore-grid .home-video-featured-copy {
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;
        gap: 6px !important;
    }

    .home .home-video-featured-date {
        font-size: 9px !important;
        line-height: 1 !important;
        opacity: .88 !important;
    }

    .home .home-video-featured-title,
    .home .home-explore-grid .home-video-featured-title {
        font-size: 16px !important;
        line-height: 1.18 !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Вторичные видео немного плотнее */
    .home .home-video-secondary,
    .home .home-explore-grid .home-video-secondary {
        margin-top: 10px !important;
        gap: 9px !important;
    }

    .home .home-video-secondary-item,
    .home .home-explore-grid .home-video-secondary-item {
        min-height: 78px !important;
    }
}


/* =========================================================
   MOBILE VIDEO: CLEAN PLAY BUTTON + SIZE OVERRIDES
   ========================================================= */

@media (max-width: 700px) {

    .home .home-explore-grid .home-video-featured-image,
    .home .home-explore-grid .home-video-featured-image img {
        height: 205px !important;
        min-height: 205px !important;
        max-height: 205px !important;
    }

    .home .home-explore-grid .home-video-featured-play {
        width: 42px !important;
        height: 42px !important;

        left: 14px !important;
        top: 14px !important;

        font-size: 0 !important;

        border: 1px solid rgba(255,255,255,.28) !important;
        background: rgba(8,25,38,.72) !important;

        box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
    }

    .home .home-explore-grid .home-video-featured-play::before {
        content: "" !important;

        display: block !important;

        width: 0 !important;
        height: 0 !important;

        margin-left: 3px !important;

        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important;
        border-left: 11px solid #fff !important;
    }

    .home .home-explore-grid .home-video-featured-copy {
        left: 16px !important;
        right: 16px !important;
        bottom: 16px !important;
    }

    .home .home-explore-grid .home-video-featured-title {
        font-size: 16px !important;
        line-height: 1.18 !important;
    }
}


/* =========================================================
   MOBILE VIDEO: SECONDARY PLAY BUTTONS
   ========================================================= */

@media (max-width: 700px) {

    .home .home-video-secondary-play,
    .home .home-explore-grid .home-video-secondary-play {
        width: 26px !important;
        height: 26px !important;

        left: 7px !important;
        bottom: 7px !important;

        font-size: 0 !important;

        border: 1px solid rgba(255,255,255,.28) !important;
        background: rgba(8,25,38,.72) !important;

        box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
    }

    .home .home-video-secondary-play::before,
    .home .home-explore-grid .home-video-secondary-play::before {
        content: "" !important;

        display: block !important;

        width: 0 !important;
        height: 0 !important;

        margin-left: 2px !important;

        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important;
        border-left: 7px solid #fff !important;
    }
}


/* =========================================================
   MOBILE: IDEOLOGY + FOOTER FULL WIDTH
   ========================================================= */

@media (max-width: 700px) {

    .home .home-ideology {
        width: 100% !important;
        max-width: none !important;

        margin: 36px 0 0 !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;
    }

    .home .home-ideology-inner {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        border-radius: 22px 22px 0 0 !important;
    }

    .home .site-footer {
        width: 100% !important;
        max-width: none !important;

        margin: 0 0 24px !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;
    }

    .home .site-footer-inner {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        border-radius: 0 0 22px 22px !important;
    }
}


/* =========================================================
   MOBILE IDEOLOGY — COMPACT LAYOUT
   ========================================================= */

@media (max-width: 700px) {

    .home .home-ideology-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        min-height: 0 !important;

        padding: 24px 22px 26px !important;
        gap: 18px !important;
    }

    /* Логотип становится компактным элементом */
    .home .home-ideology-logo {
        order: 0 !important;

        width: 145px !important;
        max-width: 145px !important;
        flex: none !important;

        margin: 0 0 2px !important;

        align-self: flex-start !important;

        opacity: .92 !important;
    }

    .home .home-ideology-logo::before {
        inset: -30px !important;
        opacity: .55 !important;
    }

    /* Текст */
    .home .home-ideology-content {
        order: 1 !important;

        width: 100% !important;
        max-width: none !important;
    }

    .home .home-ideology-kicker {
        margin-bottom: 9px !important;

        font-size: 10px !important;
        letter-spacing: .13em !important;
    }

    .home .home-ideology-title {
        max-width: 100% !important;

        font-size: 25px !important;
        line-height: 1.08 !important;
        letter-spacing: -.025em !important;
    }

    /* Кнопки 2 + 1 */
    .home .home-ideology-links {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;

        gap: 8px !important;

        margin-top: 20px !important;
    }

    .home .home-ideology-links a {
        min-height: 42px !important;

        padding: 9px 11px !important;

        justify-content: space-between !important;
        gap: 8px !important;

        border-radius: 13px !important;

        font-size: 11px !important;
        line-height: 1.15 !important;

        box-sizing: border-box !important;
    }

    .home .home-ideology-links a:nth-child(3) {
        grid-column: 1 / -1 !important;
    }

    .home .home-ideology-links span {
        flex: 0 0 auto !important;
        font-size: 14px !important;
    }
}


/* =========================================================
   MOBILE FOOTER — COMPACT FINAL LAYOUT
   ========================================================= */

@media (max-width: 700px) {

    /* Основная часть футера */
    .home .site-footer-top {
        padding: 24px 22px 20px !important;
    }

    .home .site-footer-brand {
        margin: 0 0 20px !important;
    }

    .home .site-footer-brand-text {
        max-width: 100% !important;

        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    /* Навигация */
    .home .site-footer-nav {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;

        gap: 10px 24px !important;

        margin: 0 !important;
    }

    .home .site-footer-nav a {
        padding: 0 !important;

        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    /* Соцсети */
    .home .site-footer-inner > .home-socials-inner {
        padding: 16px 22px 18px !important;

        gap: 10px !important;
    }

    .home .site-footer-inner > .home-socials-inner .home-socials-kicker {
        margin-bottom: 4px !important;
    }

    .home .site-footer-inner > .home-socials-inner .home-socials-title {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .home .site-footer-inner > .home-socials-inner .home-socials-list {
        gap: 7px !important;
    }

    .home .site-footer-inner > .home-socials-inner .home-social-link {
        width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    .home .site-footer-inner > .home-socials-inner .home-social-icon,
    .home .site-footer-inner > .home-socials-inner .home-social-icon svg {
        width: 14px !important;
        height: 14px !important;
    }

    /* Нижняя строка */
    .home .site-footer-bottom {
        padding: 17px 22px 20px !important;

        gap: 7px !important;
    }

    .home .site-footer-bottom,
    .home .site-footer-contact,
    .home .site-footer-contact a {
        font-size: 11px !important;
        line-height: 1.3 !important;
    }
}


/* =========================================================
   CWT MODERN GOLD — BRAND PALETTE FOUNDATION
   ========================================================= */

:root {
    --cwt-gold: #c79a3b;
    --cwt-gold-light: #e1c16a;
    --cwt-gold-dark: #8c651e;

    --cwt-navy: #0b1827;
    --cwt-navy-2: #142a43;

    --cwt-ivory: #f6f4ee;

    --cwt-text: #132033;
    --cwt-muted: #77818c;
}

/* Общий светлый фон становится теплее */
body,
.home {
    background: var(--cwt-ivory) !important;
}

/* Верхняя брендовая зона */
.cwt-brandbar {
    background:
        linear-gradient(
            135deg,
            #102036 0%,
            var(--cwt-navy) 58%,
            #08131f 100%
        ) !important;
}

/* Навигация */
.site-header > .header-inner {
    background: #08131f !important;
}

/* Основной фирменный заголовок */
.cwt-brand-title {
    color: #f7f5ef !important;
}

/* Акцентные микро-заголовки */
.home .hero-featured-label,
.home .latest-kicker,
.home .home-topics-kicker,
.home .home-video-kicker,
.home .home-ideology-kicker {
    color: var(--cwt-gold) !important;
}

/* Популярное — фирменная линия */
.home .hero-popular-module::before {
    background:
        linear-gradient(
            90deg,
            var(--cwt-gold-dark),
            var(--cwt-gold-light)
        ) !important;
}

/* Цифры в популярном */
.home .hero-popular-number {
    color: var(--cwt-gold) !important;
}

/* Ссылки и стрелки брендового уровня */
.home .hero-popular-icon,
.home .home-video-all span,
.home .home-ideology-links span {
    color: var(--cwt-gold) !important;
}

/* Все материалы */
.home .latest-section a[href*="/materials"] {
    border-color: rgba(199,154,59,.38) !important;
    color: var(--cwt-text) !important;
}

.home .latest-section a[href*="/materials"]::after {
    color: var(--cwt-gold-dark) !important;
    border-color: rgba(199,154,59,.30) !important;
    background: rgba(199,154,59,.08) !important;
}

/* Активная точка hero-слайдера */
.home .hero-slider-dot.is-active,
.home .hero-slider-dot.active {
    background: var(--cwt-gold-light) !important;
}

/* Неактивные точки */
.home .hero-slider-dot {
    background: rgba(140,101,30,.38) !important;
}

/* Идеология / футер */
.home-ideology-inner,
.site-footer-inner {
    background:
        radial-gradient(circle at 82% 20%, rgba(199,154,59,.10), transparent 32%),
        linear-gradient(135deg, var(--cwt-navy-2) 0%, var(--cwt-navy) 100%) !important;
}


/* =========================================================
   CWT GOLD — FIRST SCREEN REFINEMENT
   ========================================================= */

:root {
    --cwt-gold: #c69a3a;
    --cwt-gold-light: #e3c66f;
    --cwt-gold-dark: #93691f;
    --cwt-gold-soft: rgba(198,154,58,.12);
}

/* Все фирменные надзаголовки первого экрана */
.home .hero-featured-label,
.home .latest-header .eyebrow,
.home .latest-header .section-kicker,
.home .latest-section .section-kicker,
.home .latest-section [class*="kicker"] {
    color: var(--cwt-gold) !important;
}

/* Верхняя линия блока Популярное */
.home .hero-popular-module {
    border-top-color: rgba(198,154,58,.72) !important;
}

.home .hero-popular-module::before {
    background: linear-gradient(
        90deg,
        var(--cwt-gold-dark),
        var(--cwt-gold-light)
    ) !important;
}

/* Номера популярного */
.home .hero-popular-number {
    color: var(--cwt-gold) !important;
}

/* Кнопка со стрелкой в Популярном */
.home .hero-popular-icon {
    color: var(--cwt-gold-dark) !important;
    border-color: rgba(198,154,58,.28) !important;
    background: rgba(198,154,58,.06) !important;
}

/* Слайдер: активная точка — светлое золото */
.home .hero-slider-dot {
    background: rgba(147,105,31,.46) !important;
}

.home .hero-slider-dot.is-active,
.home .hero-slider-dot.active {
    background: var(--cwt-gold-light) !important;
}

/* Все материалы */
.home .latest-section a[href*="/materials"] {
    border-color: rgba(198,154,58,.42) !important;
    background: rgba(255,255,255,.55) !important;
}

.home .latest-section a[href*="/materials"]::after {
    color: var(--cwt-gold-dark) !important;
    border-color: rgba(198,154,58,.32) !important;
    background: var(--cwt-gold-soft) !important;
}

/* Тонкое золотое состояние при наведении */
.home .latest-section a[href*="/materials"]:hover {
    border-color: rgba(198,154,58,.72) !important;
    box-shadow: 0 7px 20px rgba(147,105,31,.08) !important;
}


/* =========================================================
   CWT GOLD — TYPOGRAPHY + HEADER / MENU
   ========================================================= */

/* Подключение Manrope */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --cwt-gold: #c69a3a;
    --cwt-gold-light: #e4c86f;
    --cwt-gold-dark: #8f661f;

    --cwt-navy: #091522;
    --cwt-navy-2: #11263a;

    --cwt-cream: #f5f1e8;
    --cwt-cream-muted: #d8d2c5;
}

/* Основная типографика */
body,
button,
input,
select,
textarea {
    font-family: 'Manrope', Arial, sans-serif !important;
}

/* Крупные заголовки */
h1,
h2,
h3,
h4,
h5,
h6,
.cwt-brand-title,
.home .latest-header h2,
.home .home-topics-header h2,
.home .home-video-header h2 {
    font-family: 'Manrope', Arial, sans-serif !important;
}

/* Верхняя бренд-зона */
.cwt-brandbar {
    background:
        linear-gradient(
            135deg,
            #132a43 0%,
            #0c1b2c 55%,
            #08131f 100%
        ) !important;

    border-bottom: 1px solid rgba(198,154,58,.18) !important;
}

/* Название движения */
.cwt-brand-title {
    color: var(--cwt-cream) !important;

    font-weight: 800 !important;
    letter-spacing: -.015em !important;
}

/* Нижняя панель меню */
.site-header > .header-inner {
    background: #08131f !important;

    border-top: 1px solid rgba(255,255,255,.025) !important;
    border-bottom: 1px solid rgba(198,154,58,.12) !important;
}

/* Главное меню */
.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    color: rgba(245,241,232,.88) !important;

    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;

    transition:
        color .18s ease,
        opacity .18s ease !important;
}

/* Убираем старую синюю линию */
.cwt-main-nav a::after {
    background: var(--cwt-gold) !important;
}

/* Hover */
.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: var(--cwt-gold-light) !important;
}

/* Стрелки меню */
.cwt-main-nav .menu-arrow,
.cwt-main-nav .submenu-arrow {
    color: rgba(228,200,111,.72) !important;
}

/* Подменю */
.cwt-submenu,
.cwt-submenu-level2 {
    background: #0d1c2b !important;

    border-color: rgba(198,154,58,.15) !important;

    box-shadow:
        0 18px 42px rgba(4,12,20,.28) !important;
}

/* Ссылки в подменю */
.cwt-submenu a,
.cwt-submenu-level2 a {
    color: rgba(245,241,232,.82) !important;
}

.cwt-submenu a:hover,
.cwt-submenu-level2 a:hover {
    color: var(--cwt-gold-light) !important;
    background: rgba(198,154,58,.07) !important;
}

/* Поиск */
.header-search {
    border-color: rgba(198,154,58,.18) !important;
}

.header-search input {
    color: var(--cwt-cream) !important;

    background: rgba(255,255,255,.045) !important;
    border-color: rgba(198,154,58,.18) !important;
}

.header-search input::placeholder {
    color: rgba(216,210,197,.48) !important;
}

.header-search input:focus {
    border-color: rgba(198,154,58,.45) !important;

    box-shadow:
        0 0 0 3px rgba(198,154,58,.07) !important;
}

/* Языковой переключатель */
.language-current {
    color: var(--cwt-cream) !important;

    background: rgba(255,255,255,.045) !important;
    border-color: rgba(198,154,58,.20) !important;
}

.language-current:hover {
    background: rgba(198,154,58,.08) !important;
    border-color: rgba(198,154,58,.38) !important;
}

.language-current .language-arrow {
    color: var(--cwt-gold) !important;
}

/* Фирменные микро-заголовки */
.home .hero-featured-label,
.home .latest-header .eyebrow,
.home .latest-section [class*="kicker"],
.home .home-topics-kicker,
.home .home-video-kicker,
.home .home-ideology-kicker {
    color: var(--cwt-gold) !important;

    font-family: 'Manrope', Arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
}

/* Крупные заголовки секций */
.home .latest-header h2,
.home .home-topics-header h2,
.home .home-video-header h2 {
    color: #152033 !important;

    font-weight: 800 !important;
    letter-spacing: -.035em !important;
}

/* Mobile header */
@media (max-width: 700px) {

    .language-current,
    .mobile-menu-toggle {
        background: rgba(255,255,255,.045) !important;
        border-color: rgba(198,154,58,.20) !important;
    }

    .mobile-menu-toggle span {
        background: var(--cwt-cream) !important;
    }

    .cwt-main-nav.is-mobile-open {
        background:
            linear-gradient(
                180deg,
                #0c1b2b 0%,
                #08131f 100%
            ) !important;

        border: 1px solid rgba(198,154,58,.16) !important;
    }

    .cwt-main-nav.is-mobile-open > a,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu > a {
        color: rgba(245,241,232,.92) !important;
    }

    .cwt-main-nav.is-mobile-open
    .menu-item-has-submenu.is-open > a {
        color: var(--cwt-gold-light) !important;
    }
}


/* =========================================================
   CWT GOLD — HEADER TYPOGRAPHY BALANCE
   ========================================================= */

@media (min-width: 901px) {

    /* Название движения — спокойнее и статуснее */
    .cwt-brand-title {
        font-size: 26px !important;
        line-height: 1.05 !important;
        font-weight: 700 !important;
        letter-spacing: .015em !important;
    }

    /* Главное меню чуть крупнее и читаемее */
    .cwt-main-nav > a,
    .cwt-main-nav > .menu-item-has-submenu > a {
        font-size: 14px !important;
        font-weight: 650 !important;
    }

    /* Более заметная золотая реакция меню */
    .cwt-main-nav > a:hover,
    .cwt-main-nav > .menu-item-has-submenu > a:hover {
        color: var(--cwt-gold-light) !important;
    }

    .cwt-main-nav a::after {
        height: 2px !important;
        background: linear-gradient(
            90deg,
            var(--cwt-gold-dark),
            var(--cwt-gold-light)
        ) !important;
    }
}


/* =========================================================
   CWT GOLD — PREMIUM HEADER REFINEMENT
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');

/* Верхняя часть — графитово-синяя вместо яркого navy */
.cwt-brandbar {
    background:
        radial-gradient(
            circle at 16% 35%,
            rgba(198,154,58,.055) 0%,
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #151b21 0%,
            #10171e 48%,
            #0b1117 100%
        ) !important;

    border-bottom: 1px solid rgba(198,154,58,.22) !important;
}

/* Нижняя строка меню — ещё глубже */
.site-header > .header-inner {
    background: #0a1016 !important;
    border-bottom: 1px solid rgba(198,154,58,.16) !important;
}

/* Название движения — отдельный фирменный шрифт */
.cwt-brand-title {
    font-family: 'PT Serif', Georgia, serif !important;

    color: #f4efe3 !important;

    font-size: 28px !important;
    line-height: 1.05 !important;

    font-weight: 700 !important;

    letter-spacing: .005em !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.04),
        0 2px 10px rgba(0,0,0,.18) !important;
}

/* Навигация остаётся современной */
.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    font-family: 'Manrope', Arial, sans-serif !important;

    color: rgba(244,239,227,.84) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
}

/* Hover — золото без ярко-жёлтого эффекта */
.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: #dfbd68 !important;
}

/* Поиск и язык под новую шапку */
.header-search input,
.language-current {
    background: rgba(255,255,255,.035) !important;
    border-color: rgba(198,154,58,.18) !important;
}


/* =========================================================
   CWT GOLD — SAPPHIRE HEADER
   ========================================================= */

.cwt-brandbar {
    background:
        radial-gradient(
            circle at 18% 42%,
            rgba(198,154,58,.08) 0%,
            rgba(198,154,58,.025) 24%,
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #0d2a42 0%,
            #0a2033 48%,
            #071724 100%
        ) !important;

    border-bottom: 1px solid rgba(211,171,75,.24) !important;
}

/* Нижняя навигационная полоса */
.site-header > .header-inner {
    background:
        linear-gradient(
            90deg,
            #06131f 0%,
            #081a29 50%,
            #06131f 100%
        ) !important;

    border-top: 1px solid rgba(255,255,255,.025) !important;
    border-bottom: 1px solid rgba(198,154,58,.18) !important;
}

/* Название движения чуть теплее */
.cwt-brand-title {
    color: #f4efe4 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.035),
        0 3px 14px rgba(0,0,0,.22) !important;
}

/* Меню */
.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    color: rgba(242,238,228,.88) !important;
}

.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: #e2bd63 !important;
}

/* Поиск */
.header-search input {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(207,164,63,.20) !important;
}

/* Язык */
.language-current {
    background: rgba(255,255,255,.04) !important;
    border-color: rgba(207,164,63,.22) !important;
}


/* =========================================================
   CWT GOLD — LIGHT PREMIUM HEADER
   ========================================================= */

.cwt-brandbar {
    background:
        linear-gradient(
            180deg,
            #f7f3ea 0%,
            #eee8dc 100%
        ) !important;

    border-bottom: 1px solid rgba(150,108,30,.28) !important;
}

/* Название движения на светлой части */
.cwt-brand-title {
    color: #1b2733 !important;

    text-shadow: none !important;

    font-family: 'PT Serif', Georgia, serif !important;
    font-weight: 700 !important;
}

/* Нижнее меню — контрастная темная полоса */
.site-header > .header-inner {
    background:
        linear-gradient(
            180deg,
            #121b24 0%,
            #0b131b 100%
        ) !important;

    border-top: 1px solid rgba(186,140,48,.32) !important;
    border-bottom: 1px solid rgba(186,140,48,.20) !important;
}

/* Навигация */
.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    color: rgba(247,243,234,.88) !important;
}

.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: #ddb95d !important;
}

/* Поиск */
.header-search input {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(221,185,93,.22) !important;
}

/* Языковой переключатель */
.language-current {
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(221,185,93,.24) !important;
}

/* Подменю */
.cwt-submenu,
.cwt-submenu-level2 {
    background: #111a23 !important;
    border-color: rgba(221,185,93,.18) !important;
}


/* =========================================================
   CWT GOLD — EDITORIAL MEDIA NAVIGATION
   ========================================================= */

/* Светлая редакционная навигация */
.site-header > .header-inner {
    background: #f7f3ea !important;

    border-top: 1px solid rgba(34,43,52,.12) !important;
    border-bottom: 1px solid rgba(34,43,52,.20) !important;

    box-shadow: none !important;
}

/* Основные пункты */
.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    color: #202a33 !important;

    font-family: 'Manrope', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: -.015em !important;
}

/* Убираем ощущение кнопок */
.cwt-main-nav a::after {
    bottom: 1px !important;
    height: 2px !important;

    background: #b88a2d !important;
}

/* Hover */
.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: #a97920 !important;
}

/* Стрелки */
.cwt-main-nav .menu-arrow {
    color: #a98238 !important;
}

/* Поиск — редакционный, лёгкий */
.header-search input {
    background: transparent !important;

    color: #27313a !important;

    border: 1px solid #d4cec1 !important;
    border-radius: 999px !important;

    box-shadow: none !important;
}

.header-search input::placeholder {
    color: #8e8a82 !important;
}

.header-search input:focus {
    border-color: #b88a2d !important;
    background: #fffdfa !important;

    box-shadow: 0 0 0 2px rgba(184,138,45,.08) !important;
}

/* Язык */
.language-current {
    color: #26313b !important;

    background: transparent !important;

    border: 1px solid #d4cec1 !important;
}

.language-current:hover {
    color: #8f681e !important;

    background: rgba(184,138,45,.05) !important;
    border-color: rgba(184,138,45,.45) !important;
}

.language-current .language-arrow {
    color: #a98238 !important;
}

/* Подменю остаются контрастными */
.cwt-submenu,
.cwt-submenu-level2 {
    background: #15202b !important;

    border: 1px solid rgba(199,154,59,.20) !important;

    box-shadow:
        0 14px 34px rgba(16,24,31,.20) !important;
}

.cwt-submenu a,
.cwt-submenu-level2 a {
    color: rgba(255,255,255,.86) !important;
}

.cwt-submenu a:hover,
.cwt-submenu-level2 a:hover {
    color: #ebcd7b !important;
    background: rgba(199,154,59,.08) !important;
}


/* =========================================================
   CWT GOLD — HERO LIGHTER + MENU HOVER CONSISTENCY
   ========================================================= */

/* HERO: делаем рамку легче */
.home .hero-slider,
.home .hero-slide,
.home .hero-card-featured {
    border-color: rgba(50,58,66,.10) !important;
    box-shadow:
        0 10px 28px rgba(20,28,35,.055) !important;
}

/* Если где-то есть золотая рамка/обводка — приглушаем */
.home .hero-slide {
    outline: none !important;
}

/* Углы чуть мягче визуально */
.home .hero-slider,
.home .hero-slide {
    border-radius: 20px !important;
}


/* =========================================================
   MENU — GOLD HOVER ON ALL LEVELS
   ========================================================= */

/* Первый уровень */
.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu > a:hover,
.cwt-main-nav > .menu-item-has-submenu:hover > a {
    color: #a97920 !important;
}

/* Второй уровень */
.cwt-main-nav .cwt-submenu > a:hover,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a:hover,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu:hover > a {
    color: #e6c66f !important;
    background: rgba(198,154,58,.085) !important;
}

/* Третий уровень / категории */
.cwt-main-nav .cwt-submenu-level2 a:hover {
    color: #e6c66f !important;
    background: rgba(198,154,58,.085) !important;
}

/* Если пункт открыт */
.cwt-main-nav .menu-item-has-submenu:hover > a .menu-arrow,
.cwt-main-nav .submenu-item-has-submenu:hover > a .submenu-arrow {
    color: #d1a646 !important;
}

/* Убираем старые синие hover-состояния */
.cwt-main-nav .cwt-submenu a:hover::after,
.cwt-main-nav .cwt-submenu-level2 a:hover::after {
    background: #c69a3a !important;
}


/* =========================================================
   CWT GOLD — EDITORIAL DESIGN CONSOLIDATION
   ========================================================= */

:root {
    --gold-main: #b98a2e;
    --gold-soft: #d5b25d;
    --gold-pale: rgba(185,138,46,.10);

    --paper: #f7f4ed;
    --paper-card: #fffefa;

    --ink: #162331;
    --ink-soft: #687583;

    --soft-line: rgba(27,39,50,.09);
    --soft-shadow: 0 10px 30px rgba(24,34,42,.055);
}


/* =========================================================
   PAGE / EDITORIAL CANVAS
   ========================================================= */

body,
.home {
    background:
        linear-gradient(
            180deg,
            #f8f5ef 0%,
            #f6f3ec 100%
        ) !important;
}


/* =========================================================
   HERO — REMOVE HARD FRAME
   ========================================================= */

.home .hero-slider,
.home .hero-slider-track {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;
}

.home .hero-slide,
.home .hero-card-featured {
    border: 0 !important;
    outline: 0 !important;

    border-radius: 22px !important;

    box-shadow:
        0 12px 32px rgba(19,30,38,.075) !important;

    overflow: hidden !important;
}

/* никаких золотых рамок вокруг изображения */
.home .hero-slide::before,
.home .hero-slide::after,
.home .hero-card-featured::before,
.home .hero-card-featured::after {
    border: 0 !important;
}

/* точки — аккуратнее */
.home .hero-slider-dot {
    box-shadow: none !important;

    background: rgba(116,93,48,.38) !important;
}

.home .hero-slider-dot.is-active,
.home .hero-slider-dot.active {
    background: #e0bd63 !important;

    box-shadow:
        0 0 0 3px rgba(224,189,99,.12) !important;
}


/* =========================================================
   POPULAR — EDITORIAL, NOT CARD-UI
   ========================================================= */

.home .hero-popular-module {
    border: 1px solid var(--soft-line) !important;
    border-top: 0 !important;

    border-radius: 20px !important;

    background: rgba(255,255,255,.76) !important;

    box-shadow:
        0 10px 30px rgba(23,34,43,.045) !important;

    overflow: hidden !important;
}

/* только одна фирменная линия сверху */
.home .hero-popular-module::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 24px !important;
    right: 24px !important;

    width: auto !important;
    height: 2px !important;

    background:
        linear-gradient(
            90deg,
            #9b7024,
            #d5b25d,
            rgba(213,178,93,.20)
        ) !important;

    border-radius: 999px !important;
}

.home .hero-popular-item {
    border-color: rgba(27,39,50,.08) !important;
}

.home .hero-popular-number {
    color: var(--gold-main) !important;
}

.home .hero-popular-icon {
    color: #9a7026 !important;

    border-color: rgba(185,138,46,.24) !important;

    background: rgba(185,138,46,.045) !important;

    box-shadow: none !important;
}


/* =========================================================
   SECTION KICKERS
   ========================================================= */

.home .hero-featured-label,
.home .latest-header .eyebrow,
.home .latest-section [class*="kicker"],
.home .home-topics-kicker,
.home .home-video-kicker {
    color: var(--gold-main) !important;

    letter-spacing: .14em !important;
}


/* =========================================================
   LATEST — REMOVE "BOX GRID" FEEL
   ========================================================= */

.home .latest-section .latest-grid {
    gap: 20px !important;
}

.home .latest-card,
.home .latest-section .latest-card,
.home .latest-section .latest-card:first-child {
    border: 1px solid rgba(29,42,52,.075) !important;

    border-radius: 17px !important;

    background: rgba(255,255,255,.72) !important;

    box-shadow:
        0 5px 16px rgba(23,34,43,.028) !important;

    overflow: hidden !important;
}

/* убираем цветную линию сверху карточек */
.home .latest-card::before {
    display: none !important;
}

.home .latest-card:hover {
    transform: translateY(-2px) !important;

    border-color: rgba(var(--news-accent),.26) !important;

    box-shadow:
        0 10px 26px rgba(23,34,43,.07) !important;
}

/* цвет рубрики остаётся функциональным */
.home .latest-card .latest-card-category {
    background: rgba(var(--news-accent),.055) !important;
    border-color: rgba(var(--news-accent),.24) !important;

    box-shadow: none !important;
}


/* Кнопка "Все материалы" */
.home .latest-section a[href*="/materials"] {
    background: transparent !important;

    border: 1px solid rgba(185,138,46,.28) !important;

    box-shadow: none !important;
}

.home .latest-section a[href*="/materials"]:hover {
    background: rgba(185,138,46,.045) !important;

    border-color: rgba(185,138,46,.48) !important;

    box-shadow: none !important;
}


/* =========================================================
   RUBRICS — LIGHT EDITORIAL NAVIGATION
   ========================================================= */

.home .home-category-grid,
.home .home-explore-grid .home-category-grid {
    gap: 11px !important;
}

.home .home-category-item,
.home .home-explore-grid .home-category-item {
    border: 1px solid rgba(29,42,52,.075) !important;

    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            rgba(var(--category-accent),.035) 0%,
            rgba(255,255,255,.75) 55%,
            rgba(255,255,255,.92) 100%
        ) !important;

    box-shadow:
        0 4px 14px rgba(20,31,40,.025) !important;
}

/* цветная полоса значительно тоньше */
.home .home-category-topline {
    height: 1px !important;

    opacity: .55 !important;
}

.home .home-category-item:hover {
    transform: translateY(-1px) !important;

    border-color: rgba(var(--category-accent),.22) !important;

    box-shadow:
        0 8px 20px rgba(20,31,40,.055) !important;
}

.home .home-category-arrow {
    background: transparent !important;

    border-color: rgba(var(--category-accent),.18) !important;

    box-shadow: none !important;
}

/* иконки — только watermark */
.home .home-category-watermark {
    opacity: .20 !important;
}


/* =========================================================
   VIDEO — SAME VISUAL WEIGHT AS RUBRICS
   ========================================================= */

.home .home-video-featured-image {
    border-radius: 18px !important;

    box-shadow:
        0 8px 24px rgba(20,31,40,.07) !important;
}

.home .home-video-secondary-item,
.home .home-explore-grid .home-video-secondary-item {
    border: 1px solid rgba(29,42,52,.075) !important;

    background: rgba(255,255,255,.72) !important;

    box-shadow:
        0 4px 14px rgba(20,31,40,.025) !important;
}

.home .home-video-secondary-item:hover {
    border-color: rgba(185,138,46,.20) !important;

    box-shadow:
        0 8px 20px rgba(20,31,40,.055) !important;
}


/* =========================================================
   IDEOLOGY — LESS "BLACK BOX"
   ========================================================= */

.home .home-ideology-inner {
    background:
        radial-gradient(
            circle at 82% 24%,
            rgba(198,154,58,.09),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #122331 0%,
            #0b1924 100%
        ) !important;

    border: 1px solid rgba(212,177,88,.11) !important;

    box-shadow:
        0 14px 36px rgba(18,28,36,.08) !important;
}

.home .home-ideology-links a {
    border-color: rgba(223,191,111,.18) !important;

    background: rgba(255,255,255,.025) !important;
}

.home .home-ideology-links a:hover {
    border-color: rgba(223,191,111,.36) !important;

    background: rgba(198,154,58,.07) !important;
}


/* =========================================================
   FOOTER — CONTINUE IDEOLOGY, DON'T CREATE ANOTHER CARD
   ========================================================= */

.home .site-footer-inner {
    background:
        linear-gradient(
            135deg,
            #10212e 0%,
            #091721 100%
        ) !important;

    border-top-color: rgba(218,181,91,.10) !important;

    box-shadow:
        0 14px 36px rgba(18,28,36,.08) !important;
}


/* =========================================================
   DESKTOP RHYTHM
   ========================================================= */

@media (min-width: 901px) {

    .home .latest-section {
        margin-top: 36px !important;
    }

    .home .home-explore-grid {
        margin-top: 48px !important;
    }

    .home .home-ideology {
        margin-top: 54px !important;
    }
}


/* =========================================================
   CWT GOLD — VISUAL CONSISTENCY FIX
   Menu / Hero / Popular / Ideology / Footer
   ========================================================= */

:root {
    --cwt-paper: #f7f3ea;
    --cwt-paper-2: #fffdf8;

    --cwt-ink: #1c2731;
    --cwt-ink-soft: #64717d;

    --cwt-gold: #b78628;
    --cwt-gold-light: #d8b45d;
    --cwt-gold-pale: #eee1bd;

    --cwt-dark: #191d20;
    --cwt-dark-2: #22272b;
}


/* =========================================================
   NAVIGATION — EDITORIAL, NOT BLUE UI
   ========================================================= */

.site-header > .header-inner {
    background: var(--cwt-paper) !important;

    border-top: 1px solid rgba(92,72,33,.12) !important;
    border-bottom: 1px solid rgba(92,72,33,.18) !important;
}


/* Первый уровень */

.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    color: #263039 !important;
    background: transparent !important;

    font-weight: 600 !important;
}

.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu:hover > a,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: var(--cwt-gold) !important;
    background: transparent !important;
}


/* Стрелки */

.cwt-main-nav .menu-arrow,
.cwt-main-nav .submenu-arrow {
    color: #a98237 !important;
}


/* Убираем старую синюю подсветку */

.cwt-main-nav a::after {
    background: var(--cwt-gold) !important;
}


/* =========================================================
   DROPDOWN — LIGHT EDITORIAL STYLE
   ========================================================= */

.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu,
.cwt-main-nav .cwt-submenu,
.cwt-main-nav .cwt-submenu-level2 {
    background: #fffdf8 !important;

    border: 1px solid rgba(122,94,39,.16) !important;
    border-radius: 12px !important;

    box-shadow:
        0 14px 34px rgba(28,34,39,.13) !important;
}


/* Подпункты */

.cwt-main-nav .cwt-submenu > a,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a,
.cwt-main-nav .cwt-submenu-level2 a {
    color: #27313a !important;
    background: transparent !important;

    border-radius: 8px !important;
}


/* Hover всех уровней */

.cwt-main-nav .cwt-submenu > a:hover,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu:hover > a,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a:hover,
.cwt-main-nav .cwt-submenu-level2 a:hover {
    color: #8b631c !important;

    background:
        linear-gradient(
            90deg,
            rgba(183,134,40,.11),
            rgba(183,134,40,.035)
        ) !important;
}


/* Стрелка вложенного пункта */

.cwt-main-nav .cwt-submenu
.submenu-item-has-submenu:hover > a .submenu-arrow {
    color: var(--cwt-gold) !important;
}


/* =========================================================
   HERO — REMOVE HARD CARD FRAME
   ========================================================= */

.home .hero-featured-wrap,
.home .hero-slider,
.home .hero-slider-track {
    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


.home .hero-slide,
.home .hero-card-featured {
    border: 0 !important;
    outline: 0 !important;

    border-radius: 24px !important;

    overflow: hidden !important;

    box-shadow:
        0 13px 36px rgba(22,29,34,.075) !important;
}


/* Отключаем возможные декоративные рамки */

.home .hero-slide::before,
.home .hero-slide::after,
.home .hero-card-featured::before,
.home .hero-card-featured::after {
    border: 0 !important;
    outline: 0 !important;
}


/* =========================================================
   HERO DOTS — LIGHTER
   ========================================================= */

.home .hero-slider-dot {
    background: rgba(105,87,54,.38) !important;

    border: 0 !important;
    box-shadow: none !important;
}

.home .hero-slider-dot.active,
.home .hero-slider-dot.is-active {
    background: #e4c66e !important;

    border: 0 !important;

    box-shadow:
        0 0 0 3px rgba(228,198,110,.12) !important;
}


/* =========================================================
   POPULAR — MAKE ALL 5 ITEMS FIT
   ========================================================= */

.home .hero-popular-module {
    overflow: hidden !important;
}


/* Немного плотнее строки */

.home .hero-popular-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


/* Заголовок немного компактнее */

.home .hero-popular-title {
    font-size: 13px !important;
    line-height: 1.22 !important;
}


/* Метаданные обязательно показываем */

.home .hero-popular-meta {
    display: block !important;

    margin-top: 5px !important;

    font-size: 9px !important;
    line-height: 1.1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Последний элемент не должен обрезаться */

.home .hero-popular-item:last-child {
    padding-bottom: 7px !important;
}


/* =========================================================
   IDEOLOGY — NEW GOLD / GRAPHITE PALETTE
   ========================================================= */

.home .home-ideology-inner {
    background:
        radial-gradient(
            circle at 80% 22%,
            rgba(214,177,85,.13),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #282521 0%,
            #1b1d1e 52%,
            #15191c 100%
        ) !important;

    border: 1px solid rgba(214,177,85,.16) !important;

    box-shadow:
        0 16px 40px rgba(25,25,22,.11) !important;
}


.home .home-ideology-kicker {
    color: #d0a94d !important;
}


.home .home-ideology-title {
    color: #fffaf0 !important;
}


.home .home-ideology-links a {
    color: rgba(255,250,240,.88) !important;

    border-color: rgba(216,180,93,.20) !important;

    background: rgba(255,255,255,.025) !important;
}


.home .home-ideology-links a:hover {
    color: #fff !important;

    border-color: rgba(216,180,93,.42) !important;

    background: rgba(216,180,93,.08) !important;
}


.home .home-ideology-links span {
    color: #d8b45d !important;
}


/* =========================================================
   FOOTER — CONTINUATION OF IDEOLOGY
   ========================================================= */

.home .site-footer-inner {
    background:
        linear-gradient(
            135deg,
            #201f1c 0%,
            #171a1c 100%
        ) !important;

    border-top: 1px solid rgba(216,180,93,.12) !important;

    box-shadow:
        0 16px 40px rgba(25,25,22,.10) !important;
}


/* Основной текст */

.home .site-footer-brand-text,
.home .site-footer-nav a,
.home .site-footer-bottom,
.home .site-footer-contact,
.home .site-footer-contact a {
    color: rgba(255,248,235,.76) !important;
}


/* Hover ссылок */

.home .site-footer-nav a:hover,
.home .site-footer-contact a:hover {
    color: #d8b45d !important;
}


/* Социальная полоса */

.home .site-footer-inner > .home-socials-inner {
    background: rgba(255,255,255,.018) !important;

    border-top-color: rgba(216,180,93,.10) !important;
    border-bottom-color: rgba(216,180,93,.10) !important;
}


.home .site-footer-inner > .home-socials-inner
.home-socials-kicker {
    color: #d0a94d !important;
}


.home .site-footer-inner > .home-socials-inner
.home-social-link {
    border-color: rgba(216,180,93,.20) !important;

    background: rgba(255,255,255,.035) !important;
}


.home .site-footer-inner > .home-socials-inner
.home-social-link:hover {
    border-color: rgba(216,180,93,.45) !important;

    background: rgba(216,180,93,.09) !important;
}


/* =========================================================
   SEARCH / LANGUAGE — MATCH EDITORIAL NAV
   ========================================================= */

.header-search input {
    color: #303942 !important;

    background: rgba(255,255,255,.38) !important;

    border-color: rgba(106,89,55,.20) !important;
}


.header-search input::placeholder {
    color: #918b80 !important;
}


.language-current {
    color: #27313a !important;

    background: rgba(255,255,255,.30) !important;

    border-color: rgba(106,89,55,.20) !important;
}


.language-current:hover {
    color: #93691f !important;

    border-color: rgba(183,134,40,.40) !important;

    background: rgba(183,134,40,.055) !important;
}


/* =========================================================
   CWT GOLD — FINAL LIGHT EDITORIAL SYSTEM
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@500;600;700&family=Cormorant+Garamond:wght@600;700&display=swap');

:root {
    --cwt-gold: #b6862a;
    --cwt-gold-light: #d7b45e;
    --cwt-gold-dark: #8d651f;

    --cwt-paper: #f7f2e8;
    --cwt-paper-2: #fffdf7;
    --cwt-paper-3: #efe7d7;

    --cwt-ink: #1d2730;
    --cwt-muted: #737a80;

    --cwt-line: rgba(92,74,39,.16);
}


/* =========================================================
   HEADER / MASTHEAD
   ========================================================= */

.cwt-brandbar {
    background:
        linear-gradient(
            180deg,
            #fbf7ee 0%,
            #f3ecdf 100%
        ) !important;

    border-bottom: 1px solid rgba(151,111,35,.24) !important;
}

.cwt-brand-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;

    color: #202933 !important;

    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: .005em !important;
    text-shadow: none !important;
}


/* =========================================================
   MAIN NAV — VISIBLE + EDITORIAL
   ========================================================= */

.site-header > .header-inner {
    background: #fbf7ee !important;

    border-top: 0 !important;
    border-bottom: 1px solid rgba(86,72,45,.22) !important;

    box-shadow: none !important;
}

.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a {
    font-family: 'Alegreya Sans SC', Arial, sans-serif !important;

    color: #25303a !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    letter-spacing: .025em !important;

    opacity: 1 !important;
    visibility: visible !important;
}

.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu:hover > a,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: var(--cwt-gold-dark) !important;
}

.cwt-main-nav a::after {
    background: var(--cwt-gold) !important;
}

.cwt-main-nav .menu-arrow,
.cwt-main-nav .submenu-arrow {
    color: var(--cwt-gold) !important;
}


/* =========================================================
   DROPDOWNS — LIGHT / GOLD
   ========================================================= */

.cwt-main-nav .cwt-submenu,
.cwt-main-nav .cwt-submenu-level2,
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu {
    background: #fffdf8 !important;

    border: 1px solid rgba(151,111,35,.18) !important;
    border-radius: 12px !important;

    box-shadow:
        0 14px 34px rgba(33,38,42,.12) !important;
}

.cwt-main-nav .cwt-submenu a,
.cwt-main-nav .cwt-submenu-level2 a,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a {
    font-family: 'Alegreya Sans SC', Arial, sans-serif !important;

    color: #29343c !important;

    background: transparent !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    opacity: 1 !important;
}

.cwt-main-nav .cwt-submenu a:hover,
.cwt-main-nav .cwt-submenu-level2 a:hover,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu:hover > a {
    color: #8c641f !important;

    background:
        linear-gradient(
            90deg,
            rgba(182,134,42,.13),
            rgba(182,134,42,.035)
        ) !important;
}


/* =========================================================
   SEARCH / LANGUAGE
   ========================================================= */

.header-search input {
    color: #323b43 !important;

    background: rgba(255,255,255,.50) !important;
    border-color: rgba(107,88,53,.22) !important;
}

.header-search input::placeholder {
    color: #918b80 !important;
}

.language-current {
    color: #28323b !important;

    background: rgba(255,255,255,.45) !important;
    border-color: rgba(107,88,53,.22) !important;
}


/* =========================================================
   GOLD SECTION LABELS
   ========================================================= */

.home .hero-featured-label,
.home .latest-header .eyebrow,
.home .latest-section [class*="kicker"],
.home .home-topics-kicker,
.home .home-video-kicker,
.home .home-topics-header .eyebrow,
.home .home-video-header .eyebrow {
    color: var(--cwt-gold) !important;

    font-family: 'Alegreya Sans SC', Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
}


/* =========================================================
   RUBRICS + VIDEO HEADINGS
   ========================================================= */

.home .home-topics-header h2,
.home .home-video-header h2 {
    font-family: 'Cormorant Garamond', Georgia, serif !important;

    color: #202a33 !important;

    font-size: 36px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.home .home-video-all {
    color: var(--cwt-gold-dark) !important;
}

.home .home-video-all span {
    color: var(--cwt-gold) !important;
}


/* =========================================================
   IDEOLOGY — LIGHT PREMIUM PANEL
   ========================================================= */

.home .home-ideology-inner {
    background:
        radial-gradient(
            circle at 84% 18%,
            rgba(205,164,72,.12),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #fbf6eb 0%,
            #efe5d4 100%
        ) !important;

    border: 1px solid rgba(151,111,35,.20) !important;

    box-shadow:
        0 14px 34px rgba(45,39,28,.07) !important;
}

.home .home-ideology-kicker {
    color: var(--cwt-gold) !important;
}

.home .home-ideology-title {
    font-family: 'Cormorant Garamond', Georgia, serif !important;

    color: #202a33 !important;

    font-weight: 700 !important;
}

.home .home-ideology-links a {
    color: #2d363e !important;

    border-color: rgba(151,111,35,.25) !important;

    background: rgba(255,255,255,.45) !important;
}

.home .home-ideology-links a:hover {
    color: #7f5c1d !important;

    background: rgba(182,134,42,.08) !important;

    border-color: rgba(151,111,35,.42) !important;
}

.home .home-ideology-links span {
    color: var(--cwt-gold) !important;
}


/* =========================================================
   FOOTER — LIGHT CONTINUATION
   ========================================================= */

.home .site-footer-inner {
    background:
        linear-gradient(
            180deg,
            #eee5d5 0%,
            #e8decc 100%
        ) !important;

    border-top: 1px solid rgba(151,111,35,.18) !important;

    box-shadow:
        0 14px 34px rgba(45,39,28,.06) !important;
}

.home .site-footer-brand-text,
.home .site-footer-nav a,
.home .site-footer-bottom,
.home .site-footer-contact,
.home .site-footer-contact a {
    color: #364048 !important;
}

.home .site-footer-nav a:hover,
.home .site-footer-contact a:hover {
    color: var(--cwt-gold-dark) !important;
}


/* =========================================================
   SOCIAL STRIP — LIGHT
   ========================================================= */

.home .site-footer-inner > .home-socials-inner {
    background: rgba(255,255,255,.25) !important;

    border-top-color: rgba(151,111,35,.15) !important;
    border-bottom-color: rgba(151,111,35,.15) !important;
}

.home .site-footer-inner > .home-socials-inner .home-socials-kicker {
    color: var(--cwt-gold) !important;
}

.home .site-footer-inner > .home-socials-inner .home-socials-title {
    color: #586068 !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link {
    border-color: rgba(151,111,35,.22) !important;
    background: rgba(255,255,255,.42) !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-icon svg {
    fill: #4b545c !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link:hover {
    border-color: rgba(182,134,42,.45) !important;
    background: rgba(182,134,42,.09) !important;
}

.home .site-footer-inner > .home-socials-inner .home-social-link:hover .home-social-icon svg {
    fill: #8d651f !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .cwt-brand-title {
        font-size: 23px !important;
    }

    .cwt-main-nav.is-mobile-open {
        background: #fffaf0 !important;
        border: 1px solid rgba(151,111,35,.20) !important;
    }

    .cwt-main-nav.is-mobile-open > a,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu > a {
        color: #26313a !important;
    }

    .cwt-main-nav.is-mobile-open
    .menu-item-has-submenu.is-open > a {
        color: var(--cwt-gold-dark) !important;
    }
}



/* =========================================================
   CWT GOLD — HEADER + MENU FONT FIX
   ========================================================= */

/* Название движения */
.cwt-brand-title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    color: #222b33 !important;
}

/* Навигационная полоса */
.site-header > .header-inner {
    min-height: 56px !important;
    background: #fbf7ee !important;
    border-bottom: 1px solid rgba(105,84,46,.22) !important;
}

/* Само меню */
.cwt-main-nav,
body.is-scrolled .cwt-main-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 30px !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Пункты первого уровня */
.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a,
body.is-scrolled .cwt-main-nav > a,
body.is-scrolled .cwt-main-nav > .menu-item-has-submenu > a {
    display: flex !important;
    align-items: center !important;

    min-height: 52px !important;
    padding: 0 !important;

    font-family: "Alegreya Sans SC", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .025em !important;

    color: #202a32 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover первого уровня */
.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu:hover > a {
    color: #9a6d20 !important;
}

/* Золотая линия */
.cwt-main-nav > a::after,
.cwt-main-nav > .menu-item-has-submenu > a::after {
    height: 2px !important;
    bottom: 5px !important;
    background: #b78628 !important;
}

/* Стрелочки */
.cwt-main-nav .menu-arrow {
    margin-left: 5px !important;
    color: #a77b2a !important;
}

/* Выпадающее меню */
.cwt-main-nav .cwt-submenu,
.cwt-main-nav .cwt-submenu-level2 {
    background: #fffdf8 !important;
    border: 1px solid rgba(151,111,35,.18) !important;
}

/* Подпункты */
.cwt-main-nav .cwt-submenu a,
.cwt-main-nav .cwt-submenu-level2 a {
    font-family: "Alegreya Sans SC", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    color: #26313a !important;
}

/* Золотое выделение подпунктов */
.cwt-main-nav .cwt-submenu a:hover,
.cwt-main-nav .cwt-submenu-level2 a:hover,
.cwt-main-nav .cwt-submenu .submenu-item-has-submenu:hover > a {
    color: #8d641d !important;
    background: rgba(183,134,40,.11) !important;
}

/* На телефоне оставляем бургерную логику */
@media (max-width:700px) {
    .cwt-main-nav,
    body.is-scrolled .cwt-main-nav {
        display: none !important;
    }

    .cwt-main-nav.is-mobile-open {
        display: flex !important;
    }

    .cwt-brand-title {
        font-size: 23px !important;
    }
}


/* =========================================================
   CWT GOLD — UNIFIED TYPOGRAPHY + CLEAN EDITORIAL NAV
   ========================================================= */

/*
   ЕДИНАЯ АЙДЕНТИКА:
   весь сайт использует одну семью Alegreya Sans.
*/
html,
body,
button,
input,
select,
textarea,
a,
p,
span,
div,
nav,
header,
footer,
article,
section,
h1,
h2,
h3,
h4,
h5,
h6,
.cwt-brand-title,
.cwt-main-nav,
.cwt-main-nav a,
.home .latest-header h2,
.home .home-topics-header h2,
.home .home-video-header h2,
.home .home-ideology-title {
    font-family: "Alegreya Sans", Arial, sans-serif !important;
}


/* =========================================================
   НАЗВАНИЕ ДВИЖЕНИЯ
   ========================================================= */

.cwt-brand-title {
    color: #20272d !important;

    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: .015em !important;

    text-shadow: none !important;
}


/* =========================================================
   ГЛАВНОЕ МЕНЮ — ДЕЛАЕМ ЧИТАЕМЫМ
   ========================================================= */

.cwt-main-nav > a,
.cwt-main-nav > .menu-item-has-submenu > a,
body.is-scrolled .cwt-main-nav > a,
body.is-scrolled .cwt-main-nav > .menu-item-has-submenu > a {
    color: #1d252b !important;

    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    letter-spacing: .01em !important;

    opacity: 1 !important;
}


/* Hover верхнего меню */

.cwt-main-nav > a:hover,
.cwt-main-nav > .menu-item-has-submenu:hover > a,
.cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: #9a6c1d !important;
}


/* Стрелки */

.cwt-main-nav .menu-arrow,
.cwt-main-nav .submenu-arrow {
    color: #ad7e28 !important;
}


/* Нижняя золотая линия */

.cwt-main-nav > a::after,
.cwt-main-nav > .menu-item-has-submenu > a::after {
    background: #b8872d !important;
}


/* =========================================================
   ПОДМЕНЮ — ПОЛНОСТЬЮ УБИРАЕМ СИНИЙ
   ========================================================= */

.cwt-main-nav .cwt-submenu,
.cwt-main-nav .cwt-submenu-level2,
.cwt-main-nav > .menu-item-has-submenu > .cwt-submenu {
    background: #fffdf8 !important;

    border: 1px solid rgba(139,103,35,.16) !important;
    border-left: 1px solid rgba(139,103,35,.16) !important;

    outline: 0 !important;

    box-shadow:
        0 14px 32px rgba(37,33,25,.12) !important;
}


/* Убираем любые старые синие декоративные полосы */

.cwt-main-nav .cwt-submenu::before,
.cwt-main-nav .cwt-submenu::after,
.cwt-main-nav .cwt-submenu-level2::before,
.cwt-main-nav .cwt-submenu-level2::after,
.cwt-main-nav .submenu-item-has-submenu::before,
.cwt-main-nav .submenu-item-has-submenu::after {
    border: 0 !important;
    border-left: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* Все пункты подменю */

.cwt-main-nav .cwt-submenu > a,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a,
.cwt-main-nav .cwt-submenu-level2 a {
    position: relative !important;

    color: #283139 !important;

    background: transparent !important;

    border: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    text-transform: none !important;
}


/* Полностью убираем синие псевдоэлементы ссылок */

.cwt-main-nav .cwt-submenu a::before,
.cwt-main-nav .cwt-submenu a::after,
.cwt-main-nav .cwt-submenu-level2 a::before,
.cwt-main-nav .cwt-submenu-level2 a::after {
    border: 0 !important;
    border-left: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* Hover / active — только тёплое золото */

.cwt-main-nav .cwt-submenu > a:hover,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu:hover > a,
.cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a:hover,
.cwt-main-nav .cwt-submenu-level2 a:hover,
.cwt-main-nav .cwt-submenu a:focus,
.cwt-main-nav .cwt-submenu-level2 a:focus {
    color: #875f1c !important;

    background:
        linear-gradient(
            90deg,
            rgba(190,145,53,.14) 0%,
            rgba(190,145,53,.055) 100%
        ) !important;

    border: 0 !important;
    border-left: 0 !important;

    outline: 0 !important;

    box-shadow:
        inset 2px 0 0 #c59a42 !important;
}


/* Вложенная активная категория */

.cwt-main-nav .submenu-item-has-submenu:hover > a .submenu-arrow {
    color: #a97822 !important;
}


/* =========================================================
   ЕДИНЫЕ ЗАГОЛОВКИ СЕКЦИЙ
   ========================================================= */

.home .latest-header h2,
.home .home-topics-header h2,
.home .home-video-header h2,
.home .home-ideology-title {
    font-family: "Alegreya Sans", Arial, sans-serif !important;

    font-weight: 700 !important;
    letter-spacing: -.018em !important;
}


/* Мелкие фирменные надзаголовки */

.home .hero-featured-label,
.home .latest-section [class*="kicker"],
.home .home-topics-kicker,
.home .home-video-kicker,
.home .home-ideology-kicker {
    font-family: "Alegreya Sans", Arial, sans-serif !important;

    font-weight: 700 !important;
    letter-spacing: .13em !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:700px) {

    .cwt-brand-title {
        font-size: 22px !important;
    }

    .cwt-main-nav.is-mobile-open > a,
    .cwt-main-nav.is-mobile-open > .menu-item-has-submenu > a,
    .cwt-main-nav.is-mobile-open .cwt-submenu a {
        font-family: "Alegreya Sans", Arial, sans-serif !important;
    }
}


/* =========================================================
   CWT GOLD — EXACT MENU + SECTION KICKER FIX
   ========================================================= */

/* ---------- ГЛАВНОЕ МЕНЮ ---------- */

.site-header .cwt-main-nav > a,
.site-header .cwt-main-nav > .menu-item-has-submenu > a,
.site-header body.is-scrolled .cwt-main-nav > a,
.site-header body.is-scrolled .cwt-main-nav > .menu-item-has-submenu > a {
    color: #202a32 !important;
    opacity: 1 !important;
    visibility: visible !important;

    font-size: 15px !important;
    font-weight: 700 !important;
}

/* hover верхнего уровня */
.site-header .cwt-main-nav > a:hover,
.site-header .cwt-main-nav > .menu-item-has-submenu:hover > a,
.site-header .cwt-main-nav > .menu-item-has-submenu > a:hover {
    color: #996b1f !important;
    background: transparent !important;
}


/* ---------- ПЕРВЫЙ УРОВЕНЬ ПОДМЕНЮ ---------- */

.site-header .cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> a,

.site-header .cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> .submenu-item-has-submenu
> a {
    color: #28323a !important;

    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;

    border: 0 !important;
    border-left: 0 !important;

    outline: 0 !important;

    box-shadow: none !important;

    text-shadow: none !important;
}


/* hover первого уровня */

.site-header .cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> a:hover,

.site-header .cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> .submenu-item-has-submenu:hover
> a {
    color: #855d1b !important;

    background:
        linear-gradient(
            90deg,
            rgba(190,145,53,.16),
            rgba(190,145,53,.045)
        ) !important;

    border: 0 !important;
    border-left: 0 !important;

    box-shadow: none !important;
}


/* ---------- ВТОРОЙ УРОВЕНЬ / КАТЕГОРИИ ---------- */

.site-header .cwt-main-nav
.cwt-submenu-level2
> a {
    color: #2a343c !important;

    background: transparent !important;

    opacity: 1 !important;

    border: 0 !important;
    border-left: 0 !important;

    box-shadow: none !important;
}

.site-header .cwt-main-nav
.cwt-submenu-level2
> a:hover {
    color: #855d1b !important;

    background:
        linear-gradient(
            90deg,
            rgba(190,145,53,.16),
            rgba(190,145,53,.045)
        ) !important;

    border: 0 !important;
    border-left: 0 !important;

    box-shadow: none !important;
}


/* ---------- УБИРАЕМ СТАРЫЕ СИНИЕ ПОЛОСЫ ---------- */

.site-header .cwt-main-nav .cwt-submenu a::before,
.site-header .cwt-main-nav .cwt-submenu a::after,
.site-header .cwt-main-nav .cwt-submenu-level2 a::before,
.site-header .cwt-main-nav .cwt-submenu-level2 a::after,
.site-header .cwt-main-nav .submenu-item-has-submenu::before,
.site-header .cwt-main-nav .submenu-item-has-submenu::after {
    content: none !important;

    display: none !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
}


/* ---------- СТРЕЛКИ ---------- */

.site-header .cwt-main-nav .menu-arrow,
.site-header .cwt-main-nav .submenu-arrow {
    color: #ad7d27 !important;
}


/* =========================================================
   НАВИГАЦИЯ / СМОТРЕТЬ
   ========================================================= */

.home .home-topics-header .section-kicker,
.home .home-video-header .section-kicker {
    color: #b27f24 !important;

    font-weight: 700 !important;

    letter-spacing: .13em !important;

    text-transform: uppercase !important;
}


/* Убираем возможный старый синий цвет */
.home .home-topics-header .section-kicker *,
.home .home-video-header .section-kicker * {
    color: inherit !important;
}


/* =========================================================
   CWT GOLD — DESKTOP DROPDOWN GEOMETRY / SAFE HOVER
   ========================================================= */

@media (min-width: 761px) {

    /* Родители выпадающих меню */
    .cwt-main-nav > .menu-item-has-submenu,
    .cwt-main-nav .submenu-item-has-submenu {
        position: relative !important;
    }


    /* =====================================================
       ПЕРВЫЙ УРОВЕНЬ
       Прижимаем меню прямо к основной навигации
       ===================================================== */

    .cwt-main-nav > .menu-item-has-submenu > .cwt-submenu {
        top: calc(100% - 1px) !important;
        left: -12px !important;

        margin-top: 0 !important;

        min-width: 190px !important;

        padding: 8px !important;

        transform: none !important;
    }


    /*
       Невидимый мост между пунктом верхнего меню
       и выпадающим блоком.
       Курсор больше не "проваливается" в щель.
    */
    .cwt-main-nav > .menu-item-has-submenu > .cwt-submenu::before {
        content: "" !important;

        display: block !important;

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;
        top: -10px !important;

        height: 12px !important;

        background: transparent !important;

        pointer-events: auto !important;
    }


    /* Пункты первого уровня чуть удобнее для наведения */
    .cwt-main-nav > .menu-item-has-submenu > .cwt-submenu > a,
    .cwt-main-nav > .menu-item-has-submenu > .cwt-submenu >
    .submenu-item-has-submenu > a {
        min-height: 38px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        padding: 9px 11px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ВТОРОЙ УРОВЕНЬ — КАТЕГОРИИ
       ===================================================== */

    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2 {

        /*
           Начинается ровно напротив строки "Категории",
           а не где-то сверху около "Идеологии".
        */
        top: -8px !important;

        /*
           Небольшое перекрытие с первым меню.
           Между панелями больше нет мёртвой зоны.
        */
        left: calc(100% - 3px) !important;

        margin: 0 !important;

        min-width: 270px !important;

        padding: 8px !important;

        transform: none !important;
    }


    /*
       Широкий невидимый мост между "Категории"
       и списком категорий.
    */
    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2::before {

        content: "" !important;

        display: block !important;

        position: absolute !important;

        top: 0 !important;
        bottom: 0 !important;
        left: -14px !important;

        width: 16px !important;

        background: transparent !important;

        pointer-events: auto !important;
    }


    /* Второй уровень — удобная высота строк */
    .cwt-main-nav .cwt-submenu-level2 > a {
        min-height: 32px !important;

        display: flex !important;
        align-items: center !important;

        padding: 7px 10px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       УБИРАЕМ СТАРЫЕ ОТСТУПЫ И АНИМАЦИЮ СО СДВИГОМ
       ===================================================== */

    .cwt-main-nav .cwt-submenu,
    .cwt-main-nav .cwt-submenu-level2 {
        transition:
            opacity .14s ease,
            visibility .14s ease !important;
    }

    .cwt-main-nav
    .menu-item-has-submenu:hover
    > .cwt-submenu,

    .cwt-main-nav
    .submenu-item-has-submenu:hover
    > .cwt-submenu-level2 {

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }
}



/* =========================================================
   CWT GOLD — DESKTOP DROPDOWNS: CONTROLLED OPENING
   ========================================================= */

@media (min-width: 761px) {

    /*
       Отключаем старое автоматическое открытие верхних
       разделов по hover.
    */
    .cwt-main-nav
    > .menu-item-has-submenu
    > .cwt-submenu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateY(3px) !important;

        transition:
            opacity .14s ease,
            visibility .14s ease,
            transform .14s ease !important;
    }

    /*
       Старый :hover больше не открывает верхнее меню.
    */
    .cwt-main-nav
    > .menu-item-has-submenu:hover
    > .cwt-submenu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /*
       Открываем только тот раздел, которому JS
       добавил desktop-open.
    */
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > .cwt-submenu,
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open:hover
    > .cwt-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;
    }

    /*
       Открытый верхний пункт выделяем золотым.
    */
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > a {
        color: #94681d !important;
    }

    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > a .menu-arrow {
        color: #b78628 !important;
        transform: rotate(180deg) !important;
    }


    /* ==============================================
       КАТЕГОРИИ — остаются быстрыми по hover
       ============================================== */

    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2 {
        top: -8px !important;
        left: calc(100% - 2px) !important;

        margin: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(3px) !important;

        transition:
            opacity .12s ease,
            visibility .12s ease,
            transform .12s ease !important;
    }

    .cwt-main-nav
    .submenu-item-has-submenu:hover
    > .cwt-submenu-level2 {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;
    }


    /*
       Hover-мост между "Категории"
       и вторым уровнем.
    */
    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2::before {
        content: "" !important;

        display: block !important;

        position: absolute !important;
        left: -12px !important;
        top: 0 !important;
        bottom: 0 !important;

        width: 14px !important;

        background: transparent !important;
    }


    /*
       Верхнее меню теперь непосредственно прилегает
       к навигационной полосе.
    */
    .cwt-main-nav
    > .menu-item-has-submenu
    > .cwt-submenu {
        top: 100% !important;
        margin-top: -1px !important;
    }
}



/* =========================================================
   CWT GOLD — DESKTOP DROPDOWNS: CONTROLLED OPENING
   ========================================================= */

@media (min-width: 761px) {

    /*
       Отключаем старое автоматическое открытие верхних
       разделов по hover.
    */
    .cwt-main-nav
    > .menu-item-has-submenu
    > .cwt-submenu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateY(3px) !important;

        transition:
            opacity .14s ease,
            visibility .14s ease,
            transform .14s ease !important;
    }

    /*
       Старый :hover больше не открывает верхнее меню.
    */
    .cwt-main-nav
    > .menu-item-has-submenu:hover
    > .cwt-submenu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /*
       Открываем только тот раздел, которому JS
       добавил desktop-open.
    */
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > .cwt-submenu,
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open:hover
    > .cwt-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;
    }

    /*
       Открытый верхний пункт выделяем золотым.
    */
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > a {
        color: #94681d !important;
    }

    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > a .menu-arrow {
        color: #b78628 !important;
        transform: rotate(180deg) !important;
    }


    /* ==============================================
       КАТЕГОРИИ — остаются быстрыми по hover
       ============================================== */

    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2 {
        top: -8px !important;
        left: calc(100% - 2px) !important;

        margin: 0 !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(3px) !important;

        transition:
            opacity .12s ease,
            visibility .12s ease,
            transform .12s ease !important;
    }

    .cwt-main-nav
    .submenu-item-has-submenu:hover
    > .cwt-submenu-level2 {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;
    }


    /*
       Hover-мост между "Категории"
       и вторым уровнем.
    */
    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2::before {
        content: "" !important;

        display: block !important;

        position: absolute !important;
        left: -12px !important;
        top: 0 !important;
        bottom: 0 !important;

        width: 14px !important;

        background: transparent !important;
    }


    /*
       Верхнее меню теперь непосредственно прилегает
       к навигационной полосе.
    */
    .cwt-main-nav
    > .menu-item-has-submenu
    > .cwt-submenu {
        top: 100% !important;
        margin-top: -1px !important;
    }
}


/* =========================================================
   CWT GOLD — DESKTOP HOVER MENU, STABLE VERSION
   ========================================================= */

@media (min-width: 761px) {

    /* Верхние выпадающие меню снова работают по hover */
    .cwt-main-nav
    > .menu-item-has-submenu
    > .cwt-submenu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateY(4px) !important;

        transition:
            opacity .18s ease .08s,
            visibility 0s linear .26s,
            transform .18s ease .08s !important;
    }

    .cwt-main-nav
    > .menu-item-has-submenu:hover
    > .cwt-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;

        transition:
            opacity .16s ease .06s,
            visibility 0s linear 0s,
            transform .16s ease .06s !important;
    }

    /* Клик-класс больше не нужен */
    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open
    > .cwt-submenu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .cwt-main-nav
    > .menu-item-has-submenu.desktop-open:hover
    > .cwt-submenu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Первый уровень плотно к меню */
    .cwt-main-nav
    > .menu-item-has-submenu
    > .cwt-submenu {
        top: 100% !important;
        margin-top: -1px !important;
    }

    /* Категории справа — без щели */
    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2 {
        top: -8px !important;
        left: calc(100% - 2px) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(4px) !important;

        transition:
            opacity .14s ease .05s,
            visibility 0s linear .19s,
            transform .14s ease .05s !important;
    }

    .cwt-main-nav
    .submenu-item-has-submenu:hover
    > .cwt-submenu-level2 {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;

        transition:
            opacity .12s ease .04s,
            visibility 0s linear 0s,
            transform .12s ease .04s !important;
    }

    /* Hover-мост к категориям */
    .cwt-main-nav
    .submenu-item-has-submenu
    > .cwt-submenu-level2::before {
        content: "" !important;

        position: absolute !important;
        left: -16px !important;
        top: -8px !important;
        bottom: -8px !important;

        width: 18px !important;

        display: block !important;
        background: transparent !important;
        pointer-events: auto !important;
    }
}


/* =========================================================
   CWT GOLD — JOURNALISM MASTHEAD FONT
   ========================================================= */

@font-face {
    font-family: 'Journalism';
    src: url('assets/fonts/journalism.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Название движения в шапке */
.cwt-brand-title {
    font-family: 'Journalism', Georgia, serif !important;

    font-size: 38px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    letter-spacing: .02em !important;

    color: #20272d !important;

    text-shadow: none !important;
}

/* На небольших экранах */
@media (max-width: 900px) {
    .cwt-brand-title {
        font-size: 30px !important;
    }
}

@media (max-width: 700px) {
    .cwt-brand-title {
        font-size: 24px !important;
    }
}


/* =========================================================
   JOURNALISM — STRONGER MASTHEAD
   ========================================================= */

.cwt-brand-title {
    font-family: 'Journalism', Georgia, serif !important;

    font-size: 46px !important;
    line-height: .95 !important;
    font-weight: 400 !important;

    letter-spacing: .005em !important;

    color: #20272d !important;

    text-shadow:
        .45px 0 0 #20272d,
        -.45px 0 0 #20272d,
        0 .35px 0 #20272d !important;
}

@media (max-width: 1100px) {
    .cwt-brand-title {
        font-size: 40px !important;
    }
}

@media (max-width: 900px) {
    .cwt-brand-title {
        font-size: 32px !important;
    }
}

@media (max-width: 700px) {
    .cwt-brand-title {
        font-size: 25px !important;
        text-shadow:
            .3px 0 0 #20272d,
            -.3px 0 0 #20272d !important;
    }
}


/* =========================================================
   JOURNALISM — FINAL MASTHEAD BALANCE
   ========================================================= */

.cwt-brand-title {
    font-family: 'Journalism', Georgia, serif !important;

    font-size: 49px !important;
    line-height: .94 !important;
    font-weight: 400 !important;

    letter-spacing: .012em !important;

    color: #20272d !important;

    transform: scaleX(1.06) !important;
    transform-origin: center center !important;

    text-shadow:
        .25px 0 0 #20272d,
        -.25px 0 0 #20272d !important;
}

@media (max-width: 1100px) {
    .cwt-brand-title {
        font-size: 43px !important;
        transform: scaleX(1.04) !important;
    }
}

@media (max-width: 900px) {
    .cwt-brand-title {
        font-size: 34px !important;
        transform: none !important;
    }
}


/* CWT IDENTITY — HEADER IMAGE MODE */
html body .site-header .cwt-brand-title.cwt-brand-title-image {
    display:flex !important;
    align-items:center !important;
    width:auto !important;
    height:auto !important;
    aspect-ratio:auto !important;
    background:none !important;
    font-size:0 !important;
    line-height:0 !important;
}

html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    display:block !important;
    max-width:min(48vw, 100%) !important;
    height:auto !important;
    object-fit:contain !important;
}

@media (max-width:700px) {
    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        max-width:55vw !important;
    }
}

/* CWT HEADER IMAGE — HEIGHT FIX */
html body .site-header .cwt-brand-title.cwt-brand-title-image {
    height: 72px !important;
    min-height: 0 !important;
    max-height: 72px !important;
    display: flex !important;
    align-items: center !important;
}

html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: auto !important;
    height: 62px !important;
    max-height: 62px !important;
    max-width: 520px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        height: 58px !important;
        max-height: 58px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        height: 50px !important;
        max-height: 50px !important;
        max-width: 420px !important;
    }
}

@media (max-width: 700px) {
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        height: 46px !important;
        max-height: 46px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        height: 40px !important;
        max-height: 40px !important;
        max-width: 62vw !important;
    }
}

/* CWT HEADER IMAGE — SIZE BALANCE */
html body .site-header .cwt-brand-title.cwt-brand-title-image {
    height: 82px !important;
    max-height: 82px !important;
}

html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: auto !important;
    height: 78px !important;
    max-height: 78px !important;
    max-width: 720px !important;
}

@media (max-width: 900px) {
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        height: 68px !important;
        max-height: 68px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        height: 62px !important;
        max-height: 62px !important;
        max-width: 560px !important;
    }
}

@media (max-width: 700px) {
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        height: 52px !important;
        max-height: 52px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        height: 46px !important;
        max-height: 46px !important;
        max-width: 68vw !important;
    }
}

/* CWT HEADER IMAGE — FULL WIDTH TITLE */
html body .site-header .cwt-brandbar {
    display: flex !important;
    align-items: center !important;
    gap: 28px !important;
}

html body .site-header .cwt-brand-logo {
    flex: 0 0 auto !important;
}

html body .site-header .cwt-brand-title.cwt-brand-title-image {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 110px !important;
    max-height: 110px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 96px !important;
    object-fit: contain !important;
    display: block !important;
}

@media (max-width: 1100px) {
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        height: 86px !important;
        max-height: 86px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        max-height: 76px !important;
    }
}

@media (max-width: 700px) {
    html body .site-header .cwt-brandbar {
        gap: 16px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        height: 54px !important;
        max-height: 54px !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        max-height: 44px !important;
    }
}

/* CWT HEADER IMAGE — FINAL IMAGE OVERRIDE */

/* В режиме картинки убираем фиктивный правый отступ */
html body .site-header .cwt-brandbar-inner:has(.cwt-brand-title-image)::after {
    display: none !important;
    content: none !important;
}

/* Картинка начинается сразу после логотипа */
html body .site-header .cwt-brand-title.cwt-brand-title-image {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;

    text-align: left !important;
    justify-content: flex-start !important;

    height: 92px !important;
    max-height: 92px !important;

    overflow: visible !important;
}

/* Отдаём надписи практически всю свободную ширину */
html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    display: block !important;

    width: 100% !important;
    max-width: 880px !important;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: left center !important;

    margin: 0 !important;
}

/* CWT HEADER IMAGE — SCALE CONTROL FIX */
html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: auto !important;
    max-width: 100% !important;
}

/* CWT HEADER IMAGE — ADMIN SCALE FINAL */
html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: var(--cwt-header-image-width, 520px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 92px !important;
    object-fit: contain !important;
    object-position: left center !important;
    flex: 0 0 auto !important;
}

/* CWT HEADER IMAGE — SCALE: 100% = FULL AVAILABLE WIDTH */
html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: var(--cwt-header-image-scale, 100%) !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
}

/* CWT HEADER IMAGE — REAL SCALE CONTROL */
html body .site-header .cwt-brand-title.cwt-brand-title-image {
    overflow: visible !important;
}

html body .site-header .cwt-brand-title.cwt-brand-title-image img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    transform: scale(var(--cwt-header-image-scale-factor, 1)) !important;
    transform-origin: left center !important;

    object-fit: contain !important;
    object-position: left center !important;
}


/* =========================================================
   CWT POPULAR — FULL HEIGHT BALANCE
   ========================================================= */

.home .hero-popular-module {
    display: flex !important;
    flex-direction: column !important;
}

/* Список занимает всё оставшееся пространство */
.home .hero-popular-list {
    flex: 1 1 auto !important;

    display: grid !important;
    grid-template-rows: repeat(5, 1fr) !important;

    min-height: 0 !important;
}

/* Каждый материал равномерно занимает свою часть */
.home .hero-popular-item {
    min-height: 0 !important;

    padding: 12px 24px !important;

    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;

    box-sizing: border-box !important;
}

/* Последний пункт больше не ужимаем */
.home .hero-popular-item:last-child {
    padding-bottom: 12px !important;
}

/* Текст чуть свободнее */
.home .hero-popular-title {
    font-size: 13px !important;
    line-height: 1.28 !important;
}

/* Дата и просмотры */
.home .hero-popular-meta {
    margin-top: 7px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
}

/* =========================================================
   SINGLE ARTICLE — RIGHT SIDEBAR + CLEAN RUBRICS
   ========================================================= */

/* Основной текст слева, служебные блоки справа */
.single-post .article-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 280px !important;
    gap: 34px !important;
    align-items: start !important;
}

.single-post .article-main-column {
    grid-column: 1 !important;
    min-width: 0 !important;
}

.single-post .article-sidebar-modern {
    grid-column: 2 !important;
    min-width: 0 !important;
}

/* Правый сайдбар компактным вертикальным стеком */
.single-post .article-sidebar-modern {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

/* Убираем декоративные рамки у рубрик/врезок внутри текста статьи */
.single-post .article-content .article-category,
.single-post .article-content .article-rubric,
.single-post .article-content [class*="rubric"],
.single-post .article-content [class*="category"] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Hero не трогаем — его рубрика остаётся оформленной */
.single-post .article-intro .article-category,
.single-post .article-intro [class*="category"],
.single-post .article-intro [class*="rubric"] {
    border: revert !important;
}

/* На планшете чуть уже */
@media (max-width: 1050px) {
    .single-post .article-layout {
        grid-template-columns: minmax(0, 1fr) 250px !important;
        gap: 26px !important;
    }
}

/* На мобильном сайдбар снова вниз */
@media (max-width: 820px) {
    .single-post .article-layout {
        display: block !important;
    }

    .single-post .article-sidebar-modern {
        margin-top: 28px !important;
    }
}

/* =========================================================
   SINGLE ARTICLE — FINAL RIGHT SIDEBAR LAYOUT
   ========================================================= */

/* Статья и сайдбар начинаются на одной высоте */
.single-post .article-main-column {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.single-post .article-sidebar-modern {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* Основная статья — без тематической рамки */
.single-post .article-content {
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Рекомендуем / Видео / Популярные темы — без цветных обводок */
.single-post .article-sidebar-modern .sidebar-block {
    border: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Оставляем аккуратное разделение самих блоков */
.single-post .article-sidebar-modern .sidebar-block + .sidebar-block {
    border-top: 1px solid rgba(25, 31, 38, .10) !important;
    padding-top: 20px !important;
}

/* Мобильная версия */
@media (max-width: 820px) {
    .single-post .article-main-column,
    .single-post .article-sidebar-modern {
        grid-row: auto !important;
        grid-column: auto !important;
    }
}

/* SINGLE ARTICLE — MORE AIR BEFORE RIGHT SIDEBAR */
@media (min-width: 1060px) {
    .single-post .article-layout {
        column-gap: 62px !important;
    }
}

/* =========================================================
   SINGLE ARTICLE — FINAL SPACING + SIDEBAR CARDS
   ========================================================= */

/* Такой же отступ от меню, как на главной */
.single-post main {
    padding-top: 14px !important;
}

/* Убираем лишний внешний отступ перед hero статьи */
.single-post .article-intro {
    margin-top: 0 !important;
}

/* Чуть больше воздуха между статьёй и правой колонкой */
@media (min-width: 1060px) {
    .single-post .article-layout {
        column-gap: 68px !important;
    }
}

/* Правые блоки снова читаются как отдельные модули,
   но без цветных рубричных рамок */
.single-post .article-sidebar-modern .sidebar-block {
    position: relative !important;

    margin: 0 0 22px 0 !important;
    padding: 20px 18px !important;

    background: rgba(255,255,255,.72) !important;

    border: 1px solid rgba(32,39,45,.08) !important;
    border-left: 1px solid rgba(32,39,45,.08) !important;
    border-radius: 16px !important;

    box-shadow:
        0 10px 28px rgba(32,39,45,.04) !important;
}

/* Тонкая фирменная золотая линия сверху */
.single-post .article-sidebar-modern .sidebar-block::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    right: 18px !important;

    height: 1px !important;

    background: linear-gradient(
        90deg,
        #9b7024,
        #d5b25d,
        rgba(213,178,93,.12)
    ) !important;
}

/* Убираем старый разделитель между соседними блоками */
.single-post .article-sidebar-modern .sidebar-block + .sidebar-block {
    border-top: 1px solid rgba(32,39,45,.08) !important;
    padding-top: 20px !important;
}

/* Заголовки правых модулей */
.single-post .article-sidebar-modern .sidebar-title {
    margin-bottom: 16px !important;
    color: #20272d !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
}

/* =========================================================
   CATEGORY PAGE — CARD LAYOUT TUNING
   ========================================================= */

.category .materials-page {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.category .materials-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
}

.category .materials-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
}

.category .materials-card-link {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.category .materials-card-image {
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    overflow: hidden !important;
}

.category .materials-card-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.category .materials-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 18px 18px 16px !important;
}

.category .materials-card-title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
}

.category .materials-card-excerpt {
    flex: 1 1 auto !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.category .materials-card-meta {
    margin-top: 14px !important;
}

@media (max-width: 980px) {
    .category .materials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    .category .materials-grid {
        grid-template-columns: 1fr !important;
    }
}

/* =========================================================
   CATEGORY PAGE — CENTER INCOMPLETE LAST ROW
   ========================================================= */

@media (min-width: 981px) {

    /* Если в последнем ряду осталась одна карточка */
    .category .materials-card:last-child:nth-child(3n + 1) {
        grid-column: 2 !important;
    }

    /* Если в последнем ряду осталось две карточки */
    .category .materials-card:nth-last-child(2):nth-child(3n + 1) {
        grid-column: 1 / 2 !important;
        transform: translateX(50%) !important;
    }

    .category .materials-card:nth-last-child(2):nth-child(3n + 1) + .materials-card {
        transform: translateX(50%) !important;
    }
}

/* =========================================================
   CATEGORY PAGE — HEADER ALIGNMENT
   ========================================================= */

/* Такой же компактный старт после меню, как на главной */
body.category main.materials-page {
    padding-top: 14px !important;
}

/* Убираем возможные старые внешние отступы */
body.category .materials-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 20px !important;
}

/* Надпись РУБРИКА — фирменное золото */
body.category .materials-header .section-kicker {
    color: #b27f24 !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    margin-bottom: 7px !important;
}

/* Заголовок рубрики */
body.category .materials-header h1 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    color: #14223a !important;
}

/* Переключатель немного ближе к заголовку */
body.category .materials-view-switcher {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

/* =========================================================
   ALL MATERIALS — USE REAL TRANSLATED TEXT
   ========================================================= */

.home .latest-section .latest-header-button {
    font-size: 11px !important;
}

/* Убираем старый жёстко прописанный русский текст */
.home .latest-section .latest-header-button::before {
    content: none !important;
    display: none !important;
}

/* Встроенную стрелку скрываем — декоративная ::after остаётся */
.home .latest-section .latest-header-button > span {
    display: none !important;
}


/* =========================================================
   IDEOLOGY PAGE — HEADER SPACING + KICKER
   ========================================================= */

body.page-template-page-ideology main.cwt-ideology-page {
    padding-top: 14px !important;
}

body.page-template-page-ideology .cwt-ideology-hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-template-page-ideology .cwt-ideology-hero-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.page-template-page-ideology .cwt-ideology-hero .section-kicker {
    color: #b27f24 !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

body.page-template-page-ideology .cwt-ideology-hero h1 {
    margin-top: 0 !important;
}


/* =========================================================
   IDEOLOGY — ARTICLE TYPOGRAPHY
   ========================================================= */

body.page-template-page-ideology .cwt-ideology-layout {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 28px 60px !important;
}

body.page-template-page-ideology .cwt-ideology-content {
    max-width: 820px !important;
    margin: 0 auto !important;

    font-size: 17px !important;
    line-height: 1.78 !important;
    font-weight: 400 !important;

    color: #273443 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;
}

body.page-template-page-ideology .cwt-ideology-content p {
    margin: 0 0 1.35em !important;
}

body.page-template-page-ideology .cwt-ideology-content p:first-child {
    font-size: 19px !important;
    line-height: 1.72 !important;
    color: #18283a !important;
}

body.page-template-page-ideology .cwt-ideology-content strong {
    font-weight: 700 !important;
    color: #15263a !important;
}

body.page-template-page-ideology .cwt-ideology-content a {
    color: #9b6b19 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}

body.page-template-page-ideology .cwt-ideology-content h2,
body.page-template-page-ideology .cwt-ideology-content h3 {
    font-family: inherit !important;
    color: #14223a !important;
    line-height: 1.25 !important;
}

body.page-template-page-ideology .cwt-ideology-content h2 {
    font-size: 30px !important;
    margin: 1.9em 0 .7em !important;
}

body.page-template-page-ideology .cwt-ideology-content h3 {
    font-size: 23px !important;
    margin: 1.7em 0 .65em !important;
}

body.page-template-page-ideology .cwt-ideology-content blockquote {
    margin: 32px 0 !important;
    padding: 18px 24px !important;

    border-left: 3px solid #b27f24 !important;
    background: rgba(178,127,36,.055) !important;

    font-size: 18px !important;
    line-height: 1.7 !important;
    color: #24354a !important;
}

body.page-template-page-ideology .cwt-ideology-content > *:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 760px) {

    body.page-template-page-ideology .cwt-ideology-layout {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.page-template-page-ideology .cwt-ideology-content {
        font-size: 16px !important;
        line-height: 1.72 !important;
    }

    body.page-template-page-ideology .cwt-ideology-content p:first-child {
        font-size: 17px !important;
    }
}


/* =========================================================
   MATERIALS PAGE — HEADER SPACING + KICKER
   ========================================================= */

body.page-template-page-materials main.materials-page {
    padding-top: 14px !important;
}

body.page-template-page-materials .materials-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 20px !important;
}

body.page-template-page-materials .materials-header .section-kicker {
    color: #b27f24 !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

body.page-template-page-materials .materials-header h1 {
    margin-top: 0 !important;
}


/* =========================================================
   MATERIALS ARCHIVE — HEADER FIX
   ========================================================= */

main.materials-page--archive {
    padding-top: 14px !important;
}

main.materials-page--archive .materials-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 20px !important;
}

main.materials-page--archive .materials-header .section-kicker {
    color: #b27f24 !important;
    font-weight: 700 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

main.materials-page--archive .materials-header h1 {
    margin-top: 0 !important;
}


/* =========================================================
   IDEOLOGY — IMAGES
   ========================================================= */

body.page-template-page-ideology .cwt-ideology-content p:has(.cwt-ideology-image) {
    margin: 34px 0 38px !important;
}

body.page-template-page-ideology .cwt-ideology-image {
    display: block !important;

    width: min(100%, 760px) !important;
    height: auto !important;

    margin: 0 auto !important;

    border-radius: 14px !important;

    box-shadow:
        0 12px 32px rgba(19, 31, 49, .10),
        0 2px 8px rgba(19, 31, 49, .05) !important;
}

@media (max-width: 760px) {

    body.page-template-page-ideology .cwt-ideology-content p:has(.cwt-ideology-image) {
        margin: 26px 0 30px !important;
    }

    body.page-template-page-ideology .cwt-ideology-image {
        width: 100% !important;
        border-radius: 10px !important;
    }
}


/* IDEOLOGY — HIDE DUPLICATE INNER NAV */
body.page-template-page-ideology .cwt-ideology-nav {
    display: none !important;
}


/* =========================================================
   IDEOLOGY — FINAL EDITORIAL LAYOUT
   Same rhythm as normal CWT articles
   ========================================================= */

body.page-template-page-ideology .cwt-ideology-hero-inner,
body.page-template-page-ideology .cwt-ideology-layout {
    width: 100% !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.page-template-page-ideology .cwt-ideology-layout {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 70px !important;
}

body.page-template-page-ideology .cwt-ideology-content {
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 !important;

    font-family: inherit !important;
    font-size: 19px !important;
    line-height: 1.78 !important;
    font-weight: 400 !important;
    color: #273443 !important;
}

body.page-template-page-ideology .cwt-ideology-content p {
    margin: 0 0 1.35em !important;
}

body.page-template-page-ideology .cwt-ideology-content p:first-child {
    font-size: 19px !important;
    line-height: 1.78 !important;
    color: #273443 !important;
}

/* Картинка как полноценная иллюстрация статьи */
body.page-template-page-ideology .cwt-ideology-content p:has(.cwt-ideology-image) {
    margin: 34px 0 38px !important;
}

body.page-template-page-ideology .cwt-ideology-image {
    display: block !important;
    width: 100% !important;
    max-width: 820px !important;
    height: auto !important;
    margin: 0 auto !important;

    border-radius: 14px !important;

    box-shadow:
        0 10px 28px rgba(20, 30, 45, .09),
        0 2px 7px rgba(20, 30, 45, .05) !important;
}

/* Заголовок находится на той же оси, что и статья */
body.page-template-page-ideology .cwt-ideology-hero h1 {
    max-width: 820px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Планшет / телефон */
@media (max-width: 880px) {

    body.page-template-page-ideology .cwt-ideology-hero-inner,
    body.page-template-page-ideology .cwt-ideology-layout {
        max-width: none !important;
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body.page-template-page-ideology .cwt-ideology-content {
        font-size: 17px !important;
        line-height: 1.72 !important;
    }

    body.page-template-page-ideology .cwt-ideology-content p:first-child {
        font-size: 17px !important;
        line-height: 1.72 !important;
    }

    body.page-template-page-ideology .cwt-ideology-image {
        width: 100% !important;
        border-radius: 10px !important;
    }
}


/* =========================================================
   IDEOLOGY — EDITORIAL TYPOGRAPHY + ACCENTS
   ========================================================= */

body.page-template-page-ideology .cwt-ideology-content {
    font-size: 19px !important;
    line-height: 1.82 !important;
    color: #334155 !important;
    letter-spacing: .003em !important;
}

/* Обычные абзацы */
body.page-template-page-ideology .cwt-ideology-content p {
    margin-bottom: 1.45em !important;
}

/* Первый содержательный абзац — лид */
body.page-template-page-ideology .cwt-ideology-content > p:first-of-type:not(:has(img)) {
    font-size: 21px !important;
    line-height: 1.72 !important;
    color: #17243a !important;
    font-weight: 500 !important;
    margin-bottom: 1.55em !important;
}

/* Сильные фразы внутри текста */
body.page-template-page-ideology .cwt-ideology-content strong {
    color: #14223a !important;
    font-weight: 750 !important;
}

/* Финальный тезис */
body.page-template-page-ideology .cwt-ideology-content > p:last-child:has(strong) {
    position: relative !important;

    margin-top: 42px !important;
    padding: 24px 28px 24px 30px !important;

    background:
        linear-gradient(
            135deg,
            rgba(178,127,36,.10),
            rgba(178,127,36,.035)
        ) !important;

    border: 1px solid rgba(178,127,36,.20) !important;
    border-radius: 14px !important;

    font-size: 21px !important;
    line-height: 1.55 !important;

    color: #14223a !important;
}

body.page-template-page-ideology .cwt-ideology-content > p:last-child:has(strong)::before {
    content: "" !important;

    position: absolute !important;
    top: 18px !important;
    bottom: 18px !important;
    left: 0 !important;

    width: 3px !important;
    border-radius: 3px !important;

    background: #b27f24 !important;
}

/* Чуть больше воздуха вокруг иллюстраций */
body.page-template-page-ideology .cwt-ideology-content p:has(.cwt-ideology-image) {
    margin-top: 42px !important;
    margin-bottom: 42px !important;
}

/* Не даём старым inline-стилям влиять на картинки */
body.page-template-page-ideology .cwt-ideology-image {
    object-fit: contain !important;
}

/* Mobile */
@media (max-width: 760px) {

    body.page-template-page-ideology .cwt-ideology-content {
        font-size: 17px !important;
        line-height: 1.76 !important;
    }

    body.page-template-page-ideology .cwt-ideology-content > p:first-of-type:not(:has(img)) {
        font-size: 19px !important;
    }

    body.page-template-page-ideology .cwt-ideology-content > p:last-child:has(strong) {
        padding: 20px 20px 20px 23px !important;
        font-size: 19px !important;
    }
}


/* IDEOLOGY — TITLE REFINEMENT */
body.page-template-page-ideology .cwt-ideology-hero h1 {
    font-size: clamp(38px, 3.2vw, 52px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
    max-width: 760px !important;
    margin-bottom: 24px !important;
}

body.page-template-page-ideology .cwt-ideology-hero .section-kicker {
    margin-bottom: 9px !important;
}


/* =========================================================
   IDEOLOGY — SECTION HEADINGS
   ========================================================= */

body.page-template-page-ideology .cwt-ideology-section-title {
    position: relative !important;

    margin: 58px 0 24px !important;
    padding-top: 17px !important;

    font-family: inherit !important;
    font-size: 29px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;

    color: #14223a !important;
}

body.page-template-page-ideology .cwt-ideology-section-title::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 46px !important;
    height: 2px !important;

    border-radius: 2px !important;
    background: #b27f24 !important;
}

/* Если заголовок идёт сразу после картинки */
body.page-template-page-ideology p:has(.cwt-ideology-image) + .cwt-ideology-section-title {
    margin-top: 48px !important;
}

@media (max-width: 760px) {
    body.page-template-page-ideology .cwt-ideology-section-title {
        margin-top: 44px !important;
        margin-bottom: 18px !important;
        font-size: 24px !important;
    }
}


/* IDEOLOGY — LEVEL 3 SUBHEADINGS */
body.page-template-page-ideology .cwt-ideology-subtitle {
    margin: 34px 0 12px !important;

    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 750 !important;
    letter-spacing: -.015em !important;

    color: #1d2d42 !important;
}

body.page-template-page-ideology .cwt-ideology-subtitle + p {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    body.page-template-page-ideology .cwt-ideology-subtitle {
        font-size: 20px !important;
        margin-top: 28px !important;
    }
}


/* =========================================================
   CWT — AUDIOBOOK / DOWNLOAD BOOK
   ========================================================= */

/* Общая зона */
body.page-id-5643 .cwt-ideology-content,
body.page-id-5644 .cwt-ideology-content {
    max-width: 820px !important;
}

/* ---------- AUDIOBOOK ---------- */

body.page-id-5643 .btn-download {
    margin: 8px 0 28px;
}

body.page-id-5643 .btn-download a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 0 26px;

    border-radius: 10px;
    background: #b27f24;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 16px;
    font-weight: 700;
    line-height: 1;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

body.page-id-5643 .btn-download a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(178,127,36,.22);
}

body.page-id-5643 .embed-responsive {
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding-top: 56.25%;

    overflow: hidden;
    border-radius: 16px;

    background: #0f172a;
    box-shadow: 0 16px 38px rgba(15,23,42,.10);
}

body.page-id-5643 .embed-responsive iframe {
    position: absolute;
    inset: 0;

    width: 100% !important;
    height: 100% !important;

    border: 0;
}


/* ---------- DOWNLOAD BOOK ---------- */

body.page-id-5644 .download-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;

    margin-top: 14px;
}

body.page-id-5644 .download-item {
    display: flex;
    align-items: center;
    gap: 20px;

    min-height: 150px;
    padding: 24px;

    background: #fff;
    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;

    box-shadow: 0 12px 32px rgba(15,23,42,.06);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

body.page-id-5644 .download-item:hover {
    transform: translateY(-3px);
    border-color: rgba(178,127,36,.30);
    box-shadow: 0 16px 38px rgba(15,23,42,.10);
}

body.page-id-5644 .download-left {
    flex: 0 0 72px;
}

body.page-id-5644 .download-left img {
    display: block;

    width: 72px !important;
    height: 72px !important;

    margin: 0 !important;

    object-fit: contain;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.page-id-5644 .download-right {
    min-width: 0;

    font-size: 15px;
    line-height: 1.55;
    color: #64748b;
}

body.page-id-5644 .download-right a {
    display: inline-block;
    margin-bottom: 8px;

    font-size: 23px;
    line-height: 1.1;
    font-weight: 800;

    color: #14223a !important;
    text-decoration: none !important;
}

body.page-id-5644 .download-right a::after {
    content: " →";
    color: #b27f24;
}

body.page-id-5644 .download-right div:first-of-type {
    margin-bottom: 2px;
    color: #b27f24;
    font-weight: 700;
}


/* ---------- MOBILE ---------- */

@media (max-width: 700px) {

    body.page-id-5644 .download-container {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.page-id-5644 .download-item {
        min-height: 0;
        padding: 20px;
    }

    body.page-id-5644 .download-left {
        flex-basis: 58px;
    }

    body.page-id-5644 .download-left img {
        width: 58px !important;
        height: 58px !important;
    }

    body.page-id-5644 .download-right a {
        font-size: 21px;
    }
}


/* =========================================================
   CWT — BOOK LANDING
   ========================================================= */

body.page-id-5617 .cwt-book-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin: 4px 0 34px;
}

body.page-id-5617 .cwt-book-action {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 132px;
    padding: 24px;

    background: #fff;
    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;

    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.055);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

body.page-id-5617 .cwt-book-action:hover {
    transform: translateY(-3px);
    border-color: rgba(178,127,36,.35);
    box-shadow: 0 16px 36px rgba(15,23,42,.10);
}

body.page-id-5617 .cwt-book-action-title {
    display: block;
    margin-bottom: 7px;

    font-size: 20px;
    line-height: 1.15;
    font-weight: 800;

    color: #14223a;
}

body.page-id-5617 .cwt-book-action-text {
    display: block;

    font-size: 14px;
    line-height: 1.5;

    color: #64748b;
}

body.page-id-5617 .cwt-book-action::after {
    content: "→";
    display: block;

    margin-top: 13px;

    color: #b27f24;
    font-size: 22px;
    line-height: 1;
}

body.page-id-5617 .cwt-book-reader {
    width: 100%;
    overflow: hidden;

    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;

    background: #fff;
    box-shadow: 0 14px 36px rgba(15,23,42,.07);
}

body.page-id-5617 .cwt-book-reader iframe {
    display: block;
    width: 100% !important;
    height: 800px;
    border: 0;
}

@media (max-width: 760px) {

    body.page-id-5617 .cwt-book-actions {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    body.page-id-5617 .cwt-book-action {
        min-height: 0;
        padding: 20px;
    }

    body.page-id-5617 .cwt-book-reader iframe {
        height: 600px;
    }
}


/* =========================================================
   CWT — DOCUMENT VIEWER
   ========================================================= */

body.page-id-5657 .cwt-ideology-content,
body.page-id-5658 .cwt-ideology-content,
body.page-id-5659 .cwt-ideology-content,
body.page-id-5660 .cwt-ideology-content,
body.page-id-5661 .cwt-ideology-content,
body.page-id-5662 .cwt-ideology-content,
body.page-id-5663 .cwt-ideology-content,
body.page-id-5664 .cwt-ideology-content,
body.page-id-5665 .cwt-ideology-content,
body.page-id-5666 .cwt-ideology-content {
    max-width: 920px !important;
}

body.page-id-5657 .cwt-document-viewer,
body.page-id-5658 .cwt-document-viewer {
    width: 100%;
    overflow: hidden;

    background: #fff;
    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;

    box-shadow: 0 14px 36px rgba(15,23,42,.07);
}

/* Переведённые страницы пока содержат старый <p><iframe> */
body.page-id-5659 .cwt-ideology-content > p,
body.page-id-5660 .cwt-ideology-content > p,
body.page-id-5661 .cwt-ideology-content > p,
body.page-id-5662 .cwt-ideology-content > p,
body.page-id-5663 .cwt-ideology-content > p,
body.page-id-5664 .cwt-ideology-content > p,
body.page-id-5665 .cwt-ideology-content > p,
body.page-id-5666 .cwt-ideology-content > p {
    width: 100%;
    margin: 0 !important;
    overflow: hidden;

    background: #fff;
    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;

    box-shadow: 0 14px 36px rgba(15,23,42,.07);
}

body.page-id-5657 .cwt-document-viewer iframe,
body.page-id-5658 .cwt-document-viewer iframe,
body.page-id-5659 .cwt-ideology-content iframe,
body.page-id-5660 .cwt-ideology-content iframe,
body.page-id-5661 .cwt-ideology-content iframe,
body.page-id-5662 .cwt-ideology-content iframe,
body.page-id-5663 .cwt-ideology-content iframe,
body.page-id-5664 .cwt-ideology-content iframe,
body.page-id-5665 .cwt-ideology-content iframe,
body.page-id-5666 .cwt-ideology-content iframe {
    display: block;
    width: 100% !important;
    height: 820px !important;
    border: 0 !important;
}

@media (max-width: 760px) {

    body.page-id-5657 .cwt-document-viewer,
    body.page-id-5658 .cwt-document-viewer,
    body.page-id-5659 .cwt-ideology-content > p,
    body.page-id-5660 .cwt-ideology-content > p,
    body.page-id-5661 .cwt-ideology-content > p,
    body.page-id-5662 .cwt-ideology-content > p,
    body.page-id-5663 .cwt-ideology-content > p,
    body.page-id-5664 .cwt-ideology-content > p,
    body.page-id-5665 .cwt-ideology-content > p,
    body.page-id-5666 .cwt-ideology-content > p {
        border-radius: 10px;
    }

    body.page-id-5657 .cwt-document-viewer iframe,
    body.page-id-5658 .cwt-document-viewer iframe,
    body.page-id-5659 .cwt-ideology-content iframe,
    body.page-id-5660 .cwt-ideology-content iframe,
    body.page-id-5661 .cwt-ideology-content iframe,
    body.page-id-5662 .cwt-ideology-content iframe,
    body.page-id-5663 .cwt-ideology-content iframe,
    body.page-id-5664 .cwt-ideology-content iframe,
    body.page-id-5665 .cwt-ideology-content iframe,
    body.page-id-5666 .cwt-ideology-content iframe {
        height: 650px !important;
    }
}


/* =========================================================
   CWT — DOCUMENTS LANDING
   ========================================================= */

body.page-template-page-ideology .cwt-documents-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 10px;
}

body.page-template-page-ideology .cwt-document-card {
    display: flex;
    flex-direction: column;
    min-height: 210px;
    padding: 28px;

    background: #fff;
    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;

    text-decoration: none !important;
    box-shadow: 0 12px 32px rgba(15,23,42,.06);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

body.page-template-page-ideology .cwt-document-card:hover {
    transform: translateY(-3px);
    border-color: rgba(178,127,36,.35);
    box-shadow: 0 16px 38px rgba(15,23,42,.10);
}

body.page-template-page-ideology .cwt-document-card-kicker {
    margin-bottom: 14px;

    color: #b27f24;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

body.page-template-page-ideology .cwt-document-card-title {
    margin-bottom: 10px;

    color: #14223a;

    font-size: 24px;
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.02em;
}

body.page-template-page-ideology .cwt-document-card-text {
    color: #64748b;

    font-size: 15px;
    line-height: 1.6;
}

body.page-template-page-ideology .cwt-document-card::after {
    content: "→";
    margin-top: auto;
    padding-top: 22px;

    color: #b27f24;

    font-size: 24px;
    line-height: 1;
}

@media (max-width: 700px) {

    body.page-template-page-ideology .cwt-documents-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.page-template-page-ideology .cwt-document-card {
        min-height: 180px;
        padding: 22px;
    }

    body.page-template-page-ideology .cwt-document-card-title {
        font-size: 21px;
    }
}


/* =========================================================
   CWT — MANAGED PAGE SOURCES
   ========================================================= */

body.page-template-page-ideology .cwt-page-source-message {
    padding: 28px;
    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}

body.page-template-page-ideology .cwt-page-source-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;
    padding: 0 22px;

    background: #b27f24;
    border-radius: 10px;

    color: #fff !important;
    text-decoration: none !important;

    font-size: 15px;
    font-weight: 700;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

body.page-template-page-ideology .cwt-page-source-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(178,127,36,.22);
}

body.page-template-page-ideology .cwt-page-file-viewer {
    width: 100%;
    overflow: hidden;

    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;
    background: #fff;

    box-shadow: 0 14px 36px rgba(15,23,42,.07);
}

body.page-template-page-ideology .cwt-page-file-viewer iframe {
    display: block;
    width: 100%;
    height: 820px;
    border: 0;
}

body.page-template-page-ideology .cwt-page-source-download {
    margin-top: 18px;
}

body.page-template-page-ideology .cwt-page-audio {
    padding: 28px;

    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;
    background: #fff;

    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}

body.page-template-page-ideology .cwt-page-audio .mejs-container {
    width: 100% !important;
}

body.page-template-page-ideology .cwt-page-image img {
    display: block;
    width: 100%;
    height: auto;

    border-radius: 16px;
}

body.page-template-page-ideology .cwt-page-download-card {
    padding: 28px;

    border: 1px solid rgba(20,34,58,.10);
    border-radius: 16px;
    background: #fff;

    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}

body.page-template-page-ideology .cwt-page-download-title {
    margin-bottom: 18px;

    color: #14223a;
    font-size: 20px;
    font-weight: 800;
}

@media (max-width: 760px) {

    body.page-template-page-ideology .cwt-page-file-viewer iframe {
        height: 650px;
    }

}



/* =========================================================
   CWT — FINAL MOBILE ARTICLES
   ========================================================= */

@media (max-width: 820px) {

    /* Не допускаем горизонтального выезда */
    body.single-post {
        overflow-x: hidden !important;
    }

    body.single-post main.article-page {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    body.single-post .article-modern {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    /* ---------- HERO ---------- */

    body.single-post .article-intro {
        display: flex !important;
        flex-direction: column !important;
        gap: 22px !important;

        width: 100% !important;
        margin-bottom: 38px !important;
    }

    body.single-post .article-intro-copy {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-post .article-title {
        width: 100% !important;
        max-width: none !important;

        margin-top: 0 !important;
        margin-bottom: 16px !important;

        font-size: clamp(30px, 8.5vw, 42px) !important;
        line-height: 1.06 !important;
        letter-spacing: -.035em !important;

        overflow-wrap: anywhere;
    }

    body.single-post .article-intro-cover {
        width: 100% !important;
        max-width: none !important;
        aspect-ratio: 16 / 10 !important;

        border-radius: 14px !important;
        overflow: hidden !important;
    }

    body.single-post .article-intro-cover img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
    }


    /* ---------- MAIN ARTICLE ---------- */

    body.single-post .article-layout {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 38px !important;
        margin: 0 !important;
    }

    body.single-post .article-main-column {
        order: 1;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.single-post .article-sidebar-modern {
        order: 2;

        position: static !important;
        top: auto !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 14px !important;
    }


    /* ---------- TYPOGRAPHY ---------- */

    body.single-post .article-content {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 17px !important;
        line-height: 1.76 !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

    body.single-post .article-content > p {
        margin-top: 0 !important;
        margin-bottom: 1.35em !important;
    }

    body.single-post .article-content > p:first-child,
    body.single-post .article-content > .article-lead + p {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }

    body.single-post .article-lead {
        margin-bottom: 24px !important;

        font-size: 19px !important;
        line-height: 1.55 !important;
    }

    body.single-post .article-content h2 {
        margin-top: 42px !important;
        margin-bottom: 16px !important;

        font-size: 26px !important;
        line-height: 1.14 !important;
        letter-spacing: -.025em !important;
    }

    body.single-post .article-content h3 {
        margin-top: 32px !important;
        margin-bottom: 12px !important;

        font-size: 21px !important;
        line-height: 1.22 !important;
    }


    /* ---------- LISTS ---------- */

    body.single-post .article-content ul,
    body.single-post .article-content ol {
        margin: 18px 0 26px !important;
        padding-left: 24px !important;
    }

    body.single-post .article-content li {
        margin-bottom: 9px !important;
        padding-left: 2px !important;
    }


    /* ---------- IMAGES ---------- */

    body.single-post .article-content img,
    body.single-post .article-content figure,
    body.single-post .article-content .wp-caption {
        max-width: 100% !important;
    }

    body.single-post .article-content img {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 28px auto !important;

        border-radius: 10px !important;
    }

    body.single-post .article-content figure {
        margin: 28px 0 !important;
    }


    /* ---------- VIDEO / EMBEDS ---------- */

    body.single-post .article-content iframe,
    body.single-post .article-content video {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        border-radius: 10px !important;
    }

    body.single-post .article-content iframe[src*="youtube"],
    body.single-post .article-content iframe[src*="youtu.be"] {
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
    }


    /* ---------- QUOTES ---------- */

    body.single-post .article-content blockquote {
        margin: 30px 0 !important;
        padding: 20px 18px 20px 21px !important;

        border-left: 3px solid #b27f24 !important;
        border-radius: 0 10px 10px 0 !important;

        background: #f8fafc !important;

        font-size: 18px !important;
        line-height: 1.65 !important;
        color: #24344d !important;
    }

    body.single-post .article-content blockquote p:last-child {
        margin-bottom: 0 !important;
    }


    /* ---------- QUESTIONS ---------- */

    body.single-post .article-content p.question {
        margin: 28px 0 16px !important;
        padding: 17px 18px !important;

        border-radius: 0 10px 10px 0 !important;
    }


    /* ---------- TABLES ---------- */

    body.single-post .article-content table {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }


    /* ---------- LONG LINKS ---------- */

    body.single-post .article-content a,
    body.single-post .article-source a {
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }


    /* ---------- SOURCES ---------- */

    body.single-post .article-source {
        width: 100% !important;
        max-width: 100% !important;

        margin: 38px 0 0 !important;
        padding: 18px !important;

        box-sizing: border-box !important;
        border-radius: 12px !important;
    }

    body.single-post .article-source-value {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    body.single-post .article-source-value ul,
    body.single-post .article-source-value ol {
        margin: 8px 0 0 !important;
        padding-left: 20px !important;
    }

    body.single-post .article-source-value li {
        margin-bottom: 7px !important;
    }

}


/* Очень узкие телефоны */
@media (max-width: 480px) {

    body.single-post main.article-page {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body.single-post .article-title {
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    body.single-post .article-content {
        font-size: 16.5px !important;
        line-height: 1.74 !important;
    }

    body.single-post .article-content h2 {
        font-size: 23px !important;
    }

    body.single-post .article-content h3 {
        font-size: 20px !important;
    }

    body.single-post .article-intro {
        margin-bottom: 32px !important;
    }

}


/* MOBILE HEADER — hide long CWT wordmark */
@media (max-width: 760px) {

    .site-header .brand-wordmark,
    .site-header .header-wordmark,
    .site-header .cwt-wordmark,
    .site-header .brand-tagline {
        display: none !important;
    }

}


/* MOBILE HEADER — hide CWT slogan/title */
@media (max-width: 760px) {

    .site-header .cwt-brand-title,
    .site-header .cwt-brand-title-image {
        display: none !important;
    }

    .site-header .cwt-brandbar-inner {
        justify-content: space-between !important;
    }

}


/* MOBILE HEADER — FORCE HIDE IMAGE TITLE */
@media (max-width: 760px) {

    html body .site-header .cwt-brand-title,
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    html body .site-header .cwt-brandbar-inner {
        justify-content: space-between !important;
        gap: 12px !important;
    }

}


/* MOBILE HEADER — BURGER CONTRAST FIX */
@media (max-width: 760px) {

    html body .site-header .mobile-menu-toggle {
        background: rgba(255,255,255,.88) !important;
        border: 1px solid rgba(24,50,73,.20) !important;
        box-shadow: 0 2px 8px rgba(24,50,73,.06) !important;
    }

    html body .site-header .mobile-menu-toggle span {
        background: #183249 !important;
        opacity: 1 !important;
    }

    html body .site-header .mobile-menu-toggle:active {
        background: rgba(255,255,255,1) !important;
    }

}


/* =========================================================
   MOBILE HEADER — DYNAMIC CONTROLS
   follows colors selected in CWT admin
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header .mobile-menu-toggle {
        color: var(--cwt-header-text) !important;

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 88%,
                var(--cwt-header-text) 12%
            ) !important;

        border: 1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 22%,
                transparent
            ) !important;

        box-shadow:
            0 2px 8px
            color-mix(
                in srgb,
                var(--cwt-header-text) 8%,
                transparent
            ) !important;
    }

    html body .site-header .mobile-menu-toggle span {
        background: var(--cwt-header-text) !important;
        opacity: 1 !important;
    }

    html body .site-header .language-current {
        color: var(--cwt-header-text) !important;

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 88%,
                var(--cwt-header-text) 12%
            ) !important;

        border-color:
            color-mix(
                in srgb,
                var(--cwt-header-text) 22%,
                transparent
            ) !important;
    }

}



/* =========================================================
   CWT HEADER — DYNAMIC COLOR HIERARCHY
   Uses colors selected in CWT → Цвета сайта
   ========================================================= */

/* Название/слоган теперь является ссылкой */
html body .site-header .cwt-brand-title-link {
    color: var(--cwt-header-text) !important;
    text-decoration: none !important;
}

html body .site-header .cwt-brand-title-link:hover {
    text-decoration: none !important;
}


/* Верхняя брендовая часть — основной выбранный цвет */
html body .site-header .cwt-brandbar {
    background: var(--cwt-header-bg) !important;
}


/*
 * Нижняя полоса навигации:
 * немного светлее основного цвета шапки.
 */
html body .site-header > .header-inner {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 91%,
            white 9%
        ) !important;
}


/* Текст нижнего меню следует настройке цвета текста шапки */
html body .site-header .cwt-main-nav > a,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a,
html body .site-header .language-current {
    color: var(--cwt-header-text) !important;
}


/* Первый уровень выпадающего меню */
html body .site-header .cwt-main-nav .cwt-submenu {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 88%,
            white 12%
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-header-text) 35%,
            transparent
        ) !important;

    box-shadow:
        0 14px 34px
        color-mix(
            in srgb,
            var(--cwt-header-text) 12%,
            transparent
        ) !important;
}


/* Второй уровень выпадающего меню */
html body .site-header .cwt-main-nav .cwt-submenu-level2 {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 84%,
            white 16%
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-header-text) 32%,
            transparent
        ) !important;
}


/* Цвет пунктов выпадающего меню */
html body .site-header .cwt-main-nav .cwt-submenu a,
html body .site-header .cwt-main-nav .cwt-submenu-level2 a {
    color: var(--cwt-header-text) !important;
}


/* Hover тоже строится от выбранного цвета */
html body .site-header .cwt-main-nav .cwt-submenu a:hover,
html body .site-header .cwt-main-nav .cwt-submenu-level2 a:hover {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 76%,
            white 24%
        ) !important;

    color: var(--cwt-header-text) !important;
}


/* Активный пункт первого уровня */
html body .site-header .cwt-main-nav .cwt-submenu > a:first-child {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 82%,
            white 18%
        ) !important;
}


/* Мобильная версия использует ту же цветовую систему */
@media (max-width: 760px) {

    html body .site-header > .header-inner {
        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 91%,
                white 9%
            ) !important;
    }

    html body .site-header .mobile-menu-toggle,
    html body .site-header .language-current {
        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 84%,
                white 16%
            ) !important;

        border-color:
            color-mix(
                in srgb,
                var(--cwt-header-text) 25%,
                transparent
            ) !important;
    }

    html body .site-header .mobile-menu-toggle span {
        background: var(--cwt-header-text) !important;
    }
}


/* =========================================================
   CWT HEADER — FINAL MENU NORMALIZATION
   ========================================================= */

/* Все пункты верхнего уровня одинаковые */
html body .site-header .cwt-main-nav > a,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: var(--cwt-header-text) !important;
}


/* Убираем отдельные старые цвета внутри dropdown */
html body .site-header .cwt-main-nav .cwt-submenu a,
html body .site-header .cwt-main-nav .cwt-submenu a *,
html body .site-header .cwt-main-nav .cwt-submenu-level2 a,
html body .site-header .cwt-main-nav .cwt-submenu-level2 a *,
html body .site-header .cwt-main-nav .submenu-item-has-submenu > a,
html body .site-header .cwt-main-nav .submenu-item-has-submenu > a *,
html body .site-header .cwt-main-nav .menu-arrow {
    color: var(--cwt-header-text) !important;
}


/* Первый уровень */
html body .site-header .cwt-main-nav .cwt-submenu > a,
html body .site-header .cwt-main-nav .cwt-submenu > .submenu-item-has-submenu > a {
    font-size: 14px !important;
    font-weight: 700 !important;
    background: transparent !important;
}


/* Второй уровень */
html body .site-header .cwt-main-nav .cwt-submenu-level2 > a {
    font-size: 14px !important;
    font-weight: 700 !important;
    background: transparent !important;
}


/* Hover не должен возвращать старый золотой/чёрный цвет */
html body .site-header .cwt-main-nav .cwt-submenu a:hover,
html body .site-header .cwt-main-nav .cwt-submenu a:hover *,
html body .site-header .cwt-main-nav .submenu-item-has-submenu:hover > a,
html body .site-header .cwt-main-nav .submenu-item-has-submenu:hover > a *,
html body .site-header .cwt-main-nav .cwt-submenu-level2 a:hover,
html body .site-header .cwt-main-nav .cwt-submenu-level2 a:hover * {
    color: var(--cwt-header-text) !important;
}


/* У самой "Категории" принудительно отключаем accent */
html body .site-header .cwt-main-nav
.cwt-submenu > .submenu-item-has-submenu > a {
    color: var(--cwt-header-text) !important;
}

html body .site-header .cwt-main-nav
.cwt-submenu > .submenu-item-has-submenu > a::before,
html body .site-header .cwt-main-nav
.cwt-submenu > .submenu-item-has-submenu > a::after {
    color: var(--cwt-header-text) !important;
    border-color: var(--cwt-header-text) !important;
}


/* =========================================================
   CWT — CATEGORY MENU EXACT COLOR FIX
   ========================================================= */

html body .site-header
.cwt-main-nav
.cwt-submenu
a.cwt-categories-menu-link,
html body .site-header
.cwt-main-nav
.cwt-submenu
a.cwt-categories-menu-link:link,
html body .site-header
.cwt-main-nav
.cwt-submenu
a.cwt-categories-menu-link:visited,
html body .site-header
.cwt-main-nav
.cwt-submenu
a.cwt-categories-menu-link:hover,
html body .site-header
.cwt-main-nav
.cwt-submenu
a.cwt-categories-menu-link:focus {
    color: var(--cwt-header-text) !important;
}

html body .site-header
.cwt-main-nav
.cwt-submenu
a.cwt-categories-menu-link
.submenu-arrow {
    color: var(--cwt-header-text) !important;
    opacity: .65 !important;
}


/* Единая типографика верхнего меню */
html body .site-header .cwt-main-nav > a,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* =========================================================
   CWT DROPDOWN — UNIFIED SOFT HOVER
   first level = same feel as third level
   ========================================================= */

/* Первый уровень и Категории */
html body .site-header
.cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> a,

html body .site-header
.cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> .submenu-item-has-submenu
> a {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 8px !important;
}


/* Hover первого уровня — мягкий, как у третьего */
html body .site-header
.cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> a:hover,

html body .site-header
.cwt-main-nav
> .menu-item-has-submenu
> .cwt-submenu
> .submenu-item-has-submenu:hover
> a {
    color: var(--cwt-header-text) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-header-text) 10%,
            transparent
        ) !important;

    box-shadow: none !important;
    border: 0 !important;
    transform: none !important;
}


/* Второй/третий уровень — та же логика */
html body .site-header
.cwt-main-nav
.cwt-submenu-level2
> a:hover {
    color: var(--cwt-header-text) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-header-text) 10%,
            transparent
        ) !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* Убираем старую золотую боковую полоску/акцент */
html body .site-header
.cwt-main-nav
.cwt-submenu
a:hover,

html body .site-header
.cwt-main-nav
.cwt-submenu-level2
a:hover {
    box-shadow: none !important;
}


/* Стрелка Категории тоже спокойно наследует цвет */
html body .site-header
.cwt-main-nav
.cwt-submenu
.cwt-categories-menu-link
.submenu-arrow {
    color: currentColor !important;
    opacity: .7 !important;
}


/* =========================================================
   CWT HEADER — FINAL TOP MENU + SEARCH
   ========================================================= */

/* Нижняя полоса — совсем немного светлее */
html body .site-header > .header-inner {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 94%,
            white 6%
        ) !important;
}


/* Все пункты верхнего меню в обычном состоянии одинаковые */
html body .site-header .cwt-main-nav > a,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a,
html body .site-header .cwt-main-nav > a:visited,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a:visited {
    color: var(--cwt-header-text) !important;
}


/* Стрелки обычного состояния */
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a .menu-arrow {
    color: currentColor !important;
    opacity: .65 !important;
}


/* Золото только при наведении */
html body .site-header .cwt-main-nav > a:hover,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a:hover,
html body .site-header .cwt-main-nav > .menu-item-has-submenu:hover > a {
    color: #b8872d !important;
}


/* Линия снизу только при hover */
html body .site-header .cwt-main-nav > a::after,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a::after {
    background: #b8872d !important;
}


/* =========================================================
   SEARCH — DYNAMIC HEADER COLORS
   ========================================================= */

html body .site-header .header-search input {
    color: var(--cwt-header-text) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 76%,
            white 24%
        ) !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cwt-header-text) 16%,
            transparent
        ) !important;

    box-shadow: none !important;
}


/* Placeholder */
html body .site-header .header-search input::placeholder {
    color:
        color-mix(
            in srgb,
            var(--cwt-header-text) 48%,
            transparent
        ) !important;

    opacity: 1 !important;
}


/* Фокус */
html body .site-header .header-search input:focus {
    outline: none !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-header-text) 32%,
            transparent
        ) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 68%,
            white 32%
        ) !important;

    box-shadow:
        0 0 0 3px
        color-mix(
            in srgb,
            var(--cwt-header-text) 8%,
            transparent
        ) !important;
}


/* Переключатель языка — в той же системе */
html body .site-header .language-current {
    color: var(--cwt-header-text) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 78%,
            white 22%
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-header-text) 16%,
            transparent
        ) !important;
}


/* Мобильный бургер — тоже автоматически */
@media (max-width: 760px) {

    html body .site-header .mobile-menu-toggle {
        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 78%,
                white 22%
            ) !important;

        border-color:
            color-mix(
                in srgb,
                var(--cwt-header-text) 18%,
                transparent
            ) !important;
    }

    html body .site-header .mobile-menu-toggle span {
        background: var(--cwt-header-text) !important;
    }
}


/* =========================================================
   CWT HEADER — FINAL ACTIVE + SEARCH REFINEMENT
   ========================================================= */

/* Текст верхнего меню всегда остаётся цвета шапки */
html body .site-header .cwt-main-nav > a:hover,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a:hover,
html body .site-header .cwt-main-nav > .menu-item-has-submenu:hover > a {
    color: var(--cwt-header-text) !important;
}

/* Золото только как нижний акцент */
html body .site-header .cwt-main-nav > a:hover::after,
html body .site-header .cwt-main-nav > .menu-item-has-submenu > a:hover::after,
html body .site-header .cwt-main-nav > .menu-item-has-submenu:hover > a::after {
    background: #b8872d !important;
    transform: scaleX(1) !important;
}

/* Placeholder поиска — чуть заметнее */
html body .site-header .header-search input::placeholder {
    color:
        color-mix(
            in srgb,
            var(--cwt-header-text) 62%,
            transparent
        ) !important;
    opacity: 1 !important;
}

/* Сам поиск чуть чище */
html body .site-header .header-search input {
    background:
        color-mix(
            in srgb,
            var(--cwt-header-bg) 72%,
            white 28%
        ) !important;
}


/* =========================================================
   CWT — DYNAMIC IDEOLOGY + FOOTER COLORS
   ========================================================= */

/* IDEOLOGY */
html body.home .home-ideology-inner {
    background: var(--cwt-ideology-bg) !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cwt-ideology-text) 14%,
            transparent
        ) !important;

    box-shadow:
        0 16px 38px
        color-mix(
            in srgb,
            var(--cwt-ideology-text) 8%,
            transparent
        ) !important;
}

html body.home .home-ideology-title {
    color: var(--cwt-ideology-text) !important;
}

html body.home .home-ideology-kicker {
    color:
        color-mix(
            in srgb,
            var(--cwt-ideology-text) 78%,
            #b8872d 22%
        ) !important;
}

html body.home .home-ideology-links a {
    color: var(--cwt-ideology-text) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-ideology-bg) 76%,
            white 24%
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-ideology-text) 18%,
            transparent
        ) !important;
}

html body.home .home-ideology-links a:hover {
    color: var(--cwt-ideology-text) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-ideology-bg) 64%,
            white 36%
        ) !important;
}

html body.home .home-ideology-links span {
    color: #b8872d !important;
}


/* FOOTER */
html body.home .site-footer-inner {
    background: var(--cwt-footer-bg) !important;

    border-top:
        1px solid
        color-mix(
            in srgb,
            var(--cwt-footer-text) 14%,
            transparent
        ) !important;

    box-shadow:
        0 14px 34px
        color-mix(
            in srgb,
            var(--cwt-footer-text) 7%,
            transparent
        ) !important;
}

html body.home .site-footer-brand-text,
html body.home .site-footer-nav a,
html body.home .site-footer-bottom,
html body.home .site-footer-contact,
html body.home .site-footer-contact a {
    color: var(--cwt-footer-text) !important;
}

html body.home .site-footer-nav a:hover,
html body.home .site-footer-contact a:hover {
    color:
        color-mix(
            in srgb,
            var(--cwt-footer-text) 72%,
            #b8872d 28%
        ) !important;
}


/* SOCIAL STRIP */
html body.home .site-footer-inner > .home-socials-inner {
    background:
        color-mix(
            in srgb,
            var(--cwt-footer-bg) 84%,
            white 16%
        ) !important;

    border-top-color:
        color-mix(
            in srgb,
            var(--cwt-footer-text) 12%,
            transparent
        ) !important;

    border-bottom-color:
        color-mix(
            in srgb,
            var(--cwt-footer-text) 12%,
            transparent
        ) !important;
}

html body.home .site-footer-inner > .home-socials-inner .home-socials-kicker,
html body.home .site-footer-inner > .home-socials-inner .home-socials-title {
    color: var(--cwt-footer-text) !important;
}

html body.home .site-footer-inner > .home-socials-inner .home-social-link {
    background:
        color-mix(
            in srgb,
            var(--cwt-footer-bg) 72%,
            white 28%
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-footer-text) 18%,
            transparent
        ) !important;
}

html body.home .site-footer-inner > .home-socials-inner .home-social-icon svg {
    fill: var(--cwt-footer-text) !important;
}

html body.home .site-footer-inner > .home-socials-inner .home-social-link:hover {
    background:
        color-mix(
            in srgb,
            var(--cwt-footer-bg) 62%,
            white 38%
        ) !important;
}


/* На мобильном блоки не слипаются визуально */
@media (max-width: 700px) {

    html body.home .home-ideology-inner {
        border-radius: 18px 18px 0 0 !important;
    }

    html body.home .site-footer-inner {
        border-radius: 0 0 18px 18px !important;
    }
}


/* =========================================================
   CWT FOOTER — SOCIAL STRIP REFINEMENT
   ========================================================= */

html body.home
.site-footer-inner
> .home-socials-inner {
    background:
        color-mix(
            in srgb,
            var(--cwt-footer-bg) 80%,
            white 20%
        ) !important;

    padding-top: 16px !important;
    padding-bottom: 16px !important;
}


/* Текстовая часть */
html body.home
.site-footer-inner
> .home-socials-inner
.home-socials-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}


/* Маленький заголовок */
html body.home
.site-footer-inner
> .home-socials-inner
.home-socials-kicker {
    margin: 0 !important;

    color:
        color-mix(
            in srgb,
            var(--cwt-footer-text) 78%,
            #b8872d 22%
        ) !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}


/* Подпись */
html body.home
.site-footer-inner
> .home-socials-inner
.home-socials-title {
    margin: 0 !important;

    color: var(--cwt-footer-text) !important;

    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;

    opacity: .88 !important;
}


/* Соцкнопки */
html body.home
.site-footer-inner
> .home-socials-inner
.home-social-link {
    width: 36px !important;
    height: 36px !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-footer-bg) 66%,
            white 34%
        ) !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--cwt-footer-text) 22%,
            transparent
        ) !important;

    box-shadow: none !important;

    transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

html body.home
.site-footer-inner
> .home-socials-inner
.home-social-icon svg {
    fill: var(--cwt-footer-text) !important;
    opacity: .86 !important;
}


/* Hover */
html body.home
.site-footer-inner
> .home-socials-inner
.home-social-link:hover {
    transform: translateY(-2px) !important;

    background:
        color-mix(
            in srgb,
            var(--cwt-footer-bg) 52%,
            white 48%
        ) !important;

    border-color:
        color-mix(
            in srgb,
            var(--cwt-footer-text) 34%,
            transparent
        ) !important;
}

html body.home
.site-footer-inner
> .home-socials-inner
.home-social-link:hover
.home-social-icon svg {
    opacity: 1 !important;
}


/* MOBILE */
@media (max-width: 700px) {

    html body.home
    .site-footer-inner
    > .home-socials-inner {
        padding: 18px !important;
    }

    html body.home
    .site-footer-inner
    > .home-socials-inner
    .home-socials-title {
        font-size: 13px !important;
    }

    html body.home
    .site-footer-inner
    > .home-socials-inner
    .home-social-link {
        width: 34px !important;
        height: 34px !important;
    }
}



/* =========================================================
   CWT MOBILE HEADER — REMOVE OUTER RECTANGLE
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

}



/* =========================================================
   CWT MOBILE — REMOVE CONTROLS OUTER BOX
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        background: none !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body .site-header > .header-inner::before,
    html body .site-header > .header-inner::after,
    html body.is-scrolled .site-header > .header-inner::before,
    html body.is-scrolled .site-header > .header-inner::after {
        content: none !important;
        display: none !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

}



/* =========================================================
   CWT MOBILE MENU — FINAL VISUAL FIX
   ========================================================= */

@media (max-width: 760px) {

    /* Основная панель мобильного меню */
    html body .site-header .cwt-main-nav.is-mobile-open {
        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 94%,
                white 6%
            ) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 15%,
                transparent
            ) !important;

        border-radius: 20px !important;

        box-shadow:
            0 18px 44px rgba(0,0,0,.16) !important;
    }


    /* Основные пункты */
    html body .site-header
    .cwt-main-nav.is-mobile-open > a,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    > .menu-item-has-submenu > a {

        color: var(--cwt-header-text) !important;

        background: transparent !important;

        border-bottom:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 10%,
                transparent
            ) !important;

        opacity: 1 !important;
    }


    /* Стрелки */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .menu-arrow,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-arrow {

        color: var(--cwt-header-text) !important;
        opacity: .65 !important;
    }


    /* Выпадающие подразделы */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2 {

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 82%,
                white 18%
            ) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 12%,
                transparent
            ) !important;

        box-shadow: none !important;
    }


    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu a,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu a:visited {

        color: var(--cwt-header-text) !important;
        opacity: .88 !important;
    }


    /* ---------- ПОИСК ---------- */

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .header-search {

        width: 100% !important;
        max-width: 100% !important;

        margin: 16px 0 2px !important;
        padding: 0 !important;
    }


    html body .site-header
    .cwt-main-nav.is-mobile-open
    .header-search input {

        display: block !important;

        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;

        padding: 0 16px !important;

        box-sizing: border-box !important;

        color: var(--cwt-header-text) !important;

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 72%,
                white 28%
            ) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 18%,
                transparent
            ) !important;

        border-radius: 12px !important;

        box-shadow: none !important;

        font-size: 14px !important;
    }


    html body .site-header
    .cwt-main-nav.is-mobile-open
    .header-search input::placeholder {

        color:
            color-mix(
                in srgb,
                var(--cwt-header-text) 62%,
                transparent
            ) !important;

        opacity: 1 !important;
    }

}



/* =========================================================
   CWT MOBILE — NESTED CATEGORIES OPEN DOWNWARD
   ========================================================= */

@media (max-width: 760px) {

    /*
     * Родитель "Категории" больше не является
     * точкой для абсолютного меню вправо.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        display: block !important;

        overflow: visible !important;
    }


    /*
     * Второй уровень раскрывается ВНИЗ
     * внутри текущей мобильной панели.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2 {

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 6px 0 4px !important;
        padding: 6px !important;

        box-sizing: border-box !important;

        transform: none !important;

        float: none !important;
    }


    /*
     * Ссылки категорий тоже строго в пределах панели.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2 > a {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 10px 12px !important;

        box-sizing: border-box !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;

        transform: none !important;
    }


    /*
     * Убираем десктопные декоративные стрелки/мостики,
     * которые могут выступать вправо.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2::before,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .cwt-submenu-level2::after,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu::before,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu::after {

        display: none !important;
        content: none !important;
    }

}



/* =========================================================
   CWT MOBILE — CATEGORIES HARD ACCORDION FIX
   ========================================================= */

@media (max-width: 760px) {

    /*
     * Полностью отключаем старую desktop hover/focus механику.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu
    > .cwt-submenu.cwt-submenu-level2,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu:hover
    > .cwt-submenu.cwt-submenu-level2,

    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu:focus-within
    > .cwt-submenu.cwt-submenu-level2 {

        display: none !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;

        inset: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 6px 0 4px !important;
        padding: 6px !important;

        box-sizing: border-box !important;

        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: none !important;

        max-height: none !important;
        overflow: visible !important;

        float: none !important;
    }


    /*
     * Показываем категории ТОЛЬКО когда JS поставил .is-open.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu.is-open
    > .cwt-submenu.cwt-submenu-level2 {

        display: block !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;

        width: 100% !important;
        max-width: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }


    /* Ссылки внутри категорий */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu.is-open
    > .cwt-submenu-level2 > a {

        position: relative !important;
        left: 0 !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 10px 12px !important;

        white-space: normal !important;

        transform: none !important;
    }

}



/* =========================================================
   CWT MOBILE MENU — TRUE VERTICAL ACCORDION
   ========================================================= */

@media (max-width: 760px) {

    /*
     * Ключевой фикс:
     * desktop использует display:flex в строку,
     * на мобильном каждый пункт должен быть колонкой.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    > .menu-item-has-submenu {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* Верхняя ссылка занимает всю строку */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    > .menu-item-has-submenu > a {

        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /*
     * Первый уровень подменю теперь идёт
     * строго ПОД родительской ссылкой.
     */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    > .menu-item-has-submenu
    > .cwt-submenu {

        position: static !important;

        display: none !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 4px 0 7px !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    html body .site-header
    .cwt-main-nav.is-mobile-open
    > .menu-item-has-submenu.is-open
    > .cwt-submenu {

        display: block !important;
    }


    /* Вложенный пункт "Категории" тоже колонкой */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-width: 0 !important;

        box-sizing: border-box !important;
    }


    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu > a {

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }


    /* Категории раскрываются непосредственно вниз */
    html body .site-header
    .cwt-main-nav.is-mobile-open
    .submenu-item-has-submenu
    > .cwt-submenu-level2 {

        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 5px 0 0 !important;

        transform: none !important;

        box-sizing: border-box !important;
    }

}



/* =========================================================
   CWT — INDEPENDENT MOBILE NAVIGATION
   ========================================================= */

.cwt-mobile-nav {
    display: none;
}

@media (max-width: 760px) {

    /* Старое меню на мобильном больше не используется */
    html body .site-header .cwt-main-nav {
        display: none !important;
    }


    /* Новая панель */
    html body .site-header .cwt-mobile-nav {
        position: fixed !important;
        z-index: 9999 !important;

        top: 72px !important;
        left: 12px !important;
        right: 12px !important;

        width: auto !important;
        max-width: none !important;

        max-height: calc(100dvh - 90px) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;

        margin: 0 !important;
        padding: 10px !important;

        box-sizing: border-box !important;

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 94%,
                white 6%
            ) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 15%,
                transparent
            ) !important;

        border-radius: 20px !important;

        box-shadow:
            0 18px 44px rgba(0,0,0,.18) !important;

        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }


    html body .site-header .cwt-mobile-nav[hidden] {
        display: none !important;
    }


    html body .site-header .cwt-mobile-nav.is-open {
        display: block !important;
    }


    /* Обычные ссылки верхнего уровня */
    html body .site-header
    .cwt-mobile-nav
    > .cwt-mobile-nav-link {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 12px !important;

        box-sizing: border-box !important;

        color: var(--cwt-header-text) !important;
        text-decoration: none !important;

        background: transparent !important;

        border: 0 !important;
        border-bottom:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 9%,
                transparent
            ) !important;

        border-radius: 10px !important;

        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }


    /* Секции */
    html body .site-header
    .cwt-mobile-nav-section {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* Кнопки раскрытия */
    html body .site-header
    .cwt-mobile-nav-trigger {

        -webkit-appearance: none !important;
        appearance: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 12px !important;

        box-sizing: border-box !important;

        border: 0 !important;
        border-bottom:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 9%,
                transparent
            ) !important;

        border-radius: 10px !important;

        background: transparent !important;

        color: var(--cwt-header-text) !important;

        font: inherit !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-align: left !important;

        cursor: pointer !important;
    }


    html body .site-header
    .cwt-mobile-nav-trigger[aria-expanded="true"] {

        background:
            color-mix(
                in srgb,
                var(--cwt-header-text) 8%,
                transparent
            ) !important;
    }


    /* Стрелки */
    html body .site-header
    .cwt-mobile-nav-arrow {

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

        margin-left: 14px !important;

        color: var(--cwt-header-text) !important;

        font-size: 16px !important;

        opacity: .65 !important;

        transition: transform .18s ease !important;
    }


    html body .site-header
    .cwt-mobile-nav-trigger[aria-expanded="true"]
    .cwt-mobile-nav-arrow {

        transform: rotate(180deg) !important;
    }


    /* Подменю */
    html body .site-header
    .cwt-mobile-nav-submenu {

        display: block !important;

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 4px 0 7px !important;
        padding: 5px !important;

        box-sizing: border-box !important;

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 82%,
                white 18%
            ) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 11%,
                transparent
            ) !important;

        border-radius: 12px !important;

        box-shadow: none !important;
    }


    html body .site-header
    .cwt-mobile-nav-submenu[hidden] {

        display: none !important;
    }


    /* Ссылки внутри подменю */
    html body .site-header
    .cwt-mobile-nav-submenu > a {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 8px 10px !important;

        box-sizing: border-box !important;

        color: var(--cwt-header-text) !important;
        text-decoration: none !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 8px !important;

        font-size: 12px !important;
        line-height: 1.3 !important;
        font-weight: 650 !important;

        opacity: .88 !important;
    }


    html body .site-header
    .cwt-mobile-nav-submenu > a:hover,
    html body .site-header
    .cwt-mobile-nav-submenu > a:focus {

        background:
            color-mix(
                in srgb,
                var(--cwt-header-text) 8%,
                transparent
            ) !important;

        opacity: 1 !important;
    }


    /* Вложенные категории */
    html body .site-header
    .cwt-mobile-nav-section-nested {

        margin-top: 2px !important;
    }


    html body .site-header
    .cwt-mobile-nav-trigger-nested {

        min-height: 40px !important;

        padding: 8px 10px !important;

        border-bottom: 0 !important;

        font-size: 12px !important;
        font-weight: 700 !important;
    }


    html body .site-header
    .cwt-mobile-nav-categories {

        margin: 4px 0 0 !important;
        padding: 5px !important;
    }


    /* Поиск */
    html body .site-header
    .cwt-mobile-nav-search {

        display: block !important;

        width: 100% !important;

        margin: 14px 0 2px !important;
        padding: 0 !important;
    }


    html body .site-header
    .cwt-mobile-nav-search input {

        display: block !important;

        width: 100% !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 16px !important;

        box-sizing: border-box !important;

        color: var(--cwt-header-text) !important;

        background:
            color-mix(
                in srgb,
                var(--cwt-header-bg) 72%,
                white 28%
            ) !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--cwt-header-text) 18%,
                transparent
            ) !important;

        border-radius: 12px !important;

        outline: 0 !important;
        box-shadow: none !important;

        font-size: 14px !important;
    }


    html body .site-header
    .cwt-mobile-nav-search input::placeholder {

        color:
            color-mix(
                in srgb,
                var(--cwt-header-text) 60%,
                transparent
            ) !important;

        opacity: 1 !important;
    }

}





/* =========================================================
   CWT SEARCH PAGE — FINAL DESIGN
   ========================================================= */

.cwt-search-page {
    padding: 44px 0 72px;
    background: #fbf8f1;
}

.cwt-search-page > .container {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px;
}

.cwt-search-header {
    margin-bottom: 34px;
}

.cwt-search-kicker {
    margin-bottom: 10px;

    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;

    color: #b48a2c;
}

.cwt-search-title {
    margin: 0;

    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    font-weight: 700;

    color: #15253a;
}

.cwt-search-title span {
    color: #8f6a18;
}

.cwt-search-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.cwt-search-card {
    min-width: 0;
    overflow: hidden;

    background: #ffffff;
    border: 1px solid rgba(20,37,58,.10);
    border-radius: 14px;

    box-shadow:
        0 8px 24px rgba(20,37,58,.05);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.cwt-search-card:hover {
    transform: translateY(-3px);

    box-shadow:
        0 14px 34px rgba(20,37,58,.10);
}

.cwt-search-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;

    color: inherit !important;
    text-decoration: none !important;
}

.cwt-search-card-image {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 10;

    overflow: hidden;
    background: #e9edf1;
}

.cwt-search-card-image img {
    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover;
    object-position: center;

    margin: 0 !important;

    transition: transform .35s ease;
}

.cwt-search-card:hover .cwt-search-card-image img {
    transform: scale(1.035);
}

.cwt-search-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;

    padding: 20px 20px 22px;
}

.cwt-search-card-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;

    margin-bottom: 12px;

    font-size: 12px;
    line-height: 1.35;
}

.cwt-search-card-category {
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;

    color: #9a7522;
}

.cwt-search-card-date {
    color: #7a8188;
}

.cwt-search-card h2 {
    margin: 0 0 12px;

    font-size: 20px;
    line-height: 1.22;
    font-weight: 700;

    color: #15253a;
}

.cwt-search-card-excerpt {
    margin-top: auto;

    font-size: 14px;
    line-height: 1.55;

    color: #626b73;
}

.cwt-search-pagination {
    margin-top: 42px;
}

.cwt-search-pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cwt-search-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 40px;
    height: 40px;

    padding: 0 12px;

    border: 1px solid rgba(20,37,58,.14);
    border-radius: 8px;

    background: #fff;

    color: #183249;
    text-decoration: none;
}

.cwt-search-pagination .page-numbers.current {
    background: #183249;
    border-color: #183249;

    color: #fff;
}

.cwt-search-empty {
    padding: 48px 32px;

    background: #fff;
    border: 1px solid rgba(20,37,58,.10);
    border-radius: 14px;

    text-align: center;
}

.cwt-search-empty h2 {
    margin: 0 0 8px;

    font-size: 28px;
    color: #15253a;
}

.cwt-search-empty p {
    margin: 0;
    color: #68727b;
}


@media (max-width: 980px) {

    .cwt-search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 640px) {

    .cwt-search-page {
        padding: 28px 0 48px;
    }

    .cwt-search-page > .container {
        padding: 0 16px;
    }

    .cwt-search-header {
        margin-bottom: 24px;
    }

    .cwt-search-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cwt-search-card h2 {
        font-size: 19px;
    }

    .cwt-search-card-body {
        padding: 17px 17px 19px;
    }

}



/* =========================================================
   CWT DESKTOP HEADER — ALIGN WITH MAIN CONTENT
   ========================================================= */

@media (min-width: 821px) {

    body:not(.is-scrolled) .site-header > .header-inner {
        padding-left: max(24px, calc((100vw - 1180px) / 2)) !important;
        padding-right: max(24px, calc((100vw - 1180px) / 2)) !important;
    }

}


/* =========================================================
   CWT DESKTOP HEADER — REMOVE EMPTY STICKY LOGO GAP
   ========================================================= */

@media (min-width: 821px) {

    body:not(.is-scrolled) .site-header > .header-inner {
        column-gap: 0 !important;
        gap: 0 !important;
    }

    body:not(.is-scrolled) .site-header .language-switcher {
        margin-left: 24px !important;
    }

}


/* =========================================================
   CWT IDEOLOGY — ARTICLE LAYOUT + NEWS SIDEBAR
   ========================================================= */

.cwt-ideology-page .cwt-ideology-hero-inner,
.cwt-ideology-page .cwt-ideology-article-layout {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


.cwt-ideology-page .cwt-ideology-article-layout {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        280px !important;

    column-gap: 68px !important;

    align-items: start !important;

    margin-top: 34px !important;
    margin-bottom: 72px !important;
}


.cwt-ideology-page .cwt-ideology-main-column {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-width: 0 !important;
}


.cwt-ideology-page .cwt-ideology-sidebar {
    grid-column: 2 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}


.cwt-ideology-page .cwt-ideology-content {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Карточки сайдбара — идентичная логика странице новости */

.cwt-ideology-page
.cwt-ideology-sidebar
.sidebar-block {

    position: relative !important;

    margin: 0 0 22px 0 !important;
    padding: 20px 18px !important;

    background: rgba(255,255,255,.72) !important;

    border: 1px solid rgba(32,39,45,.08) !important;
    border-radius: 16px !important;

    box-shadow:
        0 10px 28px rgba(32,39,45,.04) !important;
}


.cwt-ideology-page
.cwt-ideology-sidebar
.sidebar-block::before {

    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 18px !important;
    right: 18px !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            #9b7024,
            #d5b25d,
            rgba(213,178,93,.12)
        ) !important;
}


.cwt-ideology-page
.cwt-ideology-sidebar
.sidebar-title {

    margin-bottom: 16px !important;

    color: #20272d !important;

    font-weight: 700 !important;
    letter-spacing: .08em !important;
}


/* Планшет */

@media (max-width: 1050px) and (min-width: 821px) {

    .cwt-ideology-page .cwt-ideology-article-layout {
        grid-template-columns:
            minmax(0, 1fr)
            250px !important;

        column-gap: 26px !important;
    }

}


/* Телефон — сначала текст, затем сайдбар */

@media (max-width: 820px) {

    .cwt-ideology-page .cwt-ideology-hero-inner,
    .cwt-ideology-page .cwt-ideology-article-layout {
        width: calc(100% - 32px) !important;
    }

    .cwt-ideology-page .cwt-ideology-article-layout {
        display: flex !important;
        flex-direction: column !important;

        gap: 38px !important;

        margin-top: 24px !important;
        margin-bottom: 48px !important;
    }

    .cwt-ideology-page .cwt-ideology-main-column {
        order: 1;

        width: 100% !important;
        max-width: 100% !important;
    }

    .cwt-ideology-page .cwt-ideology-sidebar {
        order: 2;

        width: 100% !important;
        max-width: 100% !important;

        margin-top: 14px !important;
    }

}



/* =========================================================
   CWT IDEOLOGY — ALIGN HERO TITLE WITH MAIN CONTENT
   ========================================================= */

@media (min-width: 821px) {

    .cwt-ideology-page .cwt-ideology-hero-inner {
        width: min(1180px, calc(100% - 48px)) !important;
        max-width: 1180px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-right: 348px !important;
        box-sizing: border-box !important;
    }

}



/* =========================================================
   CWT IDEOLOGY — GOLD ARTICLE HERO
   ========================================================= */

/* Вся композиция начинается сразу под меню */
.cwt-ideology-page .cwt-ideology-article-layout {
    margin-top: 28px !important;
}


/* Hero идеологии — аналог article-intro, но своя золотая тема */
.cwt-ideology-page .cwt-ideology-intro {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-height: 230px !important;

    display: flex !important;
    align-items: flex-end !important;

    margin: 0 0 38px !important;
    padding: 38px 42px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,250,235,.96) 0%,
            rgba(248,237,205,.72) 52%,
            rgba(244,226,178,.46) 100%
        ) !important;

    border: 1px solid rgba(177,132,43,.28) !important;
    border-radius: 26px !important;

    box-shadow:
        0 16px 42px rgba(77,58,20,.055),
        inset 0 1px 0 rgba(255,255,255,.85) !important;
}


/* Очень лёгкое золотое свечение */
.cwt-ideology-page .cwt-ideology-intro-glow {
    position: absolute !important;
    z-index: -1 !important;

    width: 420px !important;
    height: 420px !important;

    right: -130px !important;
    top: -220px !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(211,171,75,.22) 0%,
            rgba(211,171,75,.08) 42%,
            transparent 72%
        ) !important;

    pointer-events: none !important;
}


/* Тонкая золотая линия сверху — как фирменный акцент */
.cwt-ideology-page .cwt-ideology-intro::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    left: 42px !important;
    right: 42px !important;

    height: 2px !important;

    background:
        linear-gradient(
            90deg,
            #9b7024 0%,
            #d7b65e 35%,
            rgba(215,182,94,.15) 100%
        ) !important;
}


/* Подпись ИДЕОЛОГИЯ */
.cwt-ideology-page .cwt-ideology-intro-kicker {
    margin-bottom: 14px !important;

    color: #a87921 !important;

    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .17em !important;
    text-transform: uppercase !important;
}


/* Главный заголовок hero */
.cwt-ideology-page .cwt-ideology-intro-title {
    max-width: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #17263a !important;

    font-size: clamp(38px, 4vw, 58px) !important;
    line-height: 1.02 !important;
    font-weight: 750 !important;

    letter-spacing: -.035em !important;
}


/* Текст начинается сразу после hero */
.cwt-ideology-page .cwt-ideology-content {
    margin-top: 0 !important;
}


/* Правый сайдбар стартует на одной высоте с hero */
.cwt-ideology-page .cwt-ideology-sidebar {
    align-self: start !important;
}


/* Мобильная версия */
@media (max-width: 820px) {

    .cwt-ideology-page .cwt-ideology-article-layout {
        margin-top: 18px !important;
    }

    .cwt-ideology-page .cwt-ideology-intro {
        min-height: 180px !important;

        margin-bottom: 28px !important;
        padding: 28px 24px !important;

        border-radius: 20px !important;
    }

    .cwt-ideology-page .cwt-ideology-intro::before {
        left: 24px !important;
        right: 24px !important;
    }

    .cwt-ideology-page .cwt-ideology-intro-title {
        font-size: clamp(34px, 10vw, 46px) !important;
    }

}



/* =========================================================
   CWT IDEOLOGY — HERO STRUCTURE LIKE SINGLE ARTICLE
   ========================================================= */

@media (min-width: 821px) {

    /* Hero теперь отдельный широкий блок, как у новости */
    .cwt-ideology-page > .cwt-ideology-intro {
        width: min(1180px, calc(100% - 48px)) !important;
        max-width: 1180px !important;

        margin:
            28px auto
            38px auto !important;

        min-height: 300px !important;

        padding:
            44px 48px !important;
    }


    /* После hero начинается обычная сетка:
       основной текст + сайдбар */
    .cwt-ideology-page .cwt-ideology-article-layout {
        margin-top: 0 !important;
    }

}


/* Мобильная версия */
@media (max-width: 820px) {

    .cwt-ideology-page > .cwt-ideology-intro {
        width: calc(100% - 32px) !important;

        margin:
            18px auto
            28px auto !important;
    }

}



/* =========================================================
   CWT IDEOLOGY — CATEGORY PILL LIKE NEWS RUBRICS
   ========================================================= */

.cwt-ideology-page .cwt-ideology-intro-kicker {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;

    margin: 0 0 18px 0 !important;
    padding: 7px 13px !important;

    border: 1px solid rgba(174,128,36,.38) !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,248,225,.92),
            rgba(235,211,151,.38)
        ) !important;

    color: #9a6c18 !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;

    letter-spacing: .13em !important;
    text-transform: uppercase !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75) !important;
}



/* =========================================================
   CWT IDEOLOGY — COMPACT HERO + CONTENT ALIGNMENT
   ========================================================= */

@media (min-width: 821px) {

    /* Hero делаем заметно компактнее */
    .cwt-ideology-page > .cwt-ideology-intro {
        min-height: 210px !important;

        padding: 30px 40px !important;

        margin-top: 24px !important;
        margin-bottom: 26px !important;
    }

    /* Контент и сайдбар начинаются на одной высоте */
    .cwt-ideology-page .cwt-ideology-article-layout {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .cwt-ideology-page .cwt-ideology-main-column {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .cwt-ideology-page .cwt-ideology-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Первый элемент текста тоже не должен создавать пустоту */
    .cwt-ideology-page .cwt-ideology-content > :first-child {
        margin-top: 0 !important;
    }

}


/* Телефон */
@media (max-width: 820px) {

    .cwt-ideology-page > .cwt-ideology-intro {
        min-height: 155px !important;
        padding: 24px 22px !important;
        margin-bottom: 22px !important;
    }

    .cwt-ideology-page .cwt-ideology-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}



/* =========================================================
   CWT MOBILE HEADER — SHOW SELECTED TITLE / WORDMARK
   ========================================================= */

@media (max-width: 760px) {

    /* Возвращаем выбранное в админке название */
    html body .site-header .cwt-brand-title,
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        display: flex !important;
        visibility: visible !important;

        width: auto !important;
        height: auto !important;

        max-width: none !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        align-items: center !important;
        justify-content: flex-start !important;

        flex: 1 1 auto !important;

        position: relative !important;

        left: 0 !important;
        top: 0 !important;
    }


    /* Верхняя строка: логотип + название */
    html body .site-header .cwt-brandbar-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 8px !important;

        min-height: 64px !important;

        padding-left: 12px !important;
        padding-right: 118px !important;

        box-sizing: border-box !important;
    }


    /* Логотип */
    html body .site-header .cwt-brand-logo {
        flex: 0 0 82px !important;

        width: 82px !important;
        max-width: 82px !important;

        margin: 0 !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 82px !important;
        max-width: 82px !important;

        height: auto !important;
        max-height: 54px !important;

        object-fit: contain !important;
    }


    /* Картинка названия */
    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {

        display: block !important;

        width: 100% !important;
        max-width: 250px !important;

        height: auto !important;
        max-height: 48px !important;

        object-fit: contain !important;
        object-position: left center !important;

        transform:
            scale(var(--cwt-header-image-scale-factor, 1)) !important;

        transform-origin: left center !important;
    }


    /* Текстовый режим */
    html body .site-header
    .cwt-brand-title:not(.cwt-brand-title-image) {

        font-size: 19px !important;
        line-height: 1 !important;

        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

}


/* Очень узкие телефоны */
@media (max-width: 420px) {

    html body .site-header .cwt-brandbar-inner {
        padding-right: 106px !important;
    }

    html body .site-header .cwt-brand-logo {
        flex-basis: 70px !important;
        width: 70px !important;
        max-width: 70px !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 70px !important;
        max-width: 70px !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {
        max-width: 205px !important;
        max-height: 42px !important;
    }

    html body .site-header
    .cwt-brand-title:not(.cwt-brand-title-image) {
        font-size: 16px !important;
    }

}



/* =========================================================
   CWT MOBILE — LANGUAGE + BURGER FINAL POSITION/CLEANUP
   ========================================================= */

@media (max-width: 760px) {

    /* Общий контейнер двух кнопок — полностью прозрачный */
    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        position: absolute !important;

        top: 14px !important;
        right: 16px !important;
        left: auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        transform: none !important;
    }


    /* Убираем возможные декоративные слои контейнера */
    html body .site-header > .header-inner::before,
    html body .site-header > .header-inner::after,
    html body.is-scrolled .site-header > .header-inner::before,
    html body.is-scrolled .site-header > .header-inner::after {
        content: none !important;
        display: none !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    /* Переключатель языка остаётся отдельной кнопкой */
    html body .site-header .language-switcher {
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }


    html body .site-header .language-current {
        height: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
    }


    /* Бургер */
    html body .site-header .mobile-menu-toggle {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;

        margin: 0 !important;
    }

}



/* =========================================================
   CWT MOBILE HEADER — TWO ROW LAYOUT
   row 1: logo + wordmark
   row 2: language + burger
   ========================================================= */

@media (max-width: 760px) {

    /* Сам верхний брендовый блок становится двухрядным */
    html body .site-header .cwt-brandbar {
        min-height: 112px !important;
        padding: 0 !important;
    }

    html body .site-header .cwt-brandbar-inner {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        min-height: 112px !important;

        padding:
            10px 14px
            52px 14px !important;

        gap: 8px !important;

        box-sizing: border-box !important;
    }


    /* Логотип в первом ряду */
    html body .site-header .cwt-brand-logo {
        flex: 0 0 78px !important;

        width: 78px !important;
        max-width: 78px !important;

        margin: 0 !important;
    }

    html body .site-header .cwt-brand-logo img {
        display: block !important;

        width: 78px !important;
        max-width: 78px !important;

        height: auto !important;
        max-height: 56px !important;

        object-fit: contain !important;
    }


    /* Надпись в первом ряду */
    html body .site-header .cwt-brand-title,
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        display: flex !important;
        visibility: visible !important;

        flex: 1 1 auto !important;

        width: auto !important;
        max-width: calc(100vw - 120px) !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        align-items: center !important;
        justify-content: flex-start !important;

        position: relative !important;
    }


    /* Картинка надписи */
    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {

        display: block !important;

        width: auto !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: 52px !important;

        object-fit: contain !important;
        object-position: left center !important;

        transform-origin: left center !important;
    }


    /* Второй ряд — только кнопки */
    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {

        position: absolute !important;

        top: auto !important;
        bottom: 8px !important;

        right: 14px !important;
        left: auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 7px !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;

        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    /* Полностью убираем общий фон/рамку */
    html body .site-header > .header-inner::before,
    html body .site-header > .header-inner::after,
    html body.is-scrolled .site-header > .header-inner::before,
    html body.is-scrolled .site-header > .header-inner::after {
        content: none !important;
        display: none !important;
    }


    /* Обёртка языка без собственного прямоугольника */
    html body .site-header .language-switcher,
    html body .site-header .dropdown-language {

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;

        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    /* Только сама кнопка RU */
    html body .site-header .language-current {
        min-width: 74px !important;
        height: 38px !important;
        min-height: 38px !important;

        padding: 0 12px !important;
        margin: 0 !important;

        border-radius: 11px !important;
    }


    /* Только сама кнопка-бургер */
    html body .site-header .mobile-menu-toggle {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 11px !important;
    }

}


/* Узкие телефоны */
@media (max-width: 420px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        min-height: 108px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        padding:
            9px 12px
            50px 12px !important;
    }

    html body .site-header .cwt-brand-logo {
        flex-basis: 72px !important;
        width: 72px !important;
        max-width: 72px !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 72px !important;
        max-width: 72px !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {
        max-height: 48px !important;
    }

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        right: 12px !important;
        bottom: 7px !important;
    }

}



/* =========================================================
   CWT MOBILE WORDMARK — FIT FIRST ROW
   ========================================================= */

@media (max-width: 760px) {

    /* Первый ряд оставляем только под logo + wordmark */
    html body .site-header .cwt-brandbar-inner {
        overflow: visible !important;
    }

    /* Надпись занимает оставшееся место, а не выталкивается */
    html body .site-header
    .cwt-brand-title.cwt-brand-title-image {
        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 118px) !important;

        overflow: visible !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        object-fit: contain !important;
        object-position: left center !important;
    }

}



/* =========================================================
   CWT MOBILE HEADER — COMPACT FINAL GEOMETRY
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        min-height: 96px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        padding: 7px 12px 40px 12px !important;
        gap: 6px !important;
        align-items: center !important;
    }

    /* Логотип немного компактнее */
    html body .site-header .cwt-brand-logo {
        flex: 0 0 72px !important;
        width: 72px !important;
        max-width: 72px !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 72px !important;
        max-width: 72px !important;
        max-height: 52px !important;
    }

    /* Надпись занимает всё свободное место */
    html body .site-header
    .cwt-brand-title.cwt-brand-title-image {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        object-fit: contain !important;
        object-position: left center !important;
    }

    /* Второй ряд подтягиваем вверх */
    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        right: 12px !important;
        bottom: 5px !important;
        gap: 6px !important;
    }

    html body .site-header .language-current {
        height: 36px !important;
        min-height: 36px !important;
        min-width: 70px !important;
        padding: 0 10px !important;
    }

    html body .site-header .mobile-menu-toggle {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }

}

@media (max-width: 420px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        min-height: 94px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        padding: 6px 11px 39px 11px !important;
    }

}



/* =========================================================
   CWT MOBILE HEADER — REALLY COMPACT
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        min-height: 82px !important;
        height: 82px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        padding: 4px 12px 34px 12px !important;
        gap: 6px !important;
    }

    html body .site-header .cwt-brand-logo {
        flex: 0 0 68px !important;
        width: 68px !important;
        max-width: 68px !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 68px !important;
        max-width: 68px !important;
        max-height: 46px !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* RU + burger сразу под верхним рядом */
    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        right: 12px !important;
        bottom: 3px !important;
        gap: 5px !important;
    }

    html body .site-header .language-current {
        height: 32px !important;
        min-height: 32px !important;
        min-width: 66px !important;
        padding: 0 9px !important;
        border-radius: 9px !important;
    }

    html body .site-header .mobile-menu-toggle {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-radius: 9px !important;
    }

}



/* =========================================================
   CWT MOBILE HEADER — 68PX COMPACT
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        height: 68px !important;
        min-height: 68px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        padding: 3px 11px 27px 11px !important;
        gap: 5px !important;
    }

    /* Логотип */
    html body .site-header .cwt-brand-logo {
        flex: 0 0 62px !important;
        width: 62px !important;
        max-width: 62px !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 62px !important;
        max-width: 62px !important;
        max-height: 39px !important;
    }

    /* Надпись */
    html body .site-header
    .cwt-brand-title.cwt-brand-title-image {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    html body .site-header
    .cwt-brand-title.cwt-brand-title-image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Нижний ряд справа */
    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        right: 10px !important;
        bottom: 2px !important;
        gap: 4px !important;
    }

    /* RU */
    html body .site-header .language-current {
        height: 27px !important;
        min-height: 27px !important;
        min-width: 59px !important;
        padding: 0 7px !important;
        border-radius: 8px !important;
        font-size: 12px !important;
    }

    /* Бургер */
    html body .site-header .mobile-menu-toggle {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        min-height: 27px !important;
        border-radius: 8px !important;
    }

}


/* =========================================================
   CWT MOBILE HEADER — CONTROLS ON FIRST ROW
   logo + title + language + burger
   ========================================================= */
@media (max-width: 760px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        height: 78px !important;
        min-height: 78px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;

        padding: 8px 170px 8px 14px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        position: absolute !important;
        top: 8px !important;
        right: 12px !important;
        left: auto !important;
        bottom: auto !important;

        width: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body .site-header .cwt-brand-logo {
        flex: 0 0 72px !important;
        width: 72px !important;
        max-width: 72px !important;
        margin: 0 !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 72px !important;
        max-width: 72px !important;
        height: auto !important;
        max-height: 50px !important;
        object-fit: contain !important;
    }

    html body .site-header .cwt-brand-title,
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: calc(100vw - 200px) !important;

        margin: 0 !important;
        padding: 0 !important;

        left: 0 !important;
        top: 0 !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 42px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    html body .site-header .language-switcher,
    html body .site-header .mobile-menu-toggle {
        margin: 0 !important;
        position: relative !important;
        top: 0 !important;
    }
}

@media (max-width: 420px) {

    html body .site-header .cwt-brandbar,
    html body .site-header .cwt-brandbar-inner {
        height: 74px !important;
        min-height: 74px !important;
    }

    html body .site-header .cwt-brandbar-inner {
        padding: 8px 150px 8px 12px !important;
        gap: 8px !important;
    }

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        right: 10px !important;
        top: 8px !important;
        gap: 6px !important;
    }

    html body .site-header .cwt-brand-logo {
        flex-basis: 66px !important;
        width: 66px !important;
        max-width: 66px !important;
    }

    html body .site-header .cwt-brand-logo img {
        width: 66px !important;
        max-width: 66px !important;
        max-height: 46px !important;
    }

    html body .site-header .cwt-brand-title,
    html body .site-header .cwt-brand-title.cwt-brand-title-image {
        max-width: calc(100vw - 178px) !important;
    }

    html body .site-header .cwt-brand-title.cwt-brand-title-image img {
        max-height: 38px !important;
    }
}

/* CWT MOBILE — ALIGN CONTROLS WITH WORDMARK */
@media (max-width: 760px) {

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        top: 17px !important;
    }

}

@media (max-width: 420px) {

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        top: 16px !important;
    }

}

/* =========================================================
   CWT MOBILE — SERVICE CONTROLS VISUAL TUNING
   Не двигаем header-inner, чтобы не ломать меню
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header .language-switcher {
        position: relative !important;
        top: -5px !important;
        margin-right: 2px !important;
    }

    html body .site-header .language-current {
        height: 28px !important;
        min-height: 28px !important;
        min-width: 58px !important;
        padding: 0 8px !important;

        border-radius: 8px !important;
        font-size: 11px !important;
        line-height: 1 !important;
    }

    html body .site-header .mobile-menu-toggle {
        position: relative !important;
        top: -5px !important;

        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;

        border-radius: 8px !important;
    }

}


/* =========================================================
   CWT MOBILE — LANGUAGE INSIDE MENU
   ========================================================= */

@media (max-width: 760px) {

    /* Старый языковой переключатель в шапке скрываем.
       На десктопе он остаётся как раньше. */
    html body .site-header > .header-inner > .language-switcher {
        display: none !important;
    }


    /* Бургер остаётся единственным сервисным элементом шапки */
    html body .site-header .mobile-menu-toggle {
        margin-left: auto !important;
    }


    /* Блок языков внутри мобильного меню */
    html body .cwt-mobile-nav .cwt-mobile-language-block {
        width: 100% !important;
        box-sizing: border-box !important;

        margin: 0 0 10px 0 !important;
        padding: 12px !important;

        border-radius: 14px !important;

        background: rgba(255,255,255,.06) !important;
        border: 1px solid rgba(255,255,255,.10) !important;
    }


    html body .cwt-mobile-nav .cwt-mobile-language-title {
        margin: 0 0 9px 0 !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        letter-spacing: .12em !important;
        text-transform: uppercase !important;

        color: rgba(255,255,255,.62) !important;
    }


    html body .cwt-mobile-nav .cwt-mobile-language-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
    }


    html body .cwt-mobile-nav .cwt-mobile-language-item {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        min-height: 30px !important;

        padding: 5px 9px !important;

        border-radius: 8px !important;

        text-decoration: none !important;

        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        color: rgba(255,255,255,.78) !important;

        background: rgba(255,255,255,.05) !important;
        border: 1px solid rgba(255,255,255,.08) !important;
    }


    html body .cwt-mobile-nav .cwt-mobile-language-item img {
        display: block !important;

        width: 18px !important;
        height: 12px !important;

        object-fit: cover !important;
    }


    html body .cwt-mobile-nav .cwt-mobile-language-item.is-current {
        color: #ffffff !important;

        background: rgba(255,255,255,.15) !important;
        border-color: rgba(255,255,255,.25) !important;
    }

}


/* =========================================================
   CWT MOBILE — BURGER FINAL TUNING
   ========================================================= */

@media (max-width: 760px) {

    html body .site-header .mobile-menu-toggle {
        position: relative !important;

        top: 7px !important;
        right: 2px !important;

        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;

        padding: 0 !important;
        margin: 0 !important;

        border-radius: 10px !important;

        background: rgba(255,255,255,.08) !important;
        border: 1px solid rgba(255,255,255,.16) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.08),
            0 2px 8px rgba(0,0,0,.10) !important;

        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }

    html body .site-header .mobile-menu-toggle span {
        width: 17px !important;
        height: 2px !important;
        border-radius: 2px !important;
    }

}

/* CWT MOBILE — BURGER MICRO ALIGN */
@media (max-width: 760px) {
    html body .site-header .mobile-menu-toggle {
        top: 11px !important;
    }
}

/* CWT MOBILE — BURGER CLEAN RESTORE */
@media (max-width: 760px) {

    html body .site-header .mobile-menu-toggle {
        top: 7px !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        border-radius: 0 !important;
    }

}

/* CWT MOBILE — BURGER NO FRAME */
@media (max-width: 760px) {

    html body .site-header .mobile-menu-toggle {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        border-radius: 0 !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

}

/* CWT MOBILE — REMOVE BURGER PARENT BOX */
@media (max-width: 760px) {

    html body .site-header > .header-inner,
    html body.is-scrolled .site-header > .header-inner {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html body .site-header > .header-inner::before,
    html body .site-header > .header-inner::after,
    html body.is-scrolled .site-header > .header-inner::before,
    html body.is-scrolled .site-header > .header-inner::after {
        content: none !important;
        display: none !important;

        background: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

}