/* ============================================================================
   CRDGAME NEWS — CRIMSON DESERT EXACT PUBL V4
   v20260721_news_game_section_3_exact_publ_v4

   Upload:
   /file/HOME_PUBL_NEWS/news/news-game-section.css

   Scope:
   body.crd-one-page

   Исправлено в v3:
   - возвращена тёплая тёмная палитра CRDGAME из news1/publ1;
   - архивные изображения очищаются от старых обёрток и всегда заполняют кадр;
   - архив собран компактными горизонтальными карточками 3 × 2;
   - удалены бежевые перекрытия и старые псевдоэлементы обложек;
   - убран чрезмерный нижний воздух перед футером;
   - возвращена отдельная круглая картинка игры в блок описания;
   - сохранены hero, featured, вкладки, описание и повторный reveal.
============================================================================ */

html body.crd-one-page {
  --crd-one-shell: min(1580px, calc(100vw - 72px));

  --crd-one-bg: #0a0806;
  --crd-one-bg-2: #0f0c09;
  --crd-one-panel: rgba(22, 18, 13, .72);
  --crd-one-panel-2: rgba(10, 8, 6, .88);
  --crd-one-panel-solid: #15110d;

  --crd-one-line: rgba(174, 137, 84, .14);
  --crd-one-line-2: rgba(174, 137, 84, .28);
  --crd-one-line-3: rgba(174, 137, 84, .42);

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

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

  color: var(--crd-one-text) !important;
  background: var(--crd-one-bg) !important;
  overflow-x: hidden !important;
}

html body.crd-one-page,
html body.crd-one-page *,
html body.crd-one-page *::before,
html body.crd-one-page *::after {
  box-sizing: border-box !important;
}

/* ========================================================================== 
   PAGE / WIDTH / BACKGROUND
============================================================================ */

html body.crd-one-page .crd-news-page,
html body.crd-one-page .wrapper.main_wrapper,
html body.crd-one-page .wrapper.main_wrapper.crd-news-main,
html body.crd-one-page .crd-news-main,
html body.crd-one-page #casing,
html body.crd-one-page #content,
html body.crd-one-page #content.wide-page {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.crd-one-page .crd-news-page {
  position: relative !important;
  isolation: isolate !important;
  padding: clamp(46px, 4vw, 76px) 0 clamp(46px, 3.2vw, 66px) !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(107, 79, 45, .10), transparent 43%),
    radial-gradient(ellipse at 10% 44%, rgba(174, 137, 84, .035), transparent 34%),
    linear-gradient(180deg, #0d0a07 0%, #0a0806 52%, #090705 100%) !important;
}

html body.crd-one-page .crd-news-page::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .34 !important;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.010) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.34), transparent 72%) !important;
}

html body.crd-one-page .crd-one-shell {
  position: relative !important;
  z-index: 2 !important;
  width: var(--crd-one-shell) !important;
  max-width: var(--crd-one-shell) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

html body.crd-one-page .crd-one-sources,
html body.crd-one-page .crd-one-source {
  display: none !important;
}

/* ========================================================================== 
   HERO — существующую геометрию publ1 не ломаем
============================================================================ */

html body.crd-one-page .crd-module-hero {
  border-bottom-color: rgba(174, 137, 84, .24) !important;
  box-shadow:
    inset 0 -180px 210px rgba(0, 0, 0, .82),
    0 1px 0 rgba(255,255,255,.018) !important;
}

html body.crd-one-page .crd-module-hero__bg::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 30%, rgba(215, 176, 111, .045), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.12) 52%, rgba(7,5,4,.80) 100%) !important;
}

html body.crd-one-page .crd-module-hero h1 {
  color: #f0e8dc !important;
  text-shadow: 0 5px 26px rgba(0,0,0,.88) !important;
}

html body.crd-one-page .crd-module-hero p {
  color: rgba(228, 219, 205, .74) !important;
}

html body.crd-one-page .crd-module-tools .crd-btn,
html body.crd-one-page .crd-module-tools .crd-btn:link,
html body.crd-one-page .crd-module-tools .crd-btn:visited {
  color: rgba(228, 219, 205, .82) !important;
  background: rgba(10, 8, 6, .52) !important;
  border-color: rgba(174, 137, 84, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}

html body.crd-one-page .crd-module-tools .crd-btn:hover,
html body.crd-one-page .crd-module-tools .crd-btn.is-active {
  color: #17110a !important;
  background: linear-gradient(180deg, #d0ad72 0%, #9d7843 100%) !important;
  border-color: #d0ad72 !important;
}

/* ========================================================================== 
   HEADINGS
============================================================================ */

html body.crd-one-page .crd-one-head {
  position: relative !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid var(--crd-one-line) !important;
}

html body.crd-one-page .crd-one-head::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -1px !important;
  width: 190px !important;
  height: 1px !important;
  background: linear-gradient(90deg, rgba(201,162,97,.70), transparent) !important;
}

html body.crd-one-page .crd-one-kicker {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--crd-one-gold) !important;
  font: 400 10px/1.2 "Russo One", Arial, sans-serif !important;
  letter-spacing: .17em !important;
  text-transform: uppercase !important;
}

html body.crd-one-page .crd-one-title {
  margin: 0 !important;
  color: var(--crd-one-title) !important;
  font: 400 clamp(28px, 2.15vw, 44px)/1.03 "Russo One", Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body.crd-one-page .crd-one-subtitle {
  max-width: 920px !important;
  margin: 10px 0 0 !important;
  color: var(--crd-one-muted) !important;
  font: 400 13px/1.58 "Open Sans", Arial, sans-serif !important;
}

/* ========================================================================== 
   FEATURED — 1 большая + 2 малые
============================================================================ */

html body.crd-one-page .crd-one-featured {
  margin: 0 0 clamp(34px, 3.6vw, 62px) !important;
}

html body.crd-one-page .crd-one-featured-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.85fr) minmax(270px, .95fr) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 360px !important;
}

html body.crd-one-page .crd-one-featured-card {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  text-decoration: none !important;
  background: #100d0a !important;
  border: 1px solid rgba(174, 137, 84, .22) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.34) !important;
  isolation: isolate !important;
}

html body.crd-one-page .crd-one-featured-card:first-child {
  grid-row: 1 / 3 !important;
}

html body.crd-one-page .crd-one-featured-card__media,
html body.crd-one-page .crd-one-featured-card__media > *,
html body.crd-one-page .crd-one-featured-card__media a,
html body.crd-one-page .crd-one-featured-card__media div {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

html body.crd-one-page .crd-one-featured-card__media img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: brightness(.72) saturate(.88) !important;
  transform: scale(1.002) !important;
  transition: transform .30s ease, filter .30s ease !important;
}

html body.crd-one-page .crd-one-featured-card::after {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,.03) 24%, rgba(8,6,4,.42) 60%, rgba(7,5,4,.97) 100%) !important;
}

html body.crd-one-page .crd-one-featured-card__body {
  position: absolute !important;
  z-index: 2 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  padding: 20px !important;
}

html body.crd-one-page .crd-one-featured-card__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 0 9px !important;
}

html body.crd-one-page .crd-one-featured-card__meta span {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 6px !important;
  color: #c9a261 !important;
  background: rgba(8,6,4,.80) !important;
  border: 1px solid rgba(174,137,84,.34) !important;
  font: 400 8px/1 "Russo One", Arial, sans-serif !important;
  text-transform: uppercase !important;
}

html body.crd-one-page .crd-one-featured-card__title {
  display: block !important;
  color: #f2ece2 !important;
  font: 400 clamp(17px, 1.2vw, 25px)/1.12 "Russo One", Arial, sans-serif !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.92) !important;
}

html body.crd-one-page .crd-one-featured-card:not(:first-child) .crd-one-featured-card__title {
  font-size: clamp(14px, .9vw, 18px) !important;
}

html body.crd-one-page .crd-one-featured-card__desc {
  display: block !important;
  margin-top: 9px !important;
  color: rgba(228,219,205,.67) !important;
  font: 400 12px/1.4 "Open Sans", Arial, sans-serif !important;
}

html body.crd-one-page .crd-one-featured-card:not(:first-child) .crd-one-featured-card__desc {
  display: none !important;
}

html body.crd-one-page .crd-one-featured-card:hover .crd-one-featured-card__media img {
  transform: scale(1.028) !important;
  filter: brightness(.80) saturate(.94) !important;
}

/* ========================================================================== 
   TABS
============================================================================ */

html body.crd-one-page .crd-one-tabs-wrap {
  margin: 0 0 22px !important;
}

html body.crd-one-page .crd-one-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 14px 0 !important;
  border-top: 1px solid var(--crd-one-line) !important;
  border-bottom: 1px solid var(--crd-one-line) !important;
}

html body.crd-one-page .crd-one-tab,
html body.crd-one-page .crd-one-tab:link,
html body.crd-one-page .crd-one-tab:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  color: #b7ad9f !important;
  background: rgba(18,14,10,.72) !important;
  border: 1px solid rgba(174,137,84,.22) !important;
  font: 400 10px/1 "Russo One", Arial, sans-serif !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color .18s ease, background .18s ease, border-color .18s ease !important;
}

html body.crd-one-page .crd-one-tab:hover {
  color: var(--crd-one-gold-3) !important;
  background: rgba(174,137,84,.075) !important;
  border-color: rgba(201,162,97,.46) !important;
}

html body.crd-one-page .crd-one-tab.is-active {
  color: #17110a !important;
  background: linear-gradient(180deg, #d0ad72, #96703b) !important;
  border-color: #d0ad72 !important;
}

html body.crd-one-page .crd-one-tab--add {
  margin-left: auto !important;
}

html body.crd-one-page .crd-one-tab .material-icons {
  font-size: 16px !important;
  line-height: 1 !important;
}

/* ========================================================================== 
   DESCRIPTION
============================================================================ */

html body.crd-one-page .crd-one-description {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 26px !important;
  margin: 0 0 clamp(38px, 3.4vw, 58px) !important;
  padding: 22px 28px 22px 24px !important;
  overflow: hidden !important;
  border: 1px solid rgba(174,137,84,.14) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(174,137,84,.060), transparent 34%),
    linear-gradient(90deg, rgba(22,18,13,.76), rgba(10,8,6,.48)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.016) !important;
}

html body.crd-one-page .crd-one-description::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #ae8954, rgba(174,137,84,.06)) !important;
}

html body.crd-one-page .crd-one-description__logo {
  position: relative !important;
  display: block !important;
  width: 84px !important;
  height: 84px !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  border: 1px solid rgba(201,162,97,.42) !important;
  background: #0c0a08 !important;
  box-shadow:
    0 0 0 5px rgba(174,137,84,.045),
    0 14px 34px rgba(0,0,0,.36) !important;
  isolation: isolate !important;
}

html body.crd-one-page .crd-one-description__logo::after {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 50% 34%, transparent 24%, rgba(0,0,0,.18) 70%, rgba(0,0,0,.48) 100%) !important;
}

html body.crd-one-page .crd-one-description__logo img {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: brightness(.82) saturate(.86) contrast(1.04) !important;
  transform: scale(1.08) !important;
}

html body.crd-one-page .crd-one-description p {
  margin: 0 !important;
  color: #aaa196 !important;
  font: 400 14px/1.74 "Open Sans", Arial, sans-serif !important;
}

html body.crd-one-page .crd-one-description a {
  color: var(--crd-one-gold-2) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(201,162,97,.30) !important;
}

/* ========================================================================== 
   ARCHIVE — clean horizontal cards
============================================================================ */

html body.crd-one-page .crd-one-archive {
  margin: 0 !important;
  padding: 0 !important;
}

html body.crd-one-page .crd-one-archive .crd-news-archive-default,
html body.crd-one-page .crd-one-archive .board_wrap,
html body.crd-one-page .crd-one-archive .board_content,
html body.crd-one-page .crd-one-archive .common_thumb_list,
html body.crd-one-page .crd-one-archive #allEntries {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.crd-one-page .crd-one-archive .common_thumb_list > script,
html body.crd-one-page .crd-one-archive .common_thumb_list > br,
html body.crd-one-page .crd-one-archive #allEntries > br {
  display: none !important;
}

html body.crd-one-page .crd-one-archive #allEntries {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

html body.crd-one-page .crd-one-archive #allEntries > [id^="entryID"] {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.crd-one-page .crd-one-archive .is-crd-one-hidden {
  display: none !important;
}

html body.crd-one-page .crd-one-archive .item_card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.crd-one-page .crd-one-archive .item_box,
html body.crd-one-page .crd-one-archive .item_box:link,
html body.crd-one-page .crd-one-archive .item_box:visited {
  display: grid !important;
  grid-template-columns: minmax(132px, 38%) minmax(0, 1fr) !important;
  width: 100% !important;
  min-height: 142px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  text-decoration: none !important;
  background:
    linear-gradient(110deg, rgba(22,18,13,.82), rgba(10,8,6,.92)) !important;
  border: 1px solid rgba(174,137,84,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.014) !important;
  transform: none !important;
  transition: border-color .20s ease, background .20s ease !important;
}

html body.crd-one-page .crd-one-archive .item_box:hover {
  border-color: rgba(201,162,97,.38) !important;
  background: linear-gradient(110deg, rgba(27,21,15,.92), rgba(12,9,7,.98)) !important;
}

/* Полный сброс старой обложки. JS добавляет класс crd-one-archive-media. */
html body.crd-one-page .crd-one-archive .common_thumbnail.crd-one-archive-media,
html body.crd-one-page .crd-one-archive .cover-image-wrap.crd-one-archive-media {
  all: unset !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 142px !important;
  overflow: hidden !important;
  background: #100d0a !important;
  border-right: 1px solid rgba(174,137,84,.15) !important;
  isolation: isolate !important;
}

html body.crd-one-page .crd-one-archive .crd-one-archive-media::before,
html body.crd-one-page .crd-one-archive .crd-one-archive-media::after {
  content: none !important;
  display: none !important;
}

html body.crd-one-page .crd-one-archive .crd-one-archive-media > img {
  all: unset !important;
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: brightness(.80) saturate(.88) !important;
  transform: scale(1.002) !important;
  transition: transform .28s ease, filter .28s ease !important;
}

html body.crd-one-page .crd-one-archive .item_box:hover .crd-one-archive-media > img {
  transform: scale(1.028) !important;
  filter: brightness(.88) saturate(.94) !important;
}

html body.crd-one-page .crd-one-archive .crd-one-archive-media > .item_category,
html body.crd-one-page .crd-one-archive .crd-one-archive-media > .item_game {
  all: unset !important;
  box-sizing: border-box !important;
  position: absolute !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 16px) !important;
  min-height: 18px !important;
  padding: 0 6px !important;
  overflow: hidden !important;
  color: #c9a261 !important;
  background: rgba(7,5,4,.84) !important;
  border: 1px solid rgba(174,137,84,.32) !important;
  font: 400 7px/1 "Russo One", Arial, sans-serif !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

html body.crd-one-page .crd-one-archive .crd-one-archive-media > .item_category {
  top: 8px !important;
  left: 8px !important;
}

html body.crd-one-page .crd-one-archive .crd-one-archive-media > .item_game {
  left: 8px !important;
  bottom: 8px !important;
}

html body.crd-one-page .crd-one-archive .info_wrap {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 142px !important;
  margin: 0 !important;
  padding: 15px 16px 14px !important;
  background: transparent !important;
}

html body.crd-one-page .crd-one-archive .title {
  margin: 0 0 9px !important;
  color: #e1d9ce !important;
  font: 400 14px/1.24 "Russo One", Arial, sans-serif !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body.crd-one-page .crd-one-archive .desc {
  margin: 0 0 12px !important;
  color: #81786c !important;
  font: 400 11px/1.42 "Open Sans", Arial, sans-serif !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

html body.crd-one-page .crd-one-archive .date {
  margin: auto 0 0 !important;
  color: #756c61 !important;
  font: 400 8px/1.3 "Russo One", Arial, sans-serif !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body.crd-one-page .crd-one-archive .crd-material-date__label {
  color: #9a794a !important;
}

html body.crd-one-page .crd-one-archive .item_moder_panel {
  z-index: 8 !important;
}

html body.crd-one-page .crd-one-archive .catPages1,
html body.crd-one-page .crd-one-archive #pagesBlock1 {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 44px 0 0 !important;
  padding: 24px 0 0 !important;
  border-top: 1px solid var(--crd-one-line) !important;
}

/* ========================================================================== 
   REVEAL
============================================================================ */

html.crd-one-js body.crd-one-page .crd-one-reveal-target {
  opacity: 0 !important;
  transform: translate3d(0, 30px, 0) !important;
  transition: opacity .58s ease, transform .58s cubic-bezier(.22,.61,.36,1) !important;
}

html.crd-one-js body.crd-one-page .crd-one-reveal-target.is-visible {
  opacity: 1 !important;
  transform: none !important;
}

html.crd-one-js body.crd-one-page .crd-one-reveal-inner {
  transition: opacity .50s ease .08s, transform .50s ease .08s !important;
}

html.crd-one-js body.crd-one-page .crd-one-reveal-target:not(.is-visible) .crd-one-reveal-inner {
  opacity: 0 !important;
  transform: translate3d(0, 16px, 0) !important;
}

/* ========================================================================== 
   RESPONSIVE
============================================================================ */

@media (max-width: 1250px) {
  html body.crd-one-page {
    --crd-one-shell: min(100% - 34px, 1120px);
  }

  html body.crd-one-page .crd-one-archive #allEntries {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  html body.crd-one-page .crd-one-featured-grid {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 310px 220px !important;
  }

  html body.crd-one-page .crd-one-featured-card:first-child {
    grid-column: 1 / 3 !important;
    grid-row: auto !important;
  }

  html body.crd-one-page .crd-one-tab--add {
    margin-left: 0 !important;
  }
}

@media (max-width: 680px) {
  html body.crd-one-page {
    --crd-one-shell: calc(100vw - 20px);
  }

  html body.crd-one-page .crd-news-page {
    padding-top: 30px !important;
    padding-bottom: 52px !important;
  }

  html body.crd-one-page .crd-one-featured-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: 280px 190px 190px !important;
  }

  html body.crd-one-page .crd-one-featured-card:first-child {
    grid-column: auto !important;
  }

  html body.crd-one-page .crd-one-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body.crd-one-page .crd-one-tab {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  html body.crd-one-page .crd-one-description {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    padding: 18px 14px 18px 16px !important;
    gap: 14px !important;
  }

  html body.crd-one-page .crd-one-description__logo {
    width: 58px !important;
    height: 58px !important;
  }

  html body.crd-one-page .crd-one-archive #allEntries {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  html body.crd-one-page .crd-one-archive .item_box {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    min-height: 132px !important;
  }

  html body.crd-one-page .crd-one-archive .common_thumbnail.crd-one-archive-media,
  html body.crd-one-page .crd-one-archive .cover-image-wrap.crd-one-archive-media,
  html body.crd-one-page .crd-one-archive .info_wrap {
    min-height: 132px !important;
  }
}


/* ============================================================================
   NEWS / CRIMSON DESERT — exact PUBL v4 adaptation
   v20260721_news_game_section_3_exact_publ_v4
============================================================================ */

/* Hero image for Crimson Desert. Geometry remains controlled by current NEWS hero. */
html body.crd-one-page.crd-news-crimson-one .crd-game-section-hero .crd-module-hero__bg {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.67) 28%, rgba(0,0,0,.33) 54%, rgba(0,0,0,.72) 79%, rgba(0,0,0,.96) 100%),
    linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.32) 48%, rgba(0,0,0,.95) 100%),
    url('/file/games-hub/hero/crimson-desert.webp') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%, 100% 100%, cover !important;
  background-position: center center !important;
}

/* CRDFACION is a symbol/logo, so keep it intact inside the same round PUBL frame. */
html body.crd-one-page.crd-news-crimson-one .crd-one-description__logo img {
  object-fit: contain !important;
  object-position: center !important;
  padding: 9px !important;
  filter: brightness(.94) saturate(.92) contrast(1.04)
          drop-shadow(0 8px 18px rgba(0,0,0,.45)) !important;
  transform: none !important;
}

/* The uCoz BODY injects an executable pagination script before #allEntries.
   It must never participate in layout or appear as visible text. */
html body.crd-one-page.crd-news-crimson-one .crd-one-archive script,
html body.crd-one-page.crd-news-crimson-one .crd-one-archive .common_thumb_list > script,
html body.crd-one-page.crd-news-crimson-one .crd-one-archive #allEntries > script {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* NEWS BODY contains #allEntries. Exactly like PUBL v4, only this node is the grid. */
html body.crd-one-page.crd-news-crimson-one .crd-one-archive .common_thumb_list {
  display: block !important;
}

html body.crd-one-page.crd-news-crimson-one .crd-one-archive #allEntries {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

/* Never let old NEWS normalizer names override the exact PUBL classes. */
html body.crd-one-page.crd-news-crimson-one .crd-one-archive .crd-news-archive-card {
  min-width: 0 !important;
}

@media (max-width: 1120px) {
  html body.crd-one-page.crd-news-crimson-one .crd-one-archive #allEntries {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html body.crd-one-page.crd-news-crimson-one .crd-one-archive #allEntries {
    grid-template-columns: 1fr !important;
  }
}