/* ============================================================================
   CRDGAME PUBL1 — Каталог статей как NEWS1
   upload: /file/publ1/publ1.css
   version: 20260719_publ1_section_logo_card_3

   Основа визуальной сетки: /file/news1/news1.css clean_5 + hero 520.
   Шаблоны Каталога статей должны использовать:
   body.tmpl_body.archive_page.crd-publ-page
============================================================================ */

/* Общие стили материала импортируем внутрь одного подключаемого CSS.
   На страницах списков эти импорты почти не влияют, на странице материала
   включают уже рабочий вид pa-entry-* как в новостях. */
@import url("/file/entry/entry.css");
@import url("/file/entry/crd-tables.css?v=20260626-1");
@import url("/file/entry/crd-item-cards.css?v=20260709_1");
@import url("/file/takzhe/crd-topic-rail.css?v=20260717_topic_rail_only_threshold_2");


/* ============================================================================
   CRDGAME PUBL1 — CLEAN NEWS ARCHIVE / HOME HUB
   upload: /file/news1/publ1.css
   version: 20260718_news1_clean_3

   Один CSS для архива новостей.
   Старые /file/news/*.css для этой страницы не подключать.
============================================================================ */

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&family=Russo+One&display=swap");

/* ============================================================================
   00. TOKENS / BASE
============================================================================ */

html body.archive_page {
  --crd-news-shell-w: 2360px;
  --crd-news-shell-gap: clamp(28px, 4vw, 96px);

  --crd-news-home-w: 1760px;
  --crd-news-home-gap: clamp(56px, 4.2vw, 96px);
  --crd-news-home-grid-x: 28px;
  --crd-news-home-grid-y: 42px;
  --crd-news-home-side-w: 420px;
  --crd-news-home-layout-gap: 48px;

  --crd-news-card-x: 34px;
  --crd-news-card-y: 56px;

  --crd-news-bg-1: rgba(22, 18, 13, .72);
  --crd-news-bg-2: rgba(10, 8, 6, .86);
  --crd-news-line: rgba(174, 137, 84, .14);
  --crd-news-line-2: rgba(174, 137, 84, .28);
  --crd-news-line-3: rgba(174, 137, 84, .42);

  --crd-news-gold: #ae8954;
  --crd-news-gold-2: #c9a261;
  --crd-news-gold-3: #d7b06f;

  --crd-news-title: #e4dbcd;
  --crd-news-text: #c9c1b3;
  --crd-news-muted: #8e8578;
  --crd-news-muted-2: #6f675d;

  --crd-news-font-title: "Russo One", "Open Sans", Arial, sans-serif;
  --crd-news-font-text: "Open Sans", Arial, sans-serif;

  color: var(--crd-news-text) !important;
  font-family: var(--crd-news-font-text) !important;
}

html body.archive_page,
html body.archive_page *,
html body.archive_page *::before,
html body.archive_page *::after {
  box-sizing: border-box;
}

/* ============================================================================
   01. PAGE RESET
============================================================================ */

html body.archive_page .crd-news-page,
html body.archive_page .wrapper.main_wrapper,
html body.archive_page .wrapper.main_wrapper.crd-news-main,
html body.archive_page .crd-news-main,
html body.archive_page #casing,
html body.archive_page #content,
html body.archive_page #content.wide-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;
  float: none !important;
  clear: none !important;

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

  overflow-x: hidden !important;
}

html body.archive_page .crd-news-page {
  position: relative !important;
  margin: 0 !important;
  padding: clamp(52px, 4vw, 76px) 0 0 !important;
}

html body.archive_page.crd-news-home .crd-news-hub {
  display: none !important;
}

html body.archive_page.crd-news-home .crd-news-archive-default--hidden {
  display: block !important;
}

/* ============================================================================
   02. MODULE HERO — локально для news, без зависимости от старого module-hero
============================================================================ */

html body.archive_page .crd-module-hero {
  --crd-module-hero-w: 2560px;
  --crd-module-hero-h: clamp(360px, 18vw, 520px);
  --crd-module-hero-top: var(--crd-home-total-h, 115px);
  --crd-module-hero-bg: url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png");

  position: relative !important;
  z-index: 1 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: var(--crd-module-hero-w) !important;
  min-height: var(--crd-module-hero-h) !important;
  height: var(--crd-module-hero-h) !important;

  margin: var(--crd-module-hero-top) auto 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  color: var(--crd-news-title) !important;
  background: #090705 !important;
  border-bottom: 1px solid rgba(174, 137, 84, .24) !important;
  box-shadow: inset 0 -150px 180px rgba(0, 0, 0, .78) !important;
}

html body.archive_page .crd-module-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;

  background-image:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.40) 36%, rgba(0,0,0,.28) 54%, rgba(0,0,0,.70) 82%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.26) 48%, rgba(0,0,0,.92) 100%),
    var(--crd-module-hero-bg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center !important;

  pointer-events: none !important;
}

html body.archive_page .crd-module-hero__wrap {
  position: relative !important;
  z-index: 3 !important;

  width: min(1500px, calc(100% - 180px)) !important;
  margin: 0 auto !important;
  padding: 40px 0 24px !important;
}

html body.archive_page .crd-module-hero .crd-kicker {
  display: block !important;
  margin: 0 0 12px !important;
  color: #b99a68 !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 2.6px !important;
  text-transform: uppercase !important;
}

html body.archive_page .crd-module-hero h1 {
  max-width: 860px !important;
  margin: 0 0 18px !important;
  color: #f0e7d8 !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: clamp(42px, 4vw, 82px) !important;
  font-weight: 400 !important;
  line-height: .96 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-shadow: 0 4px 22px rgba(0,0,0,.84) !important;
}

html body.archive_page .crd-module-hero p {
  max-width: 780px !important;
  margin: 0 !important;
  color: #c9c1b3 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.70) !important;
}

html body.archive_page .crd-module-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 26px 0 0 !important;
  padding: 0 !important;
}

html body.archive_page .crd-module-tools .crd-btn,
html body.archive_page .crd-module-tools .crd-btn:link,
html body.archive_page .crd-module-tools .crd-btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 36px !important;
  padding: 0 18px !important;

  color: #eadfce !important;
  background: rgba(8, 6, 5, .54) !important;

  border: 1px solid rgba(174, 137, 84, .42) !important;
  border-radius: 0 !important;

  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body.archive_page .crd-module-tools .crd-btn:hover,
html body.archive_page .crd-module-tools .crd-btn.is-active {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

html body.archive_page .crd-news-breadcrumbs {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 10 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;

  color: #d7d0c4 !important;
  background: rgba(0,0,0,.78) !important;

  border-right: 1px solid rgba(174,137,84,.36) !important;
  border-bottom: 1px solid rgba(174,137,84,.36) !important;

  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 32px !important;
  text-transform: uppercase !important;
}

html body.archive_page .crd-news-breadcrumbs a,
html body.archive_page .crd-news-breadcrumbs a:link,
html body.archive_page .crd-news-breadcrumbs a:visited {
  display: inline-flex !important;
  align-items: center !important;
  height: 32px !important;
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.archive_page .crd-news-breadcrumbs svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* ============================================================================
   03. HOME /NEWS/ LAYOUT
============================================================================ */

html body.archive_page.crd-news-home .crd-news-portal-home {
  position: relative !important;
  display: block !important;

  width: min(var(--crd-news-home-w), calc(100% - (var(--crd-news-home-gap) * 2))) !important;
  max-width: var(--crd-news-home-w) !important;
  min-width: 0 !important;

  margin: 0 auto 34px !important;
  padding: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-home__layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  align-items: start !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

html body.archive_page.crd-news-home .crd-news-portal-feed,
html body.archive_page.crd-news-home .crd-news-portal-feed__body,
html body.archive_page.crd-news-home .crd-news-portal-feed__body .board_content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

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

html body.archive_page.crd-news-home .crd-news-portal-feed__head {
  position: relative !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid var(--crd-news-line) !important;
}

html body.archive_page.crd-news-home .crd-news-portal-feed__head::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 180px !important;
  height: 1px !important;
  background: rgba(174,137,84,.62) !important;
}

html body.archive_page.crd-news-home .crd-news-portal-feed__title {
  margin: 0 !important;
  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: clamp(32px, 2.3vw, 50px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

html body.archive_page.crd-news-home .crd-news-portal-feed__text {
  max-width: 820px !important;
  margin: 10px 0 0 !important;
  color: var(--crd-news-muted) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* ============================================================================
   04. ARCHIVE / $BODY$ GRID
============================================================================ */

html body.archive_page .crd-news-archive-default,
html body.archive_page .board_wrap,
html body.archive_page .board_content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

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

html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
  width: min(var(--crd-news-shell-w), calc(100% - (var(--crd-news-shell-gap) * 2))) !important;
  max-width: var(--crd-news-shell-w) !important;
  margin: 0 auto 42px !important;
}

html body.archive_page .common_thumb_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--crd-news-card-y) var(--crd-news-card-x) !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

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

html body.archive_page.crd-news-home .crd-news-portal-feed .common_thumb_list {
  gap: var(--crd-news-home-grid-y) var(--crd-news-home-grid-x) !important;
}

html body.archive_page .common_thumb_list > table,
html body.archive_page .common_thumb_list table,
html body.archive_page .common_thumb_list table.catAllEntries,
html body.archive_page .common_thumb_list tbody,
html body.archive_page .common_thumb_list tr,
html body.archive_page .common_thumb_list td,
html body.archive_page .common_thumb_list td.archiveEntries,
html body.archive_page #allEntries,
html body.archive_page #allEntries .catAllEntries,
html body.archive_page #allEntries .catAllEntries > tbody,
html body.archive_page #allEntries .catAllEntries > tbody > tr,
html body.archive_page #allEntries td.archiveEntries {
  display: contents !important;
}

html body.archive_page .common_thumb_list > br,
html body.archive_page .common_thumb_list br,
html body.archive_page #allEntries br,
html body.archive_page #allEntries td.archiveEntries > br {
  display: none !important;
}

html body.archive_page #allEntries div[id^="entryID"],
html body.archive_page .common_thumb_list .item_card,
html body.archive_page .common_thumb_list .item_box,
html body.archive_page .common_thumb_list a.item_box,
html body.archive_page .common_thumb_list a.item_box:link,
html body.archive_page .common_thumb_list a.item_box:visited {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;

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

  float: none !important;
  clear: none !important;

  color: inherit !important;
  text-decoration: none !important;

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

html body.archive_page .common_thumb_list .common_thumbnail,
html body.archive_page .common_thumb_list .cover-image-wrap {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

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

  overflow: hidden !important;

  background: #090705 !important;
  border: 1px solid rgba(174,137,84,.32) !important;
  border-radius: 0 !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,235,190,.035) !important;
}

html body.archive_page .common_thumb_list .common_thumbnail::after,
html body.archive_page .common_thumb_list .cover-image-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.12)) !important;
}

html body.archive_page .common_thumb_list .common_thumbnail img,
html body.archive_page .common_thumb_list .cover-image-wrap img,
html body.archive_page .common_thumb_list .item_box img {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;

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

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

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

  filter: brightness(.90) contrast(1.04) saturate(.94) !important;
  transition: transform .42s ease, filter .32s ease !important;
}

html body.archive_page .common_thumb_list a.item_box:hover .common_thumbnail img,
html body.archive_page .common_thumb_list a.item_box:hover .cover-image-wrap img {
  transform: scale(1.035) !important;
  filter: brightness(1) contrast(1.05) saturate(.98) !important;
}

html body.archive_page .common_thumb_list .common_thumbnail .news-image-wrap,
html body.archive_page .common_thumb_list .common_thumbnail .news-image-wrap.center,
html body.archive_page .common_thumb_list .common_thumbnail .news-image-wrap a,
html body.archive_page .common_thumb_list .common_thumbnail .news-image-wrap a.ulightbox,
html body.archive_page .common_thumb_list .common_thumbnail .ulightbox {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

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

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

html body.archive_page .common_thumb_list .news-image-caption {
  display: none !important;
}

html body.archive_page .common_thumb_list .item_category {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 6 !important;

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

  min-height: 23px !important;
  padding: 4px 11px !important;

  color: #14110d !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;

  border: 0 !important;
  border-radius: 0 !important;

  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;

  box-shadow: 0 2px 8px rgba(0,0,0,.50) !important;
}

html body.archive_page .common_thumb_list .item_moder_panel {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 20 !important;
}

html body.archive_page .common_thumb_list .info_wrap {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 18px 4px 0 !important;

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

html body.archive_page .common_thumb_list .info_wrap .title,
html body.archive_page .common_thumb_list .info_wrap p.title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  min-height: calc(1.38em * 2) !important;
  max-height: calc(1.38em * 2) !important;

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

  overflow: hidden !important;

  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: clamp(15px, .82vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.38 !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
}

html body.archive_page .common_thumb_list .info_wrap .desc,
html body.archive_page .common_thumb_list .info_wrap p.desc {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  min-height: calc(1.58em * 2) !important;
  max-height: calc(1.58em * 2) !important;

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

  overflow: hidden !important;

  color: var(--crd-news-muted) !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

html body.archive_page .common_thumb_list .info_wrap .desc * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font: inherit !important;
  background: transparent !important;
  border: 0 !important;
}

html body.archive_page .common_thumb_list .info_wrap .desc img,
html body.archive_page .common_thumb_list .info_wrap .desc br,
html body.archive_page .common_thumb_list .info_wrap .desc iframe,
html body.archive_page .common_thumb_list .info_wrap .desc video,
html body.archive_page .common_thumb_list .info_wrap .desc table,
html body.archive_page .common_thumb_list .info_wrap .desc figure {
  display: none !important;
}

html body.archive_page .common_thumb_list .info_wrap .date,
html body.archive_page .common_thumb_list .info_wrap p.date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  align-self: flex-start !important;

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

  color: var(--crd-news-muted-2) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 1.7px !important;
  text-transform: uppercase !important;
}

html body.archive_page .common_thumb_list .info_wrap .date::before {
  content: "" !important;

  width: 5px !important;
  height: 5px !important;

  background: var(--crd-news-gold) !important;
  transform: rotate(45deg) !important;
}

/* ============================================================================
   05. HOME SIDE / BOTTOM WIDGETS
============================================================================ */

html body.archive_page.crd-news-home .crd-news-portal-side {
  position: relative !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-content: start !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 46px 0 0 !important;
  padding: 0 !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget {
  position: relative !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

  background: linear-gradient(180deg, rgba(22,18,13,.62), rgba(10,8,6,.84)) !important;
  border: 1px solid var(--crd-news-line) !important;
  border-top-color: rgba(174,137,84,.44) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__head {
  position: relative !important;
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid var(--crd-news-line) !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__kicker {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--crd-news-gold) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__title {
  margin: 0 !important;
  padding: 0 !important;

  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__title a,
html body.archive_page.crd-news-home .crd-news-portal-widget__title a:link,
html body.archive_page.crd-news-home .crd-news-portal-widget__title a:visited {
  color: inherit !important;
  text-decoration: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__more,
html body.archive_page.crd-news-home .crd-news-portal-widget__more:link,
html body.archive_page.crd-news-home .crd-news-portal-widget__more:visited {
  position: absolute !important;
  right: 0 !important;
  bottom: 14px !important;

  color: var(--crd-news-gold) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-grid,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-grid--highlights,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-grid--section {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;

  width: 100% !important;
  max-width: 100% !important;

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

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__link,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__link:link,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__link:visited {
  display: grid !important;
  grid-template-columns: var(--crd-widget-img-w, 118px) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;

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

  color: inherit !important;
  text-decoration: none !important;

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

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__media {
  position: relative !important;

  display: block !important;

  width: var(--crd-widget-img-w, 118px) !important;
  min-width: var(--crd-widget-img-w, 118px) !important;
  max-width: var(--crd-widget-img-w, 118px) !important;

  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

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

  overflow: hidden !important;

  background: #090705 !important;
  border: 1px solid rgba(174,137,84,.24) !important;
  box-shadow: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__media img,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__image {
  position: absolute !important;
  inset: 0 !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;

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

  background: #090705 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: brightness(.88) contrast(1.04) saturate(.94) !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  min-width: 0 !important;
  min-height: 0 !important;

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

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

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__label,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__desc,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__description,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__excerpt {
  display: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  max-height: calc(1.35em * 2) !important;

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

  overflow: hidden !important;

  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__date,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__author {
  display: block !important;
  margin: 6px 0 0 !important;
  color: var(--crd-news-muted-2) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

/* ============================================================================
   06. PAGINATION
============================================================================ */

html body.archive_page #pagesBlock1.catPages1,
html body.archive_page .catPages1,
html body.archive_page #pagesBlock1 {
  grid-column: 1 / -1 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 34px auto 10px !important;
  padding: 24px 0 0 !important;

  clear: both !important;

  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(174,137,84,.18) !important;
  box-shadow: none !important;
}

html body.archive_page.crd-news-home #pagesBlock1.catPages1,
html body.archive_page.crd-news-home .catPages1,
html body.archive_page.crd-news-home #pagesBlock1 {
  margin-bottom: 0 !important;
}

html body.archive_page #pagesBlock1 a,
html body.archive_page #pagesBlock1 b,
html body.archive_page #pagesBlock1 .swchItem,
html body.archive_page #pagesBlock1 .swchItemA,
html body.archive_page #pagesBlock1 a.swchItem,
html body.archive_page #pagesBlock1 b.swchItemA,
html body.archive_page #pagesBlock1 a.swchItem-next,
html body.archive_page #pagesBlock1 span.pgSwchA,
html body.archive_page #pagesBlock1 a.pgSwch,
html body.archive_page #pagesBlock1 .pgSwch,
html body.archive_page #pagesBlock1 .pgSwchA {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

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

  color: #8e8578 !important;
  background: rgba(20,17,13,.32) !important;

  border: 1px solid rgba(174,137,84,.24) !important;
  border-radius: 0 !important;

  font-family: var(--crd-news-font-title) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  box-shadow: none !important;
}

html body.archive_page #pagesBlock1 span.pgSwchA,
html body.archive_page #pagesBlock1 span.pgSwchA b,
html body.archive_page #pagesBlock1 b,
html body.archive_page #pagesBlock1 .swchItemA {
  color: #15100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

html body.archive_page #pagesBlock1 a:hover,
html body.archive_page #pagesBlock1 a.pgSwch:hover,
html body.archive_page #pagesBlock1 a.swchItem:hover {
  color: #f0e7d8 !important;
  background: rgba(174,137,84,.12) !important;
  border-color: rgba(215,176,111,.54) !important;
}

html body.archive_page #pagesBlock1 a.swchItem-next,
html body.archive_page #pagesBlock1 .swchItem-next a {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  color: var(--crd-news-gold) !important;
}

html body.archive_page #pagesBlock1 span:not(.pgSwchA):not(.pgSwch),
html body.archive_page #pagesBlock1 .swchItemDots {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  color: var(--crd-news-muted-2) !important;
  background: transparent !important;
  border: 0 !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
}

html body.archive_page #pagesBlock1 a > span,
html body.archive_page #pagesBlock1 b > span,
html body.archive_page #pagesBlock1 span.pgSwchA > b {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  line-height: inherit !important;
}

/* ============================================================================
   07. BREAKPOINTS
============================================================================ */

@media (min-width: 2600px) {
  html body.archive_page .crd-module-hero {
    width: 2560px !important;
    max-width: 2560px !important;
  }
}

/* 2200px+ — лента + информеры справа */
@media (min-width: 2200px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-w: 2360px;
    --crd-news-home-gap: clamp(72px, 4vw, 120px);
    --crd-news-home-side-w: 430px;
    --crd-news-home-layout-gap: 56px;
    --crd-news-home-grid-x: 34px;
    --crd-news-home-grid-y: 48px;
    --crd-widget-img-w: 118px;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home__layout {
    grid-template-columns: minmax(0, 1fr) var(--crd-news-home-side-w) !important;
    gap: var(--crd-news-home-layout-gap) !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-top: 0 !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget {
    padding: 24px !important;
  }
}

/* 1301–2199px — всё по центру, информеры вниз */
@media (min-width: 1301px) and (max-width: 2199px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-w: 1760px;
    --crd-news-home-gap: clamp(58px, 4vw, 96px);
    --crd-news-home-grid-x: 30px;
    --crd-news-home-grid-y: 44px;
    --crd-widget-img-w: 108px;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home__layout {
    grid-template-columns: 1fr !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin-top: 46px !important;
  }
}

/* 1301–1599px — компактнее, но всё ещё 3 карточки и 3 информера */
@media (min-width: 1301px) and (max-width: 1599px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-w: 100%;
    --crd-news-home-gap: clamp(34px, 4vw, 58px);
    --crd-news-home-grid-x: 22px;
    --crd-news-home-grid-y: 38px;
    --crd-widget-img-w: 92px;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home {
    width: calc(100% - (var(--crd-news-home-gap) * 2)) !important;
    max-width: none !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-side {
    gap: 20px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget {
    padding: 18px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget__title {
    font-size: 17px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__title {
    font-size: 10px !important;
  }
}

/* 769–1300px — лента 2 колонки, информеры одной колонкой */
@media (min-width: 769px) and (max-width: 1300px) {
  html body.archive_page {
    --crd-news-shell-gap: 28px;
    --crd-news-card-x: 24px;
    --crd-news-card-y: 38px;
  }

  html body.archive_page .common_thumb_list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.archive_page.crd-news-home {
    --crd-news-home-gap: 28px;
    --crd-news-home-grid-x: 24px;
    --crd-news-home-grid-y: 38px;
    --crd-widget-img-w: 118px;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home,
  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - 56px) !important;
    max-width: none !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home__layout {
    grid-template-columns: 1fr !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-top: 42px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget {
    padding: 20px !important;
  }
}

/* mobile */
@media (max-width: 768px) {
  html body.archive_page {
    --crd-news-shell-gap: 14px;
    --crd-news-card-x: 0px;
    --crd-news-card-y: 28px;
  }

  html body.archive_page .crd-module-hero {
    --crd-module-hero-h: 340px;
    --crd-module-hero-top: 76px;
    align-items: flex-end !important;
  }

  html body.archive_page .crd-module-hero__wrap {
    width: calc(100% - 28px) !important;
    padding: 0 0 34px !important;
  }

  html body.archive_page .crd-module-hero h1 {
    font-size: 34px !important;
  }

  html body.archive_page .crd-module-hero p {
    font-size: 13px !important;
  }

  html body.archive_page .crd-module-tools {
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  html body.archive_page .crd-module-tools::-webkit-scrollbar {
    display: none !important;
  }

  html body.archive_page .crd-module-tools .crd-btn {
    flex: 0 0 auto !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 9px !important;
  }

  html body.archive_page .crd-news-page {
    padding-top: 36px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home,
  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-home__layout {
    display: block !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-feed__head {
    margin-bottom: 22px !important;
    padding-bottom: 18px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-feed__title {
    font-size: 30px !important;
    line-height: 1.1 !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-feed__text {
    font-size: 13px !important;
  }

  html body.archive_page .common_thumb_list {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  html body.archive_page .common_thumb_list .info_wrap {
    padding: 14px 2px 0 !important;
  }

  html body.archive_page .common_thumb_list .info_wrap .title,
  html body.archive_page .common_thumb_list .info_wrap p.title {
    font-size: 18px !important;
    line-height: 1.34 !important;
    min-height: 0 !important;
    max-height: calc(1.34em * 2) !important;
  }

  html body.archive_page .common_thumb_list .info_wrap .desc,
  html body.archive_page .common_thumb_list .info_wrap p.desc {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  html body.archive_page .common_thumb_list .info_wrap .date,
  html body.archive_page .common_thumb_list .info_wrap p.date {
    font-size: 10px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 38px auto 0 !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget {
    padding: 18px !important;
  }

  html body.archive_page.crd-news-home {
    --crd-widget-img-w: 104px;
  }

  html body.archive_page #pagesBlock1.catPages1,
  html body.archive_page .catPages1,
  html body.archive_page #pagesBlock1 {
    margin-top: 28px !important;
    padding-top: 20px !important;
    gap: 8px !important;
  }
}

@media (max-width: 420px) {
  html body.archive_page.crd-news-home .crd-news-portal-home,
  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - 20px) !important;
  }

  html body.archive_page .common_thumb_list .item_category {
    top: 8px !important;
    left: 8px !important;
    min-height: 21px !important;
    padding: 4px 9px !important;
    font-size: 9px !important;
  }

  html body.archive_page .crd-module-hero h1 {
    font-size: 30px !important;
  }

  html body.archive_page.crd-news-home {
    --crd-widget-img-w: 96px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.archive_page *,
  html body.archive_page *::before,
  html body.archive_page *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}


/* ============================================================================
   99. FINAL NEWS HOME AXIS / WIDGET OVERRIDE
   v20260718_news1_clean_3

   Причина: на реальных экранах 1980/1680 при zoom/scale viewport может
   попадать в desktop-диапазон. Поэтому правый сайдбар включается только
   на настоящем ultra-wide. До этого информеры уходят вниз.
============================================================================ */

html body.archive_page.crd-news-home {
  --crd-news-home-final-w: 1760px;
  --crd-news-home-final-side-gap: clamp(54px, 5vw, 104px);
  --crd-news-home-final-card-gap-x: 30px;
  --crd-news-home-final-card-gap-y: 42px;
  --crd-news-home-final-widget-img: 112px;
}

/* центр страницы /news/ */
html body.archive_page.crd-news-home .crd-news-page #content.wide-page > .crd-news-portal-home,
html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home,
html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home {
  position: relative !important;
  display: block !important;

  width: min(
    var(--crd-news-home-final-w),
    calc(100% - (var(--crd-news-home-final-side-gap) * 2))
  ) !important;
  max-width: var(--crd-news-home-final-w) !important;
  min-width: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 36px !important;

  padding: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;

  box-sizing: border-box !important;
}

/* по умолчанию: лента сверху, информеры снизу */
html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home__layout,
html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home > .crd-news-portal-home__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: start !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

  left: auto !important;
  right: auto !important;
  transform: none !important;

  box-sizing: border-box !important;
}

html body.archive_page.crd-news-home .crd-news-portal-feed,
html body.archive_page.crd-news-home .crd-news-portal-feed__body,
html body.archive_page.crd-news-home .crd-news-portal-feed__body .board_content,
html body.archive_page.crd-news-home .crd-news-portal-feed .common_thumb_list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;

  box-sizing: border-box !important;
}

html body.archive_page.crd-news-home .crd-news-portal-feed .common_thumb_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--crd-news-home-final-card-gap-y) var(--crd-news-home-final-card-gap-x) !important;
}

/* пагинация без огромного хвоста */
html body.archive_page.crd-news-home .crd-news-portal-feed #pagesBlock1,
html body.archive_page.crd-news-home .crd-news-portal-feed #pagesBlock1.catPages1,
html body.archive_page.crd-news-home .crd-news-portal-feed .catPages1 {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 30px auto 0 !important;
  padding: 22px 0 0 !important;

  border-top: 1px solid rgba(174, 137, 84, .18) !important;
  background: transparent !important;
  box-shadow: none !important;
  clear: both !important;
}

/* информеры снизу: 3 нормальные колонки */
html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-side,
html body.archive_page.crd-news-home .crd-news-portal-side {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: start !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 44px auto 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

/* карточки в информерах: поддержка и crd-hub-card, и старых item_card */
html body.archive_page.crd-news-home .crd-news-portal-widget__body,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-grid,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .common_thumb_list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 13px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .item_card {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__link,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card > a,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .item_box,
html body.archive_page.crd-news-home .crd-news-portal-widget__body a.item_box {
  display: grid !important;
  grid-template-columns: var(--crd-news-home-final-widget-img) minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;

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

  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__media,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .common_thumbnail,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .cover-image-wrap {
  position: relative !important;
  display: block !important;

  width: var(--crd-news-home-final-widget-img) !important;
  min-width: var(--crd-news-home-final-widget-img) !important;
  max-width: var(--crd-news-home-final-widget-img) !important;

  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

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

  overflow: hidden !important;
  background: #090705 !important;
  border: 1px solid rgba(174, 137, 84, .26) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__media > *,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .common_thumbnail > *,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .cover-image-wrap > *,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .news-image-wrap,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .news-image-wrap.center,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .news-image-wrap a,
html body.archive_page.crd-news-home .crd-news-portal-widget__body a.ulightbox {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__media img,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__image,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .common_thumbnail img,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .cover-image-wrap img,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .news-image-wrap img,
html body.archive_page.crd-news-home .crd-news-portal-widget__body a.ulightbox img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;

  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;

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

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

  background: #090705 !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: brightness(.92) contrast(1.04) saturate(.95) !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__body,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .info_wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__title,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .info_wrap .title,
html body.archive_page.crd-news-home .crd-news-portal-widget__body p.title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  max-height: calc(1.34em * 2) !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;

  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  text-transform: none !important;
}

html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__desc,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__excerpt,
html body.archive_page.crd-news-home .crd-news-portal-widget__body .desc {
  display: none !important;
}

/* реальный ultra-wide: только здесь информеры справа */
@media (min-width: 2800px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-final-w: 2360px;
    --crd-news-home-final-side-gap: 0px;
    --crd-news-home-final-widget-img: 118px;
  }

  html body.archive_page.crd-news-home .crd-news-page #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home {
    width: 2360px !important;
    max-width: 2360px !important;
  }

  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home__layout,
  html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home > .crd-news-portal-home__layout {
    grid-template-columns: minmax(0, 1fr) 430px !important;
    gap: 56px !important;
  }

  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-side,
  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-top: 0 !important;
  }
}

@media (min-width: 1600px) and (max-width: 2799px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-final-w: 1760px;
    --crd-news-home-final-side-gap: clamp(54px, 5vw, 104px);
    --crd-news-home-final-card-gap-x: 30px;
    --crd-news-home-final-card-gap-y: 42px;
    --crd-news-home-final-widget-img: 112px;
  }
}

@media (min-width: 1301px) and (max-width: 1599px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-final-w: 100%;
    --crd-news-home-final-side-gap: clamp(34px, 4vw, 58px);
    --crd-news-home-final-card-gap-x: 22px;
    --crd-news-home-final-card-gap-y: 38px;
    --crd-news-home-final-widget-img: 92px;
  }

  html body.archive_page.crd-news-home .crd-news-page #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home {
    width: calc(100% - (var(--crd-news-home-final-side-gap) * 2)) !important;
    max-width: none !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget {
    padding: 18px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget__body .crd-hub-card__title,
  html body.archive_page.crd-news-home .crd-news-portal-widget__body .info_wrap .title,
  html body.archive_page.crd-news-home .crd-news-portal-widget__body p.title {
    font-size: 10px !important;
  }
}

@media (min-width: 769px) and (max-width: 1300px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-final-side-gap: 28px;
    --crd-news-home-final-card-gap-x: 24px;
    --crd-news-home-final-card-gap-y: 38px;
    --crd-news-home-final-widget-img: 118px;
  }

  html body.archive_page.crd-news-home .crd-news-page #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home {
    width: calc(100% - 56px) !important;
    max-width: none !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-feed .common_thumb_list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-side,
  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-top: 40px !important;
  }
}

@media (max-width: 768px) {
  html body.archive_page.crd-news-home {
    --crd-news-home-final-side-gap: 12px;
    --crd-news-home-final-card-gap-y: 28px;
    --crd-news-home-final-widget-img: 104px;
  }

  html body.archive_page.crd-news-home .crd-news-page #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home #content.wide-page > .crd-news-portal-home,
  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-home {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-bottom: 36px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-feed .common_thumb_list {
    grid-template-columns: 1fr !important;
    gap: var(--crd-news-home-final-card-gap-y) !important;
  }

  html body.archive_page.crd-news-home .crd-news-page .crd-news-portal-side,
  html body.archive_page.crd-news-home .crd-news-portal-side {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-top: 38px !important;
  }

  html body.archive_page.crd-news-home .crd-news-portal-widget {
    padding: 18px !important;
  }
}

/* ============================================================================
   CRDGAME PUBL1 — ARCHIVE / PAGE / CATEGORY PATCH ONLY
   Основа: clean_3. Главную /news/ НЕ трогаем.
   v20260718_news1_clean_5_archive_only
============================================================================ */

html body.archive_page:not(.crd-news-home) {
  --crd-news-archive-final-w: 1760px;
  --crd-news-archive-final-side-gap: clamp(54px, 5vw, 104px);
  --crd-news-archive-final-card-gap-x: 30px;
  --crd-news-archive-final-card-gap-y: 42px;
}

/* обычный архив: ?page2, ?page3, разделы */
html body.archive_page:not(.crd-news-home) .crd-news-page #content.wide-page > .crd-news-archive-default,
html body.archive_page:not(.crd-news-home) #content.wide-page > .crd-news-archive-default,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
  position: relative !important;
  display: block !important;

  width: min(
    var(--crd-news-archive-final-w),
    calc(100% - (var(--crd-news-archive-final-side-gap) * 2))
  ) !important;
  max-width: var(--crd-news-archive-final-w) !important;
  min-width: 0 !important;

  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 42px !important;

  padding: 0 !important;

  left: auto !important;
  right: auto !important;
  transform: none !important;

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

  box-sizing: border-box !important;
}

html body.archive_page:not(.crd-news-home) .crd-news-archive-default .board_wrap,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .board_content,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

  left: auto !important;
  right: auto !important;
  transform: none !important;

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

  box-sizing: border-box !important;
}

/* сетка как у /news/ clean_3 */
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--crd-news-archive-final-card-gap-y) var(--crd-news-archive-final-card-gap-x) !important;
  align-items: start !important;
}

/* uCoz wrappers не должны ломать grid */
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list > table,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list table,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list table.catAllEntries,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list tbody,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list tr,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list td,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list td.archiveEntries,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries .catAllEntries,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries .catAllEntries > tbody,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries .catAllEntries > tbody > tr,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries td.archiveEntries {
  display: contents !important;
}

html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list > br,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list br,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries br,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries td.archiveEntries > br {
  display: none !important;
}

/* карточка: тот же размер и поведение, что в clean_3 на /news/ */
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #allEntries div[id^="entryID"],
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list .item_card,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list .item_box,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list a.item_box,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list a.item_box:link,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list a.item_box:visited {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;

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

  float: none !important;
  clear: none !important;

  color: inherit !important;
  text-decoration: none !important;

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

  box-sizing: border-box !important;
}

/* пагинация ближе, без огромного хвоста */
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #pagesBlock1,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default #pagesBlock1.catPages1,
html body.archive_page:not(.crd-news-home) .crd-news-archive-default .catPages1 {
  grid-column: 1 / -1 !important;

  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 30px auto 0 !important;
  padding: 22px 0 0 !important;

  border-top: 1px solid rgba(174, 137, 84, .18) !important;
  background: transparent !important;
  box-shadow: none !important;
  clear: both !important;

  box-sizing: border-box !important;
}

/* 1600–2799: как главная /news/ clean_3 */
@media (min-width: 1600px) and (max-width: 2799px) {
  html body.archive_page:not(.crd-news-home) {
    --crd-news-archive-final-w: 1760px;
    --crd-news-archive-final-side-gap: clamp(54px, 5vw, 104px);
    --crd-news-archive-final-card-gap-x: 30px;
    --crd-news-archive-final-card-gap-y: 42px;
  }
}

/* 1301–1599: 3 карточки, но резиновая ширина */
@media (min-width: 1301px) and (max-width: 1599px) {
  html body.archive_page:not(.crd-news-home) {
    --crd-news-archive-final-w: 100%;
    --crd-news-archive-final-side-gap: clamp(34px, 4vw, 58px);
    --crd-news-archive-final-card-gap-x: 22px;
    --crd-news-archive-final-card-gap-y: 38px;
  }

  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - (var(--crd-news-archive-final-side-gap) * 2)) !important;
    max-width: none !important;
  }
}

/* 769–1300: 2 карточки */
@media (min-width: 769px) and (max-width: 1300px) {
  html body.archive_page:not(.crd-news-home) {
    --crd-news-archive-final-side-gap: 28px;
    --crd-news-archive-final-card-gap-x: 24px;
    --crd-news-archive-final-card-gap-y: 38px;
  }

  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - 56px) !important;
    max-width: none !important;
  }

  html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* mobile: 1 карточка */
@media (max-width: 768px) {
  html body.archive_page:not(.crd-news-home) {
    --crd-news-archive-final-side-gap: 12px;
    --crd-news-archive-final-card-gap-y: 28px;
  }

  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-bottom: 36px !important;
  }

  html body.archive_page:not(.crd-news-home) .crd-news-archive-default .common_thumb_list {
    grid-template-columns: 1fr !important;
    gap: var(--crd-news-archive-final-card-gap-y) !important;
  }
}

@media (max-width: 420px) {
  html body.archive_page:not(.crd-news-home) .crd-news-archive-default {
    width: calc(100% - 20px) !important;
  }
}
/* =========================================================
   CRDGAME NEWS HERO — FIX 520 HEIGHT
   v20260718_news_hero_force_520_2
========================================================= */

@media (min-width: 1321px) {
  html body.archive_page .crd-module-hero.crd-module-hero--news,
  html body.archive_page.crd-news-home .crd-module-hero.crd-module-hero--news,
  html body .crd-module-hero.crd-module-hero--news {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  html body.archive_page .crd-module-hero.crd-module-hero--news .crd-module-hero__bg,
  html body.archive_page.crd-news-home .crd-module-hero.crd-module-hero--news .crd-module-hero__bg,
  html body .crd-module-hero.crd-module-hero--news .crd-module-hero__bg {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
  }
}

/* ============================================================================
   100. PUBL1 LOCAL OVERRIDES
============================================================================ */

html body.crd-publ-page {
  background: transparent !important;
}

html body.crd-publ-page #sidebar,
html body.crd-publ-page .items-stat-wrapper,
html body.crd-publ-page .breadcrumbs-wrapper,
html body.crd-publ-page #content > section > hr {
  display: none !important;
}

/* Поддержка старого вывода "Материалов нет" */
html body.crd-publ-page .crd-publ-empty {
  width: min(1760px, calc(100% - 108px)) !important;
  margin: 0 auto 64px !important;
  padding: 36px !important;
  color: var(--crd-news-muted) !important;
  background: linear-gradient(180deg, rgba(22,18,13,.58), rgba(10,8,6,.78)) !important;
  border: 1px solid rgba(174,137,84,.18) !important;
  font-family: var(--crd-news-font-text) !important;
  text-align: center !important;
}

/* Hero каталога может иметь оба класса --news/--publ. Фон задаём отдельно. */
html body.crd-publ-page .crd-module-hero.crd-module-hero--publ {
  --crd-module-hero-bg: url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png");
}

/* Название игры/раздела в карточке */
html body.crd-publ-page .common_thumb_list .item_game {
  position: absolute !important;
  right: 10px !important;
  bottom: 10px !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 4px 10px !important;
  color: #d9c8a8 !important;
  background: rgba(0,0,0,.62) !important;
  border: 1px solid rgba(174,137,84,.24) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
  pointer-events: none !important;
}

/* Если uCoz в карточке вставит $COVER_IMAGE$ как img.e-cover-image */
html body.crd-publ-page .common_thumb_list .cover-image-wrap img.e-cover-image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Add/edit page */
html body.crd-publ-add-page .wrapper.main_wrapper,
html body.crd-publ-add-page #casing,
html body.crd-publ-add-page #content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.crd-publ-add-page .add-entry-page {
  width: min(1440px, calc(100% - 96px)) !important;
  margin: calc(var(--crd-home-total-h, 115px) + 54px) auto 76px !important;
  padding: 0 !important;
}

html body.crd-publ-add-page .add-entry-header {
  margin: 0 0 28px !important;
  padding: 0 0 20px !important;
  border-bottom: 1px solid rgba(174,137,84,.18) !important;
}

html body.crd-publ-add-page .add-entry-title {
  margin: 0 !important;
  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: clamp(34px, 3vw, 58px) !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .add-entry-form {
  padding: 32px !important;
  background: linear-gradient(180deg, rgba(22,18,13,.62), rgba(10,8,6,.84)) !important;
  border: 1px solid rgba(174,137,84,.18) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22) !important;
}

/* Старый ul.form-fields и новый add-entry-form-fields — оба приводим к одному виду */
html body.crd-publ-add-page .form-fields,
html body.crd-publ-add-page .add-entry-form-fields {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 14px 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.crd-publ-add-page .form-fields > li,
html body.crd-publ-add-page .form-field-row,
html body.crd-publ-add-page .form-field-full,
html body.crd-publ-add-page .form-buttons-wrapper {
  min-width: 0 !important;
  color: var(--crd-news-text) !important;
}

html body.crd-publ-add-page .form-fields > li.notcolumn,
html body.crd-publ-add-page .form-field-full,
html body.crd-publ-add-page .form-buttons-wrapper {
  grid-column: 1 / -1 !important;
}

html body.crd-publ-add-page .form-fields label,
html body.crd-publ-add-page .form-field-label,
html body.crd-publ-add-page .form-field-label-full {
  color: var(--crd-news-gold-2) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page input[type="text"],
html body.crd-publ-add-page input[type="button"],
html body.crd-publ-add-page input[type="file"],
html body.crd-publ-add-page textarea,
html body.crd-publ-add-page select,
html body.crd-publ-add-page .u-comboedit {
  max-width: 100% !important;
  background: rgba(8,6,5,.72) !important;
  color: #e4dbcd !important;
  border: 1px solid rgba(174,137,84,.26) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.crd-publ-add-page textarea {
  width: 100% !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html body.crd-publ-add-page .form-buttons,
html body.crd-publ-add-page .form-buttons-wrapper {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

html body.crd-publ-add-page input[type="submit"],
html body.crd-publ-add-page .manFlSbm,
html body.crd-publ-add-page .manFlRst {
  min-height: 38px !important;
  padding: 0 18px !important;
  cursor: pointer !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .manFlSbm {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

/* Entry page: пусть общий entry.css работает, но тело получает publ-контекст */
html body.crd-publ-entry-page.crd-entry-page .pa-entry-breadcrumbs a[href="/news/"]::after {
  content: "" !important;
}

/* Адаптация формы */
@media (max-width: 900px) {
  html body.crd-publ-add-page .add-entry-page {
    width: calc(100% - 36px) !important;
    margin-top: calc(var(--crd-home-total-h, 76px) + 34px) !important;
  }

  html body.crd-publ-add-page .add-entry-form {
    padding: 24px 18px !important;
  }

  html body.crd-publ-add-page .form-fields,
  html body.crd-publ-add-page .add-entry-form-fields {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  html body.crd-publ-add-page .add-entry-page {
    width: calc(100% - 20px) !important;
  }

  html body.crd-publ-add-page .add-entry-form {
    padding: 20px 12px !important;
  }
}


/* ============================================================================
   CRDGAME PUBL1 — SECTION LOGOS + ADD FORM FINAL
   v20260719_publ1_section_logo_card_3
============================================================================ */

html body.crd-publ-page .crd-module-hero--publ,
html body.crd-publ-entry-page .pa-entry-hero,
html body.crd-publ-entry-page .crd-publ-entry-simple-logo {
  --crd-publ-section-logo: none;
}

/* Если $SECTION_ID$ в uCoz отдаётся — логотип появится сразу без JS */
html body.crd-publ-page .crd-module-hero--publ[data-section-id="1"],
html body.crd-publ-entry-page [data-section-id="1"] {
  --crd-publ-section-logo: url("https://crdgame.ru/file/publ1/logo-section/Assassins-Creed-Shadows-Guides-and-News.webp");
}

html body.crd-publ-page .crd-module-hero--publ[data-section-id="2"],
html body.crd-publ-entry-page [data-section-id="2"] {
  --crd-publ-section-logo: url("https://crdgame.ru/file/publ1/logo-section/Assassins-Creed-Black-Flag-Resynced-News-and-Guide.webp");
}

html body.crd-publ-page .crd-module-hero--publ[data-section-id="3"],
html body.crd-publ-entry-page [data-section-id="3"] {
  --crd-publ-section-logo: url("https://crdgame.ru/file/publ1/logo-section/Middle-earth-Shadow-of-War-Thoughts-on-the-Ending-.jpg");
}

html body.crd-publ-page .crd-publ-section-logo,
html body.crd-publ-entry-page .crd-publ-entry-game-logo,
html body.crd-publ-entry-page .crd-publ-entry-simple-logo {
  position: absolute !important;
  z-index: 2 !important;
  display: block !important;
  pointer-events: none !important;
}

html body.crd-publ-page .crd-publ-section-logo {
  right: clamp(64px, 10vw, 270px) !important;
  top: 50% !important;
  width: clamp(320px, 25vw, 680px) !important;
  aspect-ratio: 16 / 9 !important;
  transform: translateY(-50%) !important;
  opacity: .42 !important;
  filter: brightness(.82) contrast(1.06) saturate(.96) !important;
}

html body.crd-publ-page .crd-publ-section-logo::before,
html body.crd-publ-entry-page .crd-publ-entry-game-logo::before,
html body.crd-publ-entry-page .crd-publ-entry-simple-logo::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background-image: var(--crd-publ-section-logo) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

html body.crd-publ-page .crd-module-hero--publ.has-section-logo .crd-module-hero__bg {
  opacity: .86 !important;
}

html body.crd-publ-page .crd-module-hero--publ.has-section-logo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 76% 50%, rgba(174,137,84,.18), transparent 30%),
    linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,.28) 58%, rgba(0,0,0,.72) 100%) !important;
}

html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
  z-index: 4 !important;
}

html body.crd-publ-entry-page .crd-publ-entry-game-logo {
  right: clamp(32px, 7vw, 150px) !important;
  bottom: clamp(32px, 4vw, 82px) !important;
  width: clamp(220px, 20vw, 520px) !important;
  aspect-ratio: 16 / 9 !important;
  opacity: .42 !important;
  filter: brightness(.86) contrast(1.06) saturate(.96) !important;
}

html body.crd-publ-entry-page .crd-publ-entry-simple-logo {
  position: relative !important;
  width: min(720px, calc(100% - 64px)) !important;
  max-width: 720px !important;
  aspect-ratio: 16 / 9 !important;
  margin: calc(var(--crd-home-total-h, 115px) + 36px) auto 0 !important;
  opacity: .92 !important;
  background: #090705 !important;
  border: 1px solid rgba(174,137,84,.28) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.34) !important;
}

html body.crd-publ-entry-page .crd-publ-entry-simple-logo + .pa-entry-title-block-simple {
  margin-top: 34px !important;
}

@media (max-width: 1300px) {
  html body.crd-publ-page .crd-publ-section-logo {
    right: 24px !important;
    width: clamp(260px, 34vw, 480px) !important;
    opacity: .30 !important;
  }
}

@media (max-width: 768px) {
  html body.crd-publ-page .crd-publ-section-logo {
    right: 8px !important;
    bottom: 18px !important;
    top: auto !important;
    width: min(70vw, 360px) !important;
    transform: none !important;
    opacity: .24 !important;
  }

  html body.crd-publ-entry-page .crd-publ-entry-game-logo {
    right: 12px !important;
    bottom: 20px !important;
    width: min(58vw, 300px) !important;
    opacity: .26 !important;
  }
}

/* Главная каталога: если $BODY$ вернул обычный текст "Материалов нет" */
html body.crd-publ-page .common_thumb_list > .crd-publ-empty {
  grid-column: 1 / -1 !important;
}

/* ==========================================================================
   ADD / EDIT MATERIAL PAGE — финальный фикс формы каталога
========================================================================== */

html body.crd-publ-add-page,
html body.crd-publ-add-page * {
  box-sizing: border-box !important;
}

html body.crd-publ-add-page {
  --crd-news-gold: #ae8954;
  --crd-news-gold-2: #c9a261;
  --crd-news-gold-3: #d7b06f;
  --crd-news-title: #e4dbcd;
  --crd-news-text: #c9c1b3;
  --crd-news-muted: #8e8578;
  --crd-news-muted-2: #6f675d;
  --crd-news-font-title: "Russo One", "Open Sans", Arial, sans-serif;
  --crd-news-font-text: "Open Sans", Arial, sans-serif;

  --crd-publ-add-w: min(1640px, calc(100vw - 96px));
  --crd-publ-add-label: 245px;
  --crd-publ-add-gap: 24px;
  --crd-publ-add-bg: rgba(12, 9, 7, .86);
  --crd-publ-add-card: linear-gradient(180deg, rgba(22,18,13,.68), rgba(10,8,6,.90));
  --crd-publ-add-line: rgba(174,137,84,.18);
  --crd-publ-add-line-2: rgba(174,137,84,.30);
  overflow-x: hidden !important;
}

html body.crd-publ-add-page .crd-publ-add-shell,
html body.crd-publ-add-page .wrapper.main_wrapper,
html body.crd-publ-add-page #casing,
html body.crd-publ-add-page #content.add-entry-page {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  float: none !important;
}

html body.crd-publ-add-page #content.add-entry-page > section {
  width: var(--crd-publ-add-w) !important;
  max-width: var(--crd-publ-add-w) !important;
  margin: calc(var(--crd-home-total-h, 115px) + 52px) auto 78px !important;
  padding: 0 !important;
}

html body.crd-publ-add-page .add-entry-header {
  position: relative !important;
  display: block !important;
  margin: 0 0 30px !important;
  padding: 0 0 22px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--crd-publ-add-line) !important;
}

html body.crd-publ-add-page .add-entry-header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 180px !important;
  height: 1px !important;
  background: rgba(174,137,84,.62) !important;
}

html body.crd-publ-add-page .add-entry-header .crd-kicker {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--crd-news-gold-2) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .add-entry-title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--crd-news-title) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: clamp(34px, 3vw, 58px) !important;
  line-height: 1.05 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  background: transparent !important;
  border: 0 !important;
}

html body.crd-publ-add-page .add-entry-form,
html body.crd-publ-add-page form#addEntForm,
html body.crd-publ-add-page form[name="addform"] {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: clamp(28px, 2.7vw, 52px) !important;
  background: var(--crd-publ-add-card) !important;
  border: 1px solid var(--crd-publ-add-line) !important;
  border-top-color: rgba(174,137,84,.36) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* Новый шаблон формы: строки должны быть строками, не элементами внешней grid-сетки */
html body.crd-publ-add-page .add-entry-form-fields {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.crd-publ-add-page .form-field-row {
  display: grid !important;
  grid-template-columns: var(--crd-publ-add-label) minmax(0, 1fr) !important;
  gap: var(--crd-publ-add-gap) !important;
  align-items: start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 18px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(174,137,84,.11) !important;
}

html body.crd-publ-add-page .form-field-full {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(174,137,84,.11) !important;
}

html body.crd-publ-add-page .form-field-label,
html body.crd-publ-add-page .form-field-label-full,
html body.crd-publ-add-page .form-fields > li:nth-child(odd):not(.notcolumn) {
  padding-top: 10px !important;
  color: var(--crd-news-gold-2) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  letter-spacing: 1.35px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .form-field-label label,
html body.crd-publ-add-page .form-field-label-full label,
html body.crd-publ-add-page .form-fields label {
  color: inherit !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  margin: 0 !important;
}

html body.crd-publ-add-page .form-field-input,
html body.crd-publ-add-page .form-field-input-full {
  min-width: 0 !important;
  width: 100% !important;
}

/* Старый ul.form-fields: поддержка реального вывода uCoz */
html body.crd-publ-add-page ul.form-fields {
  display: grid !important;
  grid-template-columns: var(--crd-publ-add-label) minmax(0, 1fr) !important;
  gap: 14px var(--crd-publ-add-gap) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.crd-publ-add-page ul.form-fields > li {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: var(--crd-news-text) !important;
}

html body.crd-publ-add-page ul.form-fields > li.notcolumn,
html body.crd-publ-add-page ul.form-fields > li.security,
html body.crd-publ-add-page ul.form-fields > li.form-buttons {
  grid-column: 1 / -1 !important;
}

html body.crd-publ-add-page ul.form-fields hr {
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  margin: 4px 0 8px !important;
  background: rgba(174,137,84,.10) !important;
  border: 0 !important;
}

html body.crd-publ-add-page input[type="text"],
html body.crd-publ-add-page input[type="url"],
html body.crd-publ-add-page input[type="email"],
html body.crd-publ-add-page input[type="password"],
html body.crd-publ-add-page input[type="number"],
html body.crd-publ-add-page textarea,
html body.crd-publ-add-page select,
html body.crd-publ-add-page .u-comboedit {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 13px !important;
  color: #e4dbcd !important;
  background: rgba(8,6,5,.74) !important;
  border: 1px solid var(--crd-publ-add-line-2) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body.crd-publ-add-page input[type="text"]:focus,
html body.crd-publ-add-page input[type="url"]:focus,
html body.crd-publ-add-page input[type="email"]:focus,
html body.crd-publ-add-page textarea:focus,
html body.crd-publ-add-page select:focus,
html body.crd-publ-add-page .u-comboedit:focus {
  border-color: rgba(215,176,111,.52) !important;
  background: rgba(8,6,5,.86) !important;
  box-shadow: 0 0 0 1px rgba(174,137,84,.14), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html body.crd-publ-add-page textarea[name="brief"],
html body.crd-publ-add-page textarea[name="message"],
html body.crd-publ-add-page textarea#brief,
html body.crd-publ-add-page textarea#message {
  min-height: 160px !important;
  color: #d8d0c4 !important;
  font-family: Consolas, "Courier New", monospace !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: pre-wrap !important;
}

html body.crd-publ-add-page textarea[name="message"],
html body.crd-publ-add-page textarea#message {
  min-height: 320px !important;
}

html body.crd-publ-add-page .x-unselectable.u-combo,
html body.crd-publ-add-page .u-combo {
  width: 100% !important;
  max-width: 100% !important;
}

html body.crd-publ-add-page .u-comboeditcell {
  display: block !important;
  width: 100% !important;
}

html body.crd-publ-add-page .u-combolist {
  padding: 10px !important;
  color: var(--crd-news-text) !important;
  background: #100c08 !important;
  border: 1px solid rgba(174,137,84,.28) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.42) !important;
}

html body.crd-publ-add-page .u-combolist b {
  display: block !important;
  margin: 8px 0 5px !important;
  color: var(--crd-news-gold-2) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .u-combolist label {
  color: var(--crd-news-text) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.crd-publ-add-page .u-file-uploader,
html body.crd-publ-add-page #coverDrop,
html body.crd-publ-add-page .filepond--drop-label {
  width: 100% !important;
  max-width: 720px !important;
  min-height: 86px !important;
  padding: 16px 18px !important;
  color: var(--crd-news-text) !important;
  background: rgba(8,6,5,.56) !important;
  border: 1px dashed rgba(174,137,84,.36) !important;
  border-radius: 0 !important;
}

html body.crd-publ-add-page .u-upload-info,
html body.crd-publ-add-page .filepond--drop-label label {
  color: var(--crd-news-text) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.crd-publ-add-page .fHelp,
html body.crd-publ-add-page .tags-field-hint,
html body.crd-publ-add-page .seo-field-text-counter,
html body.crd-publ-add-page .symbols-stat-wrapper {
  color: var(--crd-news-muted) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

html body.crd-publ-add-page .ucoz-editor-bbpanel,
html body.crd-publ-add-page .ucoz-editor-htpanel {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 8px !important;
  background: rgba(8,6,5,.58) !important;
  border: 1px solid rgba(174,137,84,.22) !important;
  border-bottom: 0 !important;
}

html body.crd-publ-add-page .ucoz-editor-bbpanel[style*="display:none"],
html body.crd-publ-add-page .ucoz-editor-bbpanel[style*="display: none"],
html body.crd-publ-add-page .ucoz-editor-htpanel[style*="display:none"],
html body.crd-publ-add-page .ucoz-editor-htpanel[style*="display: none"] {
  display: none !important;
}

html body.crd-publ-add-page .codeButtons,
html body.crd-publ-add-page input.codeButtons[type="button"],
html body.crd-publ-add-page select.codeButtons {
  width: auto !important;
  min-width: 34px !important;
  max-width: 120px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 9px !important;
  margin: 0 !important;
  color: #e8dcc8 !important;
  background: rgba(30,22,16,.64) !important;
  border: 1px solid rgba(174,137,84,.28) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html body.crd-publ-add-page .editor-field-header {
  margin: 0 !important;
  padding: 0 0 10px !important;
}

html body.crd-publ-add-page .editor-field-label {
  color: var(--crd-news-gold-2) !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .field-menu-list {
  background: rgba(8,6,5,.62) !important;
  border: 1px solid rgba(174,137,84,.18) !important;
}

html body.crd-publ-add-page .field-menu-item span {
  color: var(--crd-news-text) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 12px !important;
}

html body.crd-publ-add-page .edit-field-bottom-bar,
html body.crd-publ-add-page .ucoz-editor-bottom {
  color: var(--crd-news-muted) !important;
  font-family: var(--crd-news-font-text) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body.crd-publ-add-page .form-buttons-wrapper,
html body.crd-publ-add-page .form-buttons,
html body.crd-publ-add-page li.form-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 18px 0 0 !important;
  padding: 24px 0 0 !important;
  border-top: 1px solid rgba(174,137,84,.16) !important;
  background: transparent !important;
}

html body.crd-publ-add-page .manFlSbm,
html body.crd-publ-add-page .manFlRst,
html body.crd-publ-add-page input[type="submit"],
html body.crd-publ-add-page input[type="button"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 136px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  cursor: pointer !important;
  font-family: var(--crd-news-font-title) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

html body.crd-publ-add-page .manFlSbm,
html body.crd-publ-add-page input[type="submit"] {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

html body.crd-publ-add-page .manFlRst {
  color: #eadfce !important;
  background: rgba(174,137,84,.08) !important;
  border-color: rgba(174,137,84,.30) !important;
}

@media (max-width: 900px) {
  html body.crd-publ-add-page {
    --crd-publ-add-w: calc(100vw - 32px);
    --crd-publ-add-label: 1fr;
    --crd-publ-add-gap: 10px;
  }

  html body.crd-publ-add-page #content.add-entry-page > section {
    margin-top: calc(var(--crd-home-total-h, 76px) + 34px) !important;
    margin-bottom: 46px !important;
  }

  html body.crd-publ-add-page .form-field-row,
  html body.crd-publ-add-page ul.form-fields {
    grid-template-columns: 1fr !important;
  }

  html body.crd-publ-add-page .add-entry-form,
  html body.crd-publ-add-page form#addEntForm,
  html body.crd-publ-add-page form[name="addform"] {
    padding: 22px 16px !important;
  }

  html body.crd-publ-add-page .form-buttons-wrapper,
  html body.crd-publ-add-page .form-buttons,
  html body.crd-publ-add-page li.form-buttons {
    justify-content: stretch !important;
  }

  html body.crd-publ-add-page .manFlSbm,
  html body.crd-publ-add-page .manFlRst,
  html body.crd-publ-add-page input[type="submit"],
  html body.crd-publ-add-page input[type="button"] {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  html body.crd-publ-add-page {
    --crd-publ-add-w: calc(100vw - 16px);
  }

  html body.crd-publ-add-page .add-entry-title {
    font-size: 30px !important;
  }
}

/* ============================================================================
   CRDGAME PUBL1 — SECTION LOGO CARD FIX
   v20260719_publ1_section_logo_card_3

   Исправление:
   - картинка раздела больше НЕ растягивается как огромный полупрозрачный фон
   - выводится как аккуратная правая карточка/постер
   - на средних и мобильных экранах убирается, чтобы не давить текст
============================================================================ */

html body.crd-publ-page .crd-module-hero--publ {
  overflow: hidden !important;
}

/* возвращаем обычный фон hero, как у новостей */
html body.crd-publ-page .crd-module-hero.crd-module-hero--publ {
  --crd-module-hero-bg: url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png") !important;
}

/* убираем прошлый огромный затемняющий слой, который превращал лого в обои */
html body.crd-publ-page .crd-module-hero--publ.has-section-logo::after {
  display: none !important;
  content: none !important;
}

html body.crd-publ-page .crd-module-hero--publ.has-section-logo .crd-module-hero__bg {
  opacity: 1 !important;
}

/* аккуратная карточка справа */
html body.crd-publ-page .crd-publ-section-logo {
  position: absolute !important;
  z-index: 3 !important;

  right: clamp(74px, 11vw, 280px) !important;
  top: 50% !important;

  width: clamp(280px, 18vw, 430px) !important;
  aspect-ratio: 16 / 9 !important;

  transform: translateY(-50%) !important;

  display: block !important;
  overflow: hidden !important;

  opacity: .92 !important;
  filter: brightness(.86) contrast(1.05) saturate(.96) !important;

  background: rgba(5, 4, 3, .74) !important;
  border: 1px solid rgba(174, 137, 84, .34) !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  pointer-events: none !important;
}

html body.crd-publ-page .crd-publ-section-logo::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;

  background-image: var(--crd-publ-section-logo) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;

  opacity: 1 !important;
  transform: none !important;
}

html body.crd-publ-page .crd-publ-section-logo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.26)),
    linear-gradient(90deg, rgba(0,0,0,.10), rgba(0,0,0,0) 45%, rgba(0,0,0,.28)) !important;
}

/* текст hero держим левее, чтобы карточка справа не залезала */
html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
  width: min(1500px, calc(100% - 180px)) !important;
  padding-right: clamp(300px, 24vw, 520px) !important;
  z-index: 4 !important;
}

html body.crd-publ-page .crd-module-hero--publ h1 {
  max-width: 860px !important;
}

html body.crd-publ-page .crd-module-hero--publ p {
  max-width: 760px !important;
}

/* 1301–1599: карточку уменьшаем, тексту оставляем место */
@media (min-width: 1301px) and (max-width: 1599px) {
  html body.crd-publ-page .crd-publ-section-logo {
    right: 48px !important;
    width: 300px !important;
    opacity: .78 !important;
  }

  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
    width: calc(100% - 96px) !important;
    padding-right: 340px !important;
  }
}

/* 1300 и ниже: лого справа убираем, иначе оно зажимает hero */
@media (max-width: 1300px) {
  html body.crd-publ-page .crd-publ-section-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
  }

  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
    width: calc(100% - 56px) !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
    width: calc(100% - 28px) !important;
  }
}


/* ============================================================================
   CRDGAME PUBL1 — HERO BACKGROUND / GAME NAV FINAL
   v20260719_publ1_hero_bg_nav_5

   Логика:
   - /publ/ главная: стандартный фон/лого как у news hero.
   - разделы и категории: фон hero строго по игре/разделу.
   - отдельные правые карточки/оверлеи логотипов полностью отключены.
============================================================================ */

html body.crd-publ-page {
  --crd-publ-default-hero-bg: url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png");
}

/* убираем старые попытки вывести отдельную картинку раздела */
html body.crd-publ-page .crd-publ-section-logo,
html body.crd-publ-page .crd-publ-section-logo::before,
html body.crd-publ-page .crd-publ-section-logo::after,
html body.crd-publ-page .crd-publ-entry-game-logo,
html body.crd-publ-page .crd-publ-entry-simple-logo {
  display: none !important;
  visibility: hidden !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

/* убираем старые псевдо-слои, которые делали грязный наложенный баннер */
html body.crd-publ-page .crd-module-hero--publ.has-section-logo::after,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg::after {
  display: none !important;
  visibility: hidden !important;
  content: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ГЛАВНАЯ /publ/ — всегда стандартная картинка, без игры */
html body.crd-publ-page.crd-publ-home .crd-module-hero.crd-module-hero--publ,
html body.crd-publ-page .crd-module-hero.crd-module-hero--publ.crd-module-hero--publ-home {
  --crd-module-hero-bg: var(--crd-publ-default-hero-bg) !important;
  --crd-publ-section-bg: var(--crd-publ-default-hero-bg) !important;
}

html body.crd-publ-page.crd-publ-home .crd-module-hero.crd-module-hero--publ .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero.crd-module-hero--publ.crd-module-hero--publ-home .crd-module-hero__bg {
  opacity: 1 !important;
  filter: none !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.40) 36%, rgba(0,0,0,.28) 54%, rgba(0,0,0,.70) 82%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.26) 48%, rgba(0,0,0,.92) 100%),
    var(--crd-publ-default-hero-bg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
}

/* РАЗДЕЛЫ/КАТЕГОРИИ — картинка игры прямо вместо hero-фона */
html body.crd-publ-page .crd-module-hero.crd-module-hero--publ:not(.crd-module-hero--publ-home).has-game-hero-bg {
  --crd-module-hero-bg: var(--crd-publ-section-bg) !important;
  background: #090705 !important;
  overflow: hidden !important;
}

html body.crd-publ-page .crd-module-hero.crd-module-hero--publ:not(.crd-module-hero--publ-home).has-game-hero-bg .crd-module-hero__bg {
  opacity: 1 !important;
  filter: none !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.68) 30%, rgba(0,0,0,.38) 54%, rgba(0,0,0,.62) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,.34) 52%, rgba(0,0,0,.92) 100%),
    var(--crd-publ-section-bg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
}

/* текст больше не резервирует место под старую правую картинку */
html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap,
html body.crd-publ-page .crd-module-hero--publ.has-section-logo .crd-module-hero__wrap,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__wrap {
  width: min(1500px, calc(100% - 180px)) !important;
  padding-right: 0 !important;
  z-index: 4 !important;
}

html body.crd-publ-page .crd-module-hero--publ h1 {
  max-width: 980px !important;
}

html body.crd-publ-page .crd-module-hero--publ p {
  max-width: 820px !important;
}

/* Навигация по играм в hero */
html body.crd-publ-page .crd-module-tools.crd-publ-game-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 1180px !important;
}

html body.crd-publ-page .crd-module-tools.crd-publ-game-nav .crd-btn {
  white-space: nowrap !important;
}

html body.crd-publ-page .crd-module-tools.crd-publ-game-nav .crd-btn.is-active,
html body.crd-publ-page .crd-module-tools.crd-publ-game-nav .crd-btn[data-crd-active="1"] {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

@media (max-width: 1300px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap,
  html body.crd-publ-page .crd-module-hero--publ.has-section-logo .crd-module-hero__wrap,
  html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__wrap {
    width: calc(100% - 56px) !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap,
  html body.crd-publ-page .crd-module-hero--publ.has-section-logo .crd-module-hero__wrap,
  html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__wrap {
    width: calc(100% - 28px) !important;
    padding-right: 0 !important;
  }

  html body.crd-publ-page .crd-module-tools.crd-publ-game-nav {
    flex-wrap: nowrap !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  html body.crd-publ-page .crd-module-tools.crd-publ-game-nav::-webkit-scrollbar {
    display: none !important;
  }

  html body.crd-publ-page .crd-module-hero.crd-module-hero--publ:not(.crd-module-hero--publ-home).has-game-hero-bg .crd-module-hero__bg {
    background-image:
      linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.66) 50%, rgba(0,0,0,.92) 100%),
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.52) 55%, rgba(0,0,0,.94) 100%),
      var(--crd-publ-section-bg) !important;
  }
}

/* ============================================================================
   CRDGAME PUBL1 — HARD HERO GAME BACKGROUND + NAV ACTIVE FIX
   v20260719_publ1_hard_game_hero_nav_7

   Главная /publ/ = стандартный фон.
   Разделы/категории = фон игры в .crd-module-hero__bg.
   Активная кнопка выставляется через body/html/hero class + JS.
============================================================================ */

/* убиваем все старые попытки вывода логотипа отдельной карточкой/оверлеем */
html body.crd-publ-page .crd-module-hero--publ .crd-publ-section-logo,
html body.crd-publ-page .crd-module-hero--publ .crd-publ-section-logo::before,
html body.crd-publ-page .crd-module-hero--publ .crd-publ-section-logo::after,
html body.crd-publ-page .crd-module-hero--publ .crd-publ-entry-game-logo,
html body.crd-publ-page .crd-module-hero--publ .crd-publ-entry-simple-logo,
html body.crd-publ-page .crd-module-hero--publ.has-section-logo::before,
html body.crd-publ-page .crd-module-hero--publ.has-section-logo::after,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg::before,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg::after {
  display: none !important;
  visibility: hidden !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

html body.crd-publ-page .crd-module-hero.crd-module-hero--publ {
  background: #090705 !important;
  overflow: hidden !important;
}

/* текст hero больше НЕ резервирует место под правую карточку */
html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__wrap,
html body.crd-publ-page .crd-module-hero--publ.has-section-logo .crd-module-hero__wrap {
  width: min(1500px, calc(100% - 180px)) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 0 !important;
  z-index: 4 !important;
}

html body.crd-publ-page .crd-module-hero--publ h1 {
  max-width: 900px !important;
}

html body.crd-publ-page .crd-module-hero--publ p {
  max-width: 780px !important;
}

/* главная каталога: всегда стандартный фон */
html body.crd-publ-page.crd-publ-home .crd-module-hero--publ .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-module-hero--publ-home .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.40) 36%, rgba(0,0,0,.28) 54%, rgba(0,0,0,.70) 82%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.26) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
  filter: none !important;
  opacity: 1 !important;
}

/* разделы/категории: JS ставит inline background-image; CSS фиксирует режим */
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__bg {
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
  filter: none !important;
  opacity: 1 !important;
}

/* страховка без JS: фон по классу на html/body/hero */
html.crd-publ-game-1 body.crd-publ-page .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
body.crd-publ-page.crd-publ-game-1 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-1 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/Assassins-Creed-Shadows-Guides-and-News.webp") !important;
}

html.crd-publ-game-2 body.crd-publ-page .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
body.crd-publ-page.crd-publ-game-2 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-2 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/Assassins-Creed-Black-Flag-Resynced-News-and-Guide.webp") !important;
}

html.crd-publ-game-3 body.crd-publ-page .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
body.crd-publ-page.crd-publ-game-3 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-3 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/Middle-earth-Shadow-of-War-Thoughts-on-the-Ending-.jpg") !important;
}

html.crd-publ-game-4 body.crd-publ-page .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
body.crd-publ-page.crd-publ-game-4 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-4 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/witcher.png") !important;
}


/* активные кнопки: сначала всё сброшено */
html body.crd-publ-page .crd-publ-game-nav .crd-btn {
  color: #eadfce !important;
  background: rgba(8, 6, 5, .54) !important;
  border-color: rgba(174, 137, 84, .42) !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn.is-active,
html body.crd-publ-page.crd-publ-home .crd-publ-game-nav .crd-btn[data-crd-game="all"],
html body.crd-publ-page.crd-publ-game-1 .crd-publ-game-nav .crd-btn[data-crd-game="1"],
html body.crd-publ-page.crd-publ-game-2 .crd-publ-game-nav .crd-btn[data-crd-game="2"],
html body.crd-publ-page.crd-publ-game-3 .crd-publ-game-nav .crd-btn[data-crd-game="3"],
html.crd-publ-game-1 body.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="1"],
html.crd-publ-game-2 body.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="2"],
html.crd-publ-game-3 body.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="3"] {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn.crd-btn--add {
  color: #eadfce !important;
  background: rgba(8, 6, 5, .54) !important;
  border-color: rgba(174, 137, 84, .42) !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn:hover {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

@media (max-width: 1300px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap,
  html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__wrap {
    width: calc(100% - 56px) !important;
    max-width: none !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 768px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap,
  html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg .crd-module-hero__wrap {
    width: calc(100% - 28px) !important;
  }

  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__bg {
    background-position: center center, center center, center center !important;
  }
}

/* ============================================================================
   CRDGAME PUBL1 — HTML HERO/NAV FINAL OVERRIDE
   v20260719_publ1_html_hero_nav_9

   Главная /publ/ — стандартный фон.
   Разделы/категории — фон по классу crd-publ-game-1/2/3, который ставится HTML.
   JS hero не трогает.
============================================================================ */

html body.crd-publ-page .crd-module-hero--publ .crd-publ-section-logo,
html body.crd-publ-page .crd-module-hero--publ .crd-publ-section-logo::before,
html body.crd-publ-page .crd-module-hero--publ .crd-publ-section-logo::after,
html body.crd-publ-page .crd-module-hero--publ.has-section-logo::before,
html body.crd-publ-page .crd-module-hero--publ.has-section-logo::after,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg::before,
html body.crd-publ-page .crd-module-hero--publ.has-game-hero-bg::after {
  display: none !important;
  visibility: hidden !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

html body.crd-publ-page .crd-module-hero.crd-module-hero--publ {
  background: #090705 !important;
  overflow: hidden !important;
}

/* главная каталога — только стандартный фон */
html body.crd-publ-page.crd-publ-home .crd-module-hero--publ .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-module-hero--publ-home .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.40) 36%, rgba(0,0,0,.28) 54%, rgba(0,0,0,.70) 82%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.26) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png") !important;

  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
  opacity: 1 !important;
  filter: none !important;
}

/* раздел / категория: Assassin's Creed Shadows */
html body.crd-publ-page.crd-publ-game-1 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-1 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/Assassins-Creed-Shadows-Guides-and-News.webp") !important;

  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
  opacity: 1 !important;
  filter: none !important;
}

/* раздел / категория: Assassin's Creed Black Flag Resynced */
html body.crd-publ-page.crd-publ-game-2 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-2 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/Assassins-Creed-Black-Flag-Resynced-News-and-Guide.webp") !important;

  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
  opacity: 1 !important;
  filter: none !important;
}

/* раздел / категория: Middle-Earth Shadow of War */
html body.crd-publ-page.crd-publ-game-3 .crd-module-hero--publ:not(.crd-module-hero--publ-home) .crd-module-hero__bg,
html body.crd-publ-page .crd-module-hero--publ.crd-publ-game-3 .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.36) 55%, rgba(0,0,0,.66) 78%, rgba(0,0,0,.94) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.30) 48%, rgba(0,0,0,.92) 100%),
    url("https://crdgame.ru/file/publ1/logo-section/Middle-earth-Shadow-of-War-Thoughts-on-the-Ending-.jpg") !important;

  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center, center center, center center !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
  width: min(1500px, calc(100% - 180px)) !important;
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 0 !important;
  z-index: 4 !important;
}

html body.crd-publ-page .crd-module-hero--publ h1 {
  max-width: 900px !important;
}

html body.crd-publ-page .crd-module-hero--publ p {
  max-width: 780px !important;
}

/* навигация */
html body.crd-publ-page .crd-module-tools.crd-publ-game-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  max-width: 1180px !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn {
  color: #eadfce !important;
  background: rgba(8, 6, 5, .54) !important;
  border-color: rgba(174, 137, 84, .42) !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn.is-active,
html body.crd-publ-page.crd-publ-home .crd-publ-game-nav .crd-btn[data-crd-game="all"],
html body.crd-publ-page.crd-publ-game-1 .crd-publ-game-nav .crd-btn[data-crd-game="1"],
html body.crd-publ-page.crd-publ-game-2 .crd-publ-game-nav .crd-btn[data-crd-game="2"],
html body.crd-publ-page.crd-publ-game-3 .crd-publ-game-nav .crd-btn[data-crd-game="3"] {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn.crd-btn--add {
  color: #eadfce !important;
  background: rgba(8, 6, 5, .54) !important;
  border-color: rgba(174, 137, 84, .42) !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn:hover {
  color: #16100a !important;
  background: linear-gradient(180deg, #c9a261, #ae8954) !important;
  border-color: #d7b06f !important;
}

@media (max-width: 1300px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
    width: calc(100% - 56px) !important;
    max-width: none !important;
  }
}

@media (max-width: 768px) {
  html body.crd-publ-page .crd-module-hero--publ .crd-module-hero__wrap {
    width: calc(100% - 28px) !important;
  }

  html body.crd-publ-page .crd-module-tools.crd-publ-game-nav {
    flex-wrap: nowrap !important;
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }

  html body.crd-publ-page .crd-module-tools.crd-publ-game-nav::-webkit-scrollbar {
    display: none !important;
  }
}
/* =========================================================
   CRDGAME ENTRY — CLEAN YOUTUBE EMBEDS
   v20260719_entry_youtube_clean_1

   YouTube iframe внутри .news-image-wrap.center не должен
   получать рамки, фоны, огромные контейнеры и image-стили.
========================================================= */

html body.crd-entry-page .pa-entry-content .news-image-wrap.center:has(iframe),
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtube"]),
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtu.be"]),
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtube-nocookie"]) {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 26px 0 28px !important;
  padding: 0 !important;

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

  overflow: visible !important;
}

/* убираем декоративные слои, если они цеплялись к image-wrap */
html body.crd-entry-page .pa-entry-content .news-image-wrap.center:has(iframe)::before,
html body.crd-entry-page .pa-entry-content .news-image-wrap.center:has(iframe)::after,
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtube"])::before,
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtube"])::after,
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtu.be"])::before,
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtu.be"])::after,
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtube-nocookie"])::before,
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe[src*="youtube-nocookie"])::after {
  display: none !important;
  content: none !important;
}

/* сам YouTube iframe — без наших рамок и без растягивания на всю статью */
html body.crd-entry-page .pa-entry-content .news-image-wrap.center iframe,
html body.crd-entry-page .pa-entry-content .news-image-wrap iframe[src*="youtube"],
html body.crd-entry-page .pa-entry-content .news-image-wrap iframe[src*="youtu.be"],
html body.crd-entry-page .pa-entry-content .news-image-wrap iframe[src*="youtube-nocookie"] {
  display: block !important;

  width: min(100%, 760px) !important;
  max-width: 100% !important;

  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

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

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

/* если рядом с видео uCoz/старые стили делают подпись как у картинки */
html body.crd-entry-page .pa-entry-content .news-image-wrap:has(iframe) + .news-image-caption,
html body.crd-entry-page .pa-entry-content .news-image-caption:has(+ .news-image-wrap iframe) {
  display: none !important;
}
/* =========================================================
   CRDGAME PUBL ENTRY — CLEAN ARTICLE IMAGES
   v20260719_publ_entry_images_clean_1

   Убираем двойные рамки у картинок в материалах каталога.
========================================================= */

html body.crd-publ-page .pa-entry-content .news-image-wrap,
html body.crd-publ-page .pa-entry-content .news-image-wrap.center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 30px auto 32px !important;
  padding: 0 !important;

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

  overflow: visible !important;
  text-align: center !important;
}

/* убираем декоративные слои, если они цеплялись от старых стилей */
html body.crd-publ-page .pa-entry-content .news-image-wrap::before,
html body.crd-publ-page .pa-entry-content .news-image-wrap::after,
html body.crd-publ-page .pa-entry-content .news-image-wrap.center::before,
html body.crd-publ-page .pa-entry-content .news-image-wrap.center::after {
  display: none !important;
  content: none !important;
}

/* ссылка вокруг картинки не должна быть огромной рамкой */
html body.crd-publ-page .pa-entry-content .news-image-wrap > a,
html body.crd-publ-page .pa-entry-content .news-image-wrap > a.ulightbox,
html body.crd-publ-page .pa-entry-content .news-image-wrap.center > a,
html body.crd-publ-page .pa-entry-content .news-image-wrap.center > a.ulightbox {
  display: inline-block !important;

  width: auto !important;
  max-width: min(100%, 980px) !important;

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

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

  text-decoration: none !important;
  line-height: 0 !important;
}

/* внутренняя обёртка картинки — без второй рамки */
html body.crd-publ-page .pa-entry-content .crd-article-img {
  display: block !important;

  width: auto !important;
  max-width: min(100%, 980px) !important;

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

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

  overflow: visible !important;
  line-height: 0 !important;
}

/* сама картинка */
html body.crd-publ-page .pa-entry-content .news-image-wrap img,
html body.crd-publ-page .pa-entry-content .crd-article-img img {
  display: block !important;

  width: auto !important;
  max-width: min(100%, 980px) !important;
  height: auto !important;

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

  background: transparent !important;
  border: 1px solid rgba(174, 137, 84, .22) !important;
  border-radius: 0 !important;

  box-shadow:
    0 16px 42px rgba(0, 0, 0, .32) !important;

  object-fit: contain !important;
}

/* если картинка маленькая, не даём ей создавать огромный пустой блок */
html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img img) {
  min-height: 0 !important;
  max-height: none !important;
}

/* подпись под картинкой */
html body.crd-publ-page .pa-entry-content .news-image-caption,
html body.crd-publ-page .pa-entry-content .image-caption {
  max-width: 820px !important;
  margin: 14px auto 34px !important;
  padding: 0 0 0 18px !important;

  color: #91877a !important;
  border-left: 2px solid rgba(174, 137, 84, .58) !important;

  font-size: 13px !important;
  line-height: 1.55 !important;
  font-style: italic !important;
  text-align: left !important;

  background: transparent !important;
  box-shadow: none !important;
}

/* mobile */
@media (max-width: 768px) {
  html body.crd-publ-page .pa-entry-content .news-image-wrap,
  html body.crd-publ-page .pa-entry-content .news-image-wrap.center {
    margin: 24px auto 26px !important;
  }

  html body.crd-publ-page .pa-entry-content .news-image-wrap > a,
  html body.crd-publ-page .pa-entry-content .news-image-wrap > a.ulightbox,
  html body.crd-publ-page .pa-entry-content .crd-article-img,
  html body.crd-publ-page .pa-entry-content .news-image-wrap img,
  html body.crd-publ-page .pa-entry-content .crd-article-img img {
    max-width: 100% !important;
  }
}
/* =========================================================
   CRDGAME PUBL ENTRY — ARTICLE IMG WIDTH 800 FIX
   v20260719_publ_article_img_800_1

   Для картинок:
   <div class="crd-article-img">
     <img ...>
   </div>

   Логика:
   - картинка тянется по доступной ширине
   - но не больше 800px
   - без двойных рамок от news-image-wrap / ulightbox
========================================================= */

html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img),
html body.crd-publ-entry-page .pa-entry-content .news-image-wrap:has(.crd-article-img),
html body.crd-publ-page .pa-entry-content .news-image-wrap.center:has(.crd-article-img),
html body.crd-publ-entry-page .pa-entry-content .news-image-wrap.center:has(.crd-article-img) {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 30px auto 32px !important;
  padding: 0 !important;

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

  overflow: visible !important;
  text-align: center !important;
  line-height: 0 !important;
}

/* убираем псевдо-декор у внешней обёртки */
html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img)::before,
html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img)::after,
html body.crd-publ-entry-page .pa-entry-content .news-image-wrap:has(.crd-article-img)::before,
html body.crd-publ-entry-page .pa-entry-content .news-image-wrap:has(.crd-article-img)::after {
  display: none !important;
  content: none !important;
}

/* ссылка lightbox не должна задавать свою ширину/рамку */
html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img) > a,
html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img) > a.ulightbox,
html body.crd-publ-entry-page .pa-entry-content .news-image-wrap:has(.crd-article-img) > a,
html body.crd-publ-entry-page .pa-entry-content .news-image-wrap:has(.crd-article-img) > a.ulightbox {
  display: block !important;

  width: min(100%, 800px) !important;
  max-width: 800px !important;

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

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

  text-decoration: none !important;
  line-height: 0 !important;
}

/* сама обёртка картинки */
html body.crd-publ-page .pa-entry-content .crd-article-img,
html body.crd-publ-entry-page .pa-entry-content .crd-article-img {
  display: block !important;

  width: min(100%, 800px) !important;
  max-width: 800px !important;

  margin: 30px auto 18px !important;
  padding: 0 !important;

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

  overflow: visible !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* если .crd-article-img лежит внутри a.ulightbox — margin убираем, ширину берём от ссылки */
html body.crd-publ-page .pa-entry-content a.ulightbox > .crd-article-img,
html body.crd-publ-entry-page .pa-entry-content a.ulightbox > .crd-article-img {
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

/* убираем декоративные слои у самой .crd-article-img */
html body.crd-publ-page .pa-entry-content .crd-article-img::before,
html body.crd-publ-page .pa-entry-content .crd-article-img::after,
html body.crd-publ-entry-page .pa-entry-content .crd-article-img::before,
html body.crd-publ-entry-page .pa-entry-content .crd-article-img::after {
  display: none !important;
  content: none !important;
}

/* сама картинка: растягивается до 800px, но не шире контейнера */
html body.crd-publ-page .pa-entry-content .crd-article-img img,
html body.crd-publ-entry-page .pa-entry-content .crd-article-img img,
html body.crd-publ-page .pa-entry-content a.ulightbox > .crd-article-img img,
html body.crd-publ-entry-page .pa-entry-content a.ulightbox > .crd-article-img img {
  display: block !important;

  width: 100% !important;
  max-width: 800px !important;
  height: auto !important;

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

  background: transparent !important;

  border: 1px solid rgba(174, 137, 84, .22) !important;
  border-radius: 0 !important;

  box-shadow: 0 16px 42px rgba(0, 0, 0, .32) !important;

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

  transform: none !important;
  filter: brightness(.96) contrast(1.04) saturate(.98) !important;
}

/* hover без дикого увеличения */
html body.crd-publ-page .pa-entry-content .crd-article-img:hover img,
html body.crd-publ-entry-page .pa-entry-content .crd-article-img:hover img {
  transform: none !important;
  filter: brightness(1) contrast(1.05) saturate(1) !important;
}

/* mobile */
@media (max-width: 860px) {
  html body.crd-publ-page .pa-entry-content .crd-article-img,
  html body.crd-publ-entry-page .pa-entry-content .crd-article-img,
  html body.crd-publ-page .pa-entry-content .news-image-wrap:has(.crd-article-img) > a,
  html body.crd-publ-entry-page .pa-entry-content .news-image-wrap:has(.crd-article-img) > a {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body.crd-publ-page .pa-entry-content .crd-article-img img,
  html body.crd-publ-entry-page .pa-entry-content .crd-article-img img {
    max-width: 100% !important;
  }
}
/* =========================================================
   CRDGAME TABLES — SMALL IMAGES INSIDE ABOUT INFO TABLE
   v20260720_table_article_img_small_1

   Для таблиц:
   <table class="about-info-table">
     <td>
       <div class="crd-article-img"><img ...></div>
     </td>
   </table>
========================================================= */

/* ячейка с несколькими картинками */
html body .pa-entry-content .about-info-table td .crd-article-img {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 2px 5px 2px 0 !important;
  padding: 0 !important;

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

  overflow: visible !important;
  line-height: 0 !important;
  vertical-align: middle !important;
}

/* сама картинка внутри таблицы */
html body .pa-entry-content .about-info-table td .crd-article-img img {
  display: block !important;

  width: auto !important;
  max-width: 46px !important;
  height: auto !important;
  max-height: 46px !important;

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

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

  background: transparent !important;
  border: 1px solid rgba(174, 137, 84, .20) !important;
  border-radius: 3px !important;

  box-shadow: none !important;

  transform: none !important;
  filter: none !important;
}

/* если в одной ячейке несколько картинок — аккуратно в ряд */
html body .pa-entry-content .about-info-table td[data-label="Обозначение"] {
  white-space: normal !important;
  min-width: 180px !important;
}

/* ссылки/лайтбокс внутри таблицы, если uCoz обернёт картинки */
html body .pa-entry-content .about-info-table td a.ulightbox,
html body .pa-entry-content .about-info-table td a[href] {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;

  margin: 2px 5px 2px 0 !important;
  padding: 0 !important;

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

  line-height: 0 !important;
  vertical-align: middle !important;
}

/* убираем декоративные псевдо-слои, если они наследуются */
html body .pa-entry-content .about-info-table .crd-article-img::before,
html body .pa-entry-content .about-info-table .crd-article-img::after {
  display: none !important;
  content: none !important;
}

/* hover без увеличения */
html body .pa-entry-content .about-info-table td .crd-article-img:hover img,
html body .pa-entry-content .about-info-table td a:hover .crd-article-img img {
  transform: none !important;
  filter: brightness(1.08) contrast(1.04) !important;
  border-color: rgba(215, 176, 111, .42) !important;
}

/* mobile */
@media (max-width: 760px) {
  html body .pa-entry-content .about-info-table td .crd-article-img img {
    max-width: 38px !important;
    max-height: 38px !important;
  }

  html body .pa-entry-content .about-info-table td[data-label="Обозначение"] {
    min-width: 130px !important;
  }
}

/* =========================================================
   CRDGAME PUBL ENTRY — MEDIA GALLERY FIX
   v20260720_publ_media_gallery_fix_1

   Исправляет галереи вида:
   .crd-media-gallery
     .crd-media-gallery__item
       .crd-media-gallery__image
         .news-image-wrap.center
           a.ulightbox
             .crd-article-img
               img

   Причина:
   общий фикс .crd-article-img для одиночных картинок
   перебивает поведение галереи.
========================================================= */

html body.crd-publ-page .pa-entry-content .crd-media-gallery,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;

  width: min(100%, 1180px) !important;
  max-width: 1180px !important;

  margin: 34px auto 38px !important;
  padding: 0 !important;
}

/* для 3 картинок: третья широкая, как на скрине */
html body.crd-publ-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3),
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3) {
  grid-column: 1 / -1 !important;
}

/* сама карточка галереи */
html body.crd-publ-page .pa-entry-content .crd-media-gallery__item,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery__item {
  position: relative !important;

  display: block !important;

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

  background: rgba(8, 7, 6, .72) !important;

  border: 1px solid rgba(174, 137, 84, .22) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .28) !important;

  overflow: hidden !important;
}

/* область изображения управляет размером */
html body.crd-publ-page .pa-entry-content .crd-media-gallery__image,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery__image {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: 260px !important;

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

  background: #070604 !important;

  overflow: hidden !important;
  line-height: 0 !important;
}

html body.crd-publ-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3) .crd-media-gallery__image,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3) .crd-media-gallery__image {
  height: 440px !important;
}

/* внутри галереи отключаем поведение одиночных картинок */
html body.crd-publ-page .pa-entry-content .crd-media-gallery .news-image-wrap,
html body.crd-publ-page .pa-entry-content .crd-media-gallery .news-image-wrap.center,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .news-image-wrap,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .news-image-wrap.center {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

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

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

  overflow: hidden !important;
  line-height: 0 !important;
}

/* ссылка lightbox должна занимать всю карточку */
html body.crd-publ-page .pa-entry-content .crd-media-gallery .news-image-wrap > a,
html body.crd-publ-page .pa-entry-content .crd-media-gallery .news-image-wrap > a.ulightbox,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .news-image-wrap > a,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .news-image-wrap > a.ulightbox {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

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

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

  overflow: hidden !important;
  line-height: 0 !important;
}

/* .crd-article-img внутри галереи — не 800px, а 100% карточки */
html body.crd-publ-page .pa-entry-content .crd-media-gallery .crd-article-img,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .crd-article-img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;

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

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

  overflow: hidden !important;
  line-height: 0 !important;
}

/* сама картинка заполняет рамку */
html body.crd-publ-page .pa-entry-content .crd-media-gallery .crd-article-img img,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .crd-article-img img {
  display: block !important;

  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;

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

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

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

  transform: none !important;
  filter: brightness(.94) contrast(1.04) saturate(.96) !important;
}

/* подпись поверх нижней части картинки */
html body.crd-publ-page .pa-entry-content .crd-media-gallery .image-caption,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .image-caption,
html body.crd-publ-page .pa-entry-content .crd-media-gallery figcaption,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery figcaption {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 4 !important;

  display: block !important;

  margin: 0 !important;
  padding: 42px 18px 16px !important;

  color: #f3eadc !important;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, .56) 42%,
      rgba(0, 0, 0, .82) 100%
    ) !important;

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

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  font-style: normal !important;

  text-shadow:
    0 1px 2px rgba(0, 0, 0, .95),
    0 0 12px rgba(0, 0, 0, .55) !important;
}

/* убираем псевдо-декор от одиночных картинок */
html body.crd-publ-page .pa-entry-content .crd-media-gallery .news-image-wrap::before,
html body.crd-publ-page .pa-entry-content .crd-media-gallery .news-image-wrap::after,
html body.crd-publ-page .pa-entry-content .crd-media-gallery .crd-article-img::before,
html body.crd-publ-page .pa-entry-content .crd-media-gallery .crd-article-img::after,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .news-image-wrap::before,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .news-image-wrap::after,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .crd-article-img::before,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery .crd-article-img::after {
  display: none !important;
  content: none !important;
}

/* hover аккуратный */
html body.crd-publ-page .pa-entry-content .crd-media-gallery__item:hover .crd-article-img img,
html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery__item:hover .crd-article-img img {
  filter: brightness(1) contrast(1.05) saturate(1) !important;
}

/* mobile */
@media (max-width: 900px) {
  html body.crd-publ-page .pa-entry-content .crd-media-gallery,
  html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery {
    grid-template-columns: 1fr !important;
    gap: 14px !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  html body.crd-publ-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3),
  html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3) {
    grid-column: auto !important;
  }

  html body.crd-publ-page .pa-entry-content .crd-media-gallery__image,
  html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery__image,
  html body.crd-publ-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3) .crd-media-gallery__image,
  html body.crd-publ-entry-page .pa-entry-content .crd-media-gallery--3 .crd-media-gallery__item:nth-child(3) .crd-media-gallery__image {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
}
/* =========================================================
   CRDGAME PUBL — UNIFIED GAME NAV + CRIMSON DESERT LINK
   v20260720_publ_unified_game_nav_cd_1
========================================================= */

/* кнопка Crimson Desert в publ — normal gold/dark */
html body.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="5"] {
  border-color: rgba(174, 137, 84, .34) !important;
  background:
    linear-gradient(180deg, rgba(28, 22, 15, .72), rgba(8, 8, 9, .78)) !important;
  color: #ead8b8 !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px rgba(0,0,0,.25) !important;
}

html body.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="5"]:hover {
  border-color: rgba(215, 176, 111, .62) !important;
  background:
    linear-gradient(180deg, rgba(54, 40, 24, .78), rgba(13, 11, 9, .86)) !important;
  color: #fff1d2 !important;
}

/* если кнопка Crimson Desert активная */
html body.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="5"].is-active {
  border-color: #d7b06f !important;
  background:
    linear-gradient(180deg, #d7b06f 0%, #b98d4b 100%) !important;
  color: #171006 !important;
}

/* =========================================================
   CRDGAME PUBL — ONE HERO FOR ALL PUBL PAGES
   v20260720_publ_hero_center_from_menu_1

   Логика:
   - hero уходит под верхнее меню
   - высота меню: 115px
   - центр текста считается НЕ от всего hero,
     а от зоны: 115px -> низ hero
========================================================= */

html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--news.crd-module-hero--publ,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-home .crd-module-hero.crd-module-hero--news.crd-module-hero--publ,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-section .crd-module-hero.crd-module-hero--news.crd-module-hero--publ,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-category .crd-module-hero.crd-module-hero--news.crd-module-hero--publ {
  --crd-publ-hero-h: 520px;
  --crd-publ-menu-h: 115px;
  --crd-publ-hero-axis-w: min(1760px, calc(100% - 160px));

  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: var(--crd-publ-hero-h) !important;
  min-height: var(--crd-publ-hero-h) !important;
  max-height: var(--crd-publ-hero-h) !important;

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

  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* фон hero */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-hero__bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  width: 100% !important;
  height: 100% !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* хлебные крошки */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs {
  position: absolute !important;
  z-index: 8 !important;

  top: 0 !important;
  left: 0 !important;

  margin: 0 !important;
}

/* главный контент hero */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-hero__wrap,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-home .crd-module-hero.crd-module-hero--publ .crd-module-hero__wrap,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-section .crd-module-hero.crd-module-hero--publ .crd-module-hero__wrap,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-category .crd-module-hero.crd-module-hero--publ .crd-module-hero__wrap {
  position: absolute !important;
  z-index: 6 !important;

  top: var(--crd-publ-menu-h) !important;
  bottom: 0 !important;
  left: 50% !important;

  width: var(--crd-publ-hero-axis-w) !important;
  max-width: var(--crd-publ-hero-axis-w) !important;

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

  transform: translateX(-50%) !important;

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

  text-align: left !important;
  box-sizing: border-box !important;
}

/* kicker */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-kicker {
  display: block !important;

  width: 100% !important;
  max-width: 1500px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  color: #b99a68 !important;

  font-family: "Russo One", Arial, sans-serif !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 2.6px !important;
  text-transform: uppercase !important;

  text-align: left !important;
}

/* заголовок */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ h1 {
  display: block !important;

  width: 100% !important;
  max-width: 1500px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: 132px !important;

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

  overflow: hidden !important;

  color: #f0e7d8 !important;

  font-family: "Russo One", Arial, sans-serif !important;
  font-size: clamp(46px, 3vw, 64px) !important;
  font-weight: 400 !important;
  line-height: 1.03 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;

  text-align: left !important;
  text-shadow: 0 4px 22px rgba(0,0,0,.84) !important;
}

/* описание */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;

  width: 100% !important;
  max-width: 900px !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  margin: 18px 0 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  color: #c9c1b3 !important;

  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;

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

/* кнопки */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools,
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools.crd-publ-game-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;

  gap: 10px !important;

  width: 100% !important;
  max-width: 1320px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 18px 0 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  text-align: left !important;
  box-sizing: border-box !important;
}

/* сами кнопки */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools .crd-btn,
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools .crd-btn:link,
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools .crd-btn:visited {
  flex: 0 0 auto !important;

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

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  padding: 0 14px !important;

  white-space: nowrap !important;

  font-family: "Russo One", Arial, sans-serif !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: .85px !important;
  text-transform: uppercase !important;

  box-sizing: border-box !important;
}

/* активная кнопка */
html body.tmpl_body.archive_page.crd-publ-page .crd-publ-game-nav .crd-btn.is-active {
  color: #16100a !important;
  background: linear-gradient(180deg, #d7b06f, #ae8954) !important;
  border-color: #d7b06f !important;
}

/* Crimson Desert — без синего */
html body.tmpl_body.archive_page.crd-publ-page .crd-publ-game-nav .crd-btn[data-crd-game="5"],
html body.tmpl_body.archive_page.crd-publ-page .crd-publ-game-nav .crd-btn.crd-btn--portal-link {
  border-color: rgba(174, 137, 84, .34) !important;
  background:
    linear-gradient(180deg, rgba(28, 22, 15, .72), rgba(8, 8, 9, .78)) !important;
  color: #ead8b8 !important;
}

/* =========================================================
   1600–2199
========================================================= */

@media (min-width: 1600px) and (max-width: 2199px) {
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ {
    --crd-publ-menu-h: 115px;
    --crd-publ-hero-axis-w: min(1680px, calc(100% - 130px));
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ h1 {
    max-width: 1420px !important;
    font-size: clamp(44px, 2.8vw, 60px) !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ p {
    max-width: 860px !important;
  }
}

/* =========================================================
   1301–1599
========================================================= */

@media (min-width: 1301px) and (max-width: 1599px) {
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ {
    --crd-publ-menu-h: 115px;
    --crd-publ-hero-axis-w: calc(100% - 96px);
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ h1 {
    max-width: 1180px !important;
    font-size: 48px !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ p {
    max-width: 760px !important;

    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;

    margin-top: 16px !important;

    font-size: 14px !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools {
    margin-top: 16px !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools .crd-btn {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    padding: 0 12px !important;
    font-size: 8.5px !important;
  }
}

/* =========================================================
   769–1300
========================================================= */

@media (min-width: 769px) and (max-width: 1300px) {
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ {
    --crd-publ-hero-h: 430px;
    --crd-publ-menu-h: 96px;
    --crd-publ-hero-axis-w: calc(100% - 56px);
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ h1 {
    max-width: 100% !important;
    font-size: clamp(34px, 5vw, 46px) !important;
    line-height: 1.04 !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ p {
    max-width: 720px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin-top: 14px !important;

    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools,
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools.crd-publ-game-nav {
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 14px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools::-webkit-scrollbar {
    display: none !important;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ {
    --crd-publ-hero-h: 370px;
    --crd-publ-menu-h: 78px;
    --crd-publ-hero-axis-w: calc(100% - 28px);
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ h1 {
    max-width: 100% !important;
    max-height: 104px !important;

    font-size: 32px !important;
    line-height: 1.04 !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ p {
    max-width: 100% !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin-top: 13px !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools,
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools.crd-publ-game-nav {
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 12px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools::-webkit-scrollbar {
    display: none !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-module-tools .crd-btn {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    padding: 0 12px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 420px) {
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ h1 {
    font-size: 28px !important;
  }
}
/* =========================================================
   CRDGAME — HERO BREADCRUMBS FIX
   v20260720_hero_breadcrumbs_fix_1

   Причина:
   hero теперь начинается от самого верха,
   а визуальная зона контента начинается после меню.
   Поэтому breadcrumbs нельзя держать на top:0.
========================================================= */

/* базовая страховка для всех hero-крошек */
html body.archive_page .crd-module-hero .crd-news-breadcrumbs,
html body.crd-publ-page .crd-module-hero .crd-news-breadcrumbs,
html body.crd-news-home .crd-module-hero .crd-news-breadcrumbs {
  position: absolute !important;
  z-index: 30 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;
  padding: 0 12px !important;

  visibility: visible !important;
  opacity: 1 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  max-width: calc(100% - 24px) !important;

  color: #d7d0c4 !important;
  background: rgba(0, 0, 0, .78) !important;

  border-right: 1px solid rgba(174, 137, 84, .36) !important;
  border-bottom: 1px solid rgba(174, 137, 84, .36) !important;

  font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
  font-size: 10px !important;
  line-height: 34px !important;
  letter-spacing: .3px !important;
  text-transform: uppercase !important;

  transform: none !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

html body.archive_page .crd-module-hero .crd-news-breadcrumbs a,
html body.archive_page .crd-module-hero .crd-news-breadcrumbs a:link,
html body.archive_page .crd-module-hero .crd-news-breadcrumbs a:visited {
  display: inline-flex !important;
  align-items: center !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  color: inherit !important;
  text-decoration: none !important;

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

html body.archive_page .crd-module-hero .crd-news-breadcrumbs a:hover {
  color: #d7b06f !important;
}

html body.archive_page .crd-module-hero .crd-news-breadcrumbs span {
  color: rgba(215, 176, 111, .72) !important;
}

html body.archive_page .crd-module-hero .crd-news-breadcrumbs svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}

/* PUBL: hero теперь включает зону меню, поэтому крошки опускаем под меню */
html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-home .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-section .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs,
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-category .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs {
  top: var(--crd-publ-menu-h, var(--crd-home-total-h, 115px)) !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
}

/* NEWS: если hero тоже переведён на схему "под меню" */
html body.tmpl_body.archive_page .crd-module-hero.crd-module-hero--news:not(.crd-module-hero--publ) .crd-news-breadcrumbs,
html body.tmpl_body.archive_page.crd-news-home .crd-module-hero.crd-module-hero--news .crd-news-breadcrumbs {
  top: var(--crd-news-menu-h, var(--crd-home-total-h, 115px)) !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
}

/* если на какой-то news-странице hero всё ещё стоит ПОСЛЕ меню через margin-top,
   добавь body класс crd-hero-after-menu — тогда крошки вернутся в top:0 */
html body.crd-hero-after-menu .crd-module-hero.crd-module-hero--news .crd-news-breadcrumbs {
  top: 0 !important;
}

/* tablet */
@media (min-width: 769px) and (max-width: 1300px) {
  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs {
    top: var(--crd-publ-menu-h, 96px) !important;
  }

  html body.tmpl_body.archive_page .crd-module-hero.crd-module-hero--news:not(.crd-module-hero--publ) .crd-news-breadcrumbs,
  html body.tmpl_body.archive_page.crd-news-home .crd-module-hero.crd-module-hero--news .crd-news-breadcrumbs {
    top: var(--crd-news-menu-h, 96px) !important;
  }
}

/* mobile */
@media (max-width: 768px) {
  html body.archive_page .crd-module-hero .crd-news-breadcrumbs {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

    padding: 0 10px !important;

    font-size: 9px !important;
    line-height: 30px !important;
    max-width: calc(100% - 12px) !important;
  }

  html body.archive_page .crd-module-hero .crd-news-breadcrumbs a,
  html body.archive_page .crd-module-hero .crd-news-breadcrumbs a:link,
  html body.archive_page .crd-module-hero .crd-news-breadcrumbs a:visited {
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
  }

  html body.archive_page .crd-module-hero .crd-news-breadcrumbs svg {
    width: 13px !important;
    height: 13px !important;
  }

  html body.tmpl_body.archive_page.crd-publ-page .crd-module-hero.crd-module-hero--publ .crd-news-breadcrumbs {
    top: var(--crd-publ-menu-h, 78px) !important;
  }

  html body.tmpl_body.archive_page .crd-module-hero.crd-module-hero--news:not(.crd-module-hero--publ) .crd-news-breadcrumbs,
  html body.tmpl_body.archive_page.crd-news-home .crd-module-hero.crd-module-hero--news .crd-news-breadcrumbs {
    top: var(--crd-news-menu-h, 78px) !important;
  }
}
/* ==========================================================================
   CRDGAME ADD ENTRY — SEO TOGGLE + OPTIONS FIX
   v20260720_add_entry_seo_options_1
========================================================================== */


/* ==========================================================================
   1. SEO META FIELDS — скрыты до галочки
========================================================================== */

html body.tmpl_body #content.add-entry-page #crdSeoMetaWrap,
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap {
  display: none !important;
}

html body.tmpl_body #content.add-entry-page #crdSeoMetaWrap.is-open,
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap.is-open {
  display: block !important;
}

html body.tmpl_body #content.add-entry-page #crdSeoMetaWrap[hidden],
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap[hidden] {
  display: none !important;
}

/* пустой заголовок мета-блока не занимает место */
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap .form-field-label-full:empty {
  display: none !important;
}

/* внутри открытого SEO-блока возвращаем нормальную видимость */
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap.is-open .seo-meta-field,
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap.is-open .seo-mtf-hide,
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap.is-open .seo-mtf-show,
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap.is-open li {
  display: block !important;
  visibility: visible !important;
}

/* поля SEO компактнее */
html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap li {
  margin-bottom: 12px !important;
}

html body.tmpl_body #content.add-entry-page .crd-seo-meta-wrap .meta.notcolumn hr {
  margin: 22px 0 0 !important;
}


/* ==========================================================================
   2. ОПЦИИ МАТЕРИАЛА — нормальный вид чекбоксов
========================================================================== */

html body.tmpl_body #content.add-entry-page .crd-add-options-row {
  align-items: flex-start !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-options-input {
  display: block !important;
  min-width: 0 !important;
}

/* после JS каждый пункт станет отдельной карточкой */
html body.tmpl_body #content.add-entry-page .crd-add-options-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 10px 12px !important;
  width: 100% !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  min-height: 42px !important;

  padding: 10px 12px !important;

  background:
    linear-gradient(
      180deg,
      rgba(28, 22, 16, .54),
      rgba(10, 8, 6, .36)
    ) !important;

  border: 1px solid rgba(174, 137, 84, .18) !important;
  border-left: 2px solid rgba(174, 137, 84, .34) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .025),
    0 8px 20px rgba(0, 0, 0, .14) !important;

  box-sizing: border-box !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item:hover {
  background:
    linear-gradient(
      180deg,
      rgba(174, 137, 84, .09),
      rgba(10, 8, 6, .42)
    ) !important;

  border-color: rgba(174, 137, 84, .30) !important;
  border-left-color: rgba(215, 176, 111, .56) !important;
}

/* label внутри опций — не огромный заголовок */
html body.tmpl_body #content.add-entry-page .crd-add-option-item > label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;

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

  color: #cfc5b6 !important;

  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .1px !important;
  text-transform: none !important;

  cursor: pointer !important;
}

/* чекбокс */
html body.tmpl_body #content.add-entry-page .crd-add-option-item input[type="checkbox"] {
  position: relative !important;

  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;

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

  background: rgba(0, 0, 0, .32) !important;
  border: 1px solid rgba(174, 137, 84, .42) !important;
  border-radius: 0 !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 4px 10px rgba(0, 0, 0, .22) !important;

  cursor: pointer !important;

  -webkit-appearance: none !important;
  appearance: none !important;

  box-sizing: border-box !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item input[type="checkbox"]::before {
  content: "" !important;

  position: absolute !important;
  left: 5px !important;
  top: 1px !important;

  width: 5px !important;
  height: 10px !important;

  border-right: 2px solid #fff4df !important;
  border-bottom: 2px solid #fff4df !important;

  opacity: 0 !important;

  transform: rotate(42deg) !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item input[type="checkbox"]:checked {
  background: #ae8954 !important;
  border-color: #d7b06f !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item input[type="checkbox"]:checked::before {
  opacity: 1 !important;
}

/* help [?] */
html body.tmpl_body #content.add-entry-page .crd-add-option-item .noun {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;

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

  color: #d7b06f !important;
  background: rgba(174, 137, 84, .08) !important;

  border: 1px solid rgba(174, 137, 84, .24) !important;
  border-radius: 50% !important;

  text-decoration: none !important;
  box-sizing: border-box !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item .noun b {
  color: inherit !important;

  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

html body.tmpl_body #content.add-entry-page .crd-add-option-item .noun:hover {
  color: #fff4df !important;
  background: rgba(174, 137, 84, .18) !important;
  border-color: rgba(215, 176, 111, .46) !important;
}


/* ==========================================================================
   3. КНОПКИ СОХРАНИТЬ / ВОССТАНОВИТЬ — чуть аккуратнее
========================================================================== */

html body.tmpl_body #content.add-entry-page .form-buttons input[type="button"],
html body.tmpl_body #content.add-entry-page .form-buttons input[type="submit"],
html body.tmpl_body #content.add-entry-page .form-buttons input[type="reset"],
html body.tmpl_body #content.add-entry-page .form-buttons .manFlSbm,
html body.tmpl_body #content.add-entry-page .form-buttons .manFlRst {
  min-width: 160px !important;
  min-height: 44px !important;

  padding: 0 24px !important;
  margin: 0 !important;

  color: #eadfce !important;

  background:
    linear-gradient(
      180deg,
      rgba(174, 137, 84, .20),
      rgba(174, 137, 84, .08)
    ) !important;

  border: 1px solid rgba(174, 137, 84, .36) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 10px 26px rgba(0, 0, 0, .24) !important;

  font-family: var(--crd-add-font-title, "Russo One", Arial, sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

html body.tmpl_body #content.add-entry-page .form-buttons input[type="button"]:hover,
html body.tmpl_body #content.add-entry-page .form-buttons input[type="submit"]:hover,
html body.tmpl_body #content.add-entry-page .form-buttons input[type="reset"]:hover,
html body.tmpl_body #content.add-entry-page .form-buttons .manFlSbm:hover,
html body.tmpl_body #content.add-entry-page .form-buttons .manFlRst:hover {
  color: #fff4df !important;

  background:
    linear-gradient(
      180deg,
      rgba(174, 137, 84, .30),
      rgba(174, 137, 84, .14)
    ) !important;

  border-color: rgba(215, 176, 111, .58) !important;
}

html body.tmpl_body #content.add-entry-page .form-buttons .manFlRst {
  opacity: .82 !important;
}

html body.tmpl_body #content.add-entry-page .form-buttons .manFlRst:hover {
  opacity: 1 !important;
}
/* =========================================================
   CRDGAME PUBL — PAGINATION LIKE NEWS
   v20260721_publ_pagination_like_news_1
========================================================= */

html body.tmpl_body.crd-publ-page .crd-publ-pagination,
html body.tmpl_body .module_publ .crd-publ-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;

  width: 100% !important;

  margin: 42px auto 34px !important;
  padding: 20px 0 0 !important;

  border-top: 1px solid rgba(174, 137, 84, .12) !important;
}

html body.tmpl_body.crd-publ-page .crd-publ-pagination a,
html body.tmpl_body.crd-publ-page .crd-publ-pagination span,
html body.tmpl_body .module_publ .crd-publ-pagination a,
html body.tmpl_body .module_publ .crd-publ-pagination span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 38px !important;
  height: 34px !important;

  margin: 0 !important;
  padding: 0 12px !important;

  color: rgba(207, 196, 182, .72) !important;
  background: rgba(14, 12, 10, .56) !important;

  border: 1px solid rgba(174, 137, 84, .18) !important;
  box-shadow: none !important;

  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-align: center !important;

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

html body.tmpl_body.crd-publ-page .crd-publ-pagination a:hover,
html body.tmpl_body .module_publ .crd-publ-pagination a:hover {
  color: #f4dfb8 !important;
  background: rgba(174, 137, 84, .10) !important;
  border-color: rgba(215, 176, 111, .42) !important;
}

html body.tmpl_body.crd-publ-page .crd-publ-pagination .is-current,
html body.tmpl_body.crd-publ-page .crd-publ-pagination b,
html body.tmpl_body .module_publ .crd-publ-pagination .is-current,
html body.tmpl_body .module_publ .crd-publ-pagination b {
  color: #15100b !important;
  background: linear-gradient(180deg, #c29a61, #9f7847) !important;

  border-color: rgba(215, 176, 111, .62) !important;
  box-shadow:
    0 8px 18px rgba(174, 137, 84, .22),
    inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html body.tmpl_body.crd-publ-page .crd-publ-pagination .crd-pager-dots,
html body.tmpl_body .module_publ .crd-publ-pagination .crd-pager-dots {
  min-width: auto !important;

  color: rgba(207, 196, 182, .45) !important;
  background: transparent !important;

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

  padding: 0 4px !important;
}

@media (max-width: 560px) {
  html body.tmpl_body.crd-publ-page .crd-publ-pagination,
  html body.tmpl_body .module_publ .crd-publ-pagination {
    gap: 6px !important;
    margin-top: 32px !important;
  }

  html body.tmpl_body.crd-publ-page .crd-publ-pagination a,
  html body.tmpl_body.crd-publ-page .crd-publ-pagination span,
  html body.tmpl_body .module_publ .crd-publ-pagination a,
  html body.tmpl_body .module_publ .crd-publ-pagination span {
    min-width: 34px !important;
    height: 32px !important;
    padding: 0 10px !important;

    font-size: 12px !important;
  }
}
/* ============================================================================
   CRDGAME PUBL — HERO IMAGE FIXED CANVAS
   v20260720_publ_hero_image_fixed_canvas_1

   Решает проблему:
   картинка больше НЕ пересчитывается через cover под каждую ширину экрана.

   Логика:
   - фон игры всегда рисуется как холст 2560px шириной
   - hero просто обрезает лишнее по краям
   - вертикаль задаётся в px
   - на 2560 / 1920 / 1680 / 1440 / 1024 положение будет стабильнее

   Как двигать:
   - больше минус = картинка выше
   - ближе к 0 = картинка ниже

   Пример:
   -520px = выше
   -360px = ниже
   -220px = ещё ниже
============================================================================ */

html body.tmpl_body.archive_page.crd-publ-page {
  --crd-publ-hero-bg-canvas-w: 2560px;

  --crd-publ-game-1-bg-y: 60px; /* Assassin's Creed Shadows */
  --crd-publ-game-2-bg-y: 100px; /* Assassin's Creed Black Flag Resynced */
  --crd-publ-game-3-bg-y: -20px; /* Middle-Earth: Shadow of War */
  --crd-publ-game-4-bg-y: -100px; /* The Witcher 4 */
}

/* общая страховка: hero режет фон внутри себя */
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ:not(.crd-module-hero--publ-home) {
  overflow: hidden !important;
}

/* Assassin's Creed Shadows */
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ.crd-publ-game-1:not(.crd-module-hero--publ-home)
> .crd-module-hero__bg {
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% 100%,
    100% 100%,
    var(--crd-publ-hero-bg-canvas-w) auto !important;

  background-position:
    center center,
    center center,
    center var(--crd-publ-game-1-bg-y) !important;
}

/* Assassin's Creed Black Flag Resynced */
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ.crd-publ-game-2:not(.crd-module-hero--publ-home)
> .crd-module-hero__bg {
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% 100%,
    100% 100%,
    var(--crd-publ-hero-bg-canvas-w) auto !important;

  background-position:
    center center,
    center center,
    center var(--crd-publ-game-2-bg-y) !important;
}

/* Middle-Earth: Shadow of War */
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ.crd-publ-game-3:not(.crd-module-hero--publ-home)
> .crd-module-hero__bg {
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% 100%,
    100% 100%,
    var(--crd-publ-hero-bg-canvas-w) auto !important;

  background-position:
    center center,
    center center,
    center var(--crd-publ-game-3-bg-y) !important;
}

/* The Witcher 4 */
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ.crd-publ-game-4:not(.crd-module-hero--publ-home)
> .crd-module-hero__bg {
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% 100%,
    100% 100%,
    var(--crd-publ-hero-bg-canvas-w) auto !important;

  background-position:
    center center,
    center center,
    center var(--crd-publ-game-4-bg-y) !important;
}

/* старый отдельный слой логотипа не должен вмешиваться */
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ:not(.crd-module-hero--publ-home)
.crd-publ-section-logo {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* ============================================================================
   CRDGAME PUBL — HOME HERO FIXED CANVAS
   v20260720_publ_home_hero_fixed_canvas_1

   Цепляет главную hero каталога:
   .crd-module-hero--publ-home

   Меняешь только:
   --crd-publ-home-bg-y
============================================================================ */

html body.tmpl_body.archive_page.crd-publ-page {
  --crd-publ-home-bg-y: 50px; /* Главный хаб /publ/ */
}

/* Главная hero /publ/ */
html body.tmpl_body.archive_page.crd-publ-page.crd-publ-home
section.crd-module-hero.crd-module-hero--publ.crd-module-hero--publ-home
> .crd-module-hero__bg,
html body.tmpl_body.archive_page.crd-publ-page
section.crd-module-hero.crd-module-hero--publ.crd-module-hero--publ-home
> .crd-module-hero__bg {
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat !important;

  background-size:
    100% 100%,
    100% 100%,
    var(--crd-publ-hero-bg-canvas-w, 2560px) auto !important;

  background-position:
    center center,
    center center,
    center var(--crd-publ-home-bg-y) !important;
}