/* ==========================================================================
   CRDGAME MODULE HERO
   Новый общий hero-блок вместо старого smart-logo
   v20260717_module_hero_1
========================================================================== */

html body {
  --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-bottom: clamp(34px, 3vw, 72px);
  --crd-module-hero-bg: url("https://crdgame.ru/file/entry/crd-news-portal-bg-1-.png");
}

html body .crd-module-hero {
  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 var(--crd-module-hero-bottom) !important;
  padding: 0 !important;

  overflow: hidden !important;

  color: #e4dbcd !important;
  background: #090705 !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(174, 137, 84, 0.24) !important;

  box-shadow:
    inset 0 -120px 150px rgba(0, 0, 0, 0.72),
    0 24px 70px rgba(0, 0, 0, 0.30) !important;

  box-sizing: border-box !important;
}

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

  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.84) 0%,
      rgba(0, 0, 0, 0.48) 34%,
      rgba(0, 0, 0, 0.28) 52%,
      rgba(0, 0, 0, 0.62) 78%,
      rgba(0, 0, 0, 0.88) 100%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.12) 0%,
      rgba(0, 0, 0, 0.22) 42%,
      rgba(0, 0, 0, 0.86) 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;

  transform: none !important;
  pointer-events: none !important;
}

html body .crd-module-hero::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1 !important;

  height: 42% !important;

  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(9, 7, 5, 0.78) 58%,
      rgba(9, 7, 5, 0.98) 100%
    ) !important;

  pointer-events: none !important;
}

html body .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;

  box-sizing: border-box !important;
}

html body .crd-module-hero .crd-kicker {
  display: block !important;

  margin: 0 0 12px !important;

  color: #b99a68 !important;

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

html body .crd-module-hero h1 {
  max-width: 780px !important;

  margin: 0 0 18px !important;

  color: #f0e7d8 !important;

  font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
  font-size: clamp(42px, 4vw, 82px) !important;
  font-weight: 400 !important;
  line-height: 0.96 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;

  text-shadow:
    0 4px 22px rgba(0, 0, 0, 0.84),
    0 0 28px rgba(174, 137, 84, 0.12) !important;
}

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

  margin: 0 !important;

  color: #c9c1b3 !important;

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

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

html body .crd-module-tools {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

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

html body .crd-module-tools .crd-btn,
html body .crd-module-tools .crd-btn:link,
html body .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, 0.54) !important;

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

  font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 235, 190, 0.035) !important;

  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease !important;
}

html body .crd-module-tools .crd-btn:hover {
  color: #fff4df !important;
  background: rgba(174, 137, 84, 0.14) !important;
  border-color: rgba(215, 176, 111, 0.62) !important;
}

/* ==========================================================================
   NEWS BREADCRUMBS INSIDE MODULE HERO
========================================================================== */

html body .crd-module-hero .crd-news-breadcrumbs {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 10 !important;

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

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

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

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

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

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.48) !important;

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

  box-sizing: border-box !important;
}

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

  height: 32px !important;

  color: #d7d0c4 !important;
  background: transparent !important;

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

  font: inherit !important;
  line-height: 32px !important;
  text-decoration: none !important;
}

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

html body .crd-module-hero .crd-news-breadcrumbs .material-icons {
  font-size: 15px !important;
  line-height: 32px !important;
}

/* ==========================================================================
   MODULE VARIANTS
========================================================================== */

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

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

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

/* если в форуме остался старый intro-блок и он дублирует hero */
html body.module_forum .crd-forum-intro.crd-forum-intro--duplicate-hide {
  display: none !important;
}

/* ==========================================================================
   ULTRAWIDE
========================================================================== */

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

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

@media (max-width: 1180px) {
  html body .crd-module-hero {
    --crd-module-hero-h: 420px;
  }

  html body .crd-module-hero__wrap {
    width: calc(100% - 64px) !important;
  }

  html body .crd-module-hero h1 {
    font-size: clamp(34px, 6vw, 58px) !important;
  }
}

@media (max-width: 768px) {
  html body .crd-module-hero {
    --crd-module-hero-h: 340px;
    --crd-module-hero-top: 76px;
    --crd-module-hero-bottom: 34px;

    align-items: flex-end !important;
  }

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

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

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

  html body .crd-module-tools {
    gap: 8px !important;
    margin-top: 18px !important;
  }

  html body .crd-module-tools .crd-btn {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 9px !important;
  }
}
/* ==========================================================================
   CRDGAME MODULE HERO — NEWS VERSION
   v20260717_news_module_hero_1
========================================================================== */

html body.archive_page .crd-module-hero--news {
  --crd-module-hero-h: clamp(420px, 21vw, 560px);
  --crd-module-hero-top: var(--crd-home-total-h, 115px);
  --crd-module-hero-bottom: 0px;

  margin-bottom: 0 !important;

  border-bottom: 1px solid rgba(174, 137, 84, 0.24) !important;
}

html body.archive_page .crd-module-hero--news .crd-module-hero__wrap {
  width: min(1500px, calc(100% - 180px)) !important;
  padding-top: 56px !important;
  padding-bottom: 44px !important;
}

html body.archive_page .crd-module-hero--news h1 {
  max-width: 900px !important;
  margin-bottom: 18px !important;
}

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

html body.archive_page .crd-module-tools .crd-btn.is-active,
html body.archive_page .crd-module-tools .crd-btn.is-active:link,
html body.archive_page .crd-module-tools .crd-btn.is-active:visited {
  color: #1a1209 !important;

  background:
    linear-gradient(
      180deg,
      rgba(215, 176, 111, 0.95),
      rgba(174, 137, 84, 0.82)
    ) !important;

  border-color: rgba(215, 176, 111, 0.78) !important;

  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.36),
    0 0 18px rgba(174, 137, 84, 0.20),
    inset 0 1px 0 rgba(255, 240, 210, 0.32) !important;
}

html body.archive_page .crd-module-tools .crd-btn--add {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* хлебные крошки news внутри нового hero */
html body.archive_page .crd-module-hero--news .crd-news-breadcrumbs {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;

  z-index: 20 !important;

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

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

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

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

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

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

  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.48) !important;

  font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  letter-spacing: 0.15px !important;
  text-transform: uppercase !important;

  box-sizing: border-box !important;
}

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

  height: 32px !important;

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

  color: #d7d0c4 !important;
  background: transparent !important;

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

  font: inherit !important;
  line-height: 32px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

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

html body.archive_page .crd-module-hero--news .crd-news-breadcrumbs svg {
  display: block !important;

  width: 15px !important;
  height: 15px !important;

  fill: currentColor !important;
}

/* чтобы старые отрицательные отступы news-logo не влияли */
html body.archive_page .header-logo-center.crd-module-hero--news {
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

html body.archive_page .crd-news-page {
  margin-top: 0 !important;
  padding-top: clamp(46px, 3vw, 72px) !important;
}

html body.archive_page.crd-news-home .crd-news-page,
html body.archive_page .crd-news-page--home {
  padding-top: clamp(40px, 3vw, 64px) !important;
}

@media (max-width: 1180px) {
  html body.archive_page .crd-module-hero--news {
    --crd-module-hero-h: 420px;
  }

  html body.archive_page .crd-module-hero--news .crd-module-hero__wrap {
    width: calc(100% - 64px) !important;
  }
}

@media (max-width: 768px) {
  html body.archive_page .crd-module-hero--news {
    --crd-module-hero-h: 340px;
    --crd-module-hero-top: 76px;
  }

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

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

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

  html body.archive_page .crd-module-tools {
    gap: 8px !important;
  }

  html body.archive_page .crd-module-tools .crd-btn {
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 9px !important;
  }
}
/* ==========================================================================
   CRDGAME MODULE HERO — TEXT POSITION + NO CUT FIX
   Единая позиция текста, чуть левее, без обрезания SEO-заголовков
   v20260717_module_hero_text_no_cut_left_1
========================================================================== */

html body {
  --crd-module-hero-text-w: min(1280px, calc(100% - 180px));
  --crd-module-hero-title-w: min(980px, 100%);
  --crd-module-hero-desc-w: min(860px, 100%);

  /* чем меньше число, тем левее текст */
  --crd-module-hero-shift-x: clamp(42px, 6vw, 150px);
}

/* общий hero больше не режет текст по высоте */
html body .crd-module-hero {
  height: auto !important;
  min-height: clamp(390px, 18vw, 520px) !important;
  max-height: none !important;

  align-items: center !important;
}

/* единая позиция текста для generic / forum / news */
html body .crd-module-hero .crd-module-hero__wrap {
  width: var(--crd-module-hero-text-w) !important;
  max-width: var(--crd-module-hero-text-w) !important;

  margin-left: calc((100% - var(--crd-module-hero-text-w)) / 2 - var(--crd-module-hero-shift-x)) !important;
  margin-right: auto !important;

  padding-top: clamp(78px, 5vw, 118px) !important;
  padding-bottom: clamp(72px, 4.4vw, 110px) !important;

  box-sizing: border-box !important;
}

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

  margin: 0 0 12px !important;

  color: #b99a68 !important;

  font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
  font-size: clamp(9px, 0.55vw, 11px) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: clamp(1.8px, 0.15vw, 2.6px) !important;
  text-transform: uppercase !important;

  text-align: left !important;
}

/* заголовок — НЕ режем, просто уменьшаем и переносим */
html body .crd-module-hero h1 {
  display: block !important;

  width: var(--crd-module-hero-title-w) !important;
  max-width: var(--crd-module-hero-title-w) !important;

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

  margin: 0 0 clamp(14px, 1.1vw, 20px) !important;
  padding: 0 !important;

  overflow: visible !important;

  color: #f0e7d8 !important;

  font-family: "Russo One", "Open Sans", Arial, sans-serif !important;
  font-size: clamp(34px, 3.35vw, 68px) !important;
  font-weight: 400 !important;
  line-height: 1.03 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;

  text-align: left !important;
  text-overflow: clip !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;

  text-shadow:
    0 4px 22px rgba(0, 0, 0, 0.84),
    0 0 28px rgba(174, 137, 84, 0.12) !important;
}

/* описание — тоже не режем */
html body .crd-module-hero p {
  display: block !important;

  width: var(--crd-module-hero-desc-w) !important;
  max-width: var(--crd-module-hero-desc-w) !important;

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

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

  overflow: visible !important;

  color: #c9c1b3 !important;

  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: clamp(13px, 0.78vw, 15px) !important;
  font-weight: 400 !important;
  line-height: 1.62 !important;

  text-align: left !important;
  text-overflow: clip !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;

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

html body .crd-module-hero p:empty {
  display: none !important;
}

/* кнопки остаются под текстом, не уезжают */
html body .crd-module-hero .crd-module-tools {
  max-width: var(--crd-module-hero-title-w) !important;
  margin-top: 26px !important;
}

/* ==========================================================================
   GENERIC PAGES
========================================================================== */

html body .crd-module-hero--generic {
  min-height: clamp(390px, 18vw, 520px) !important;
}

html body .crd-module-hero--generic h1 {
  font-size: clamp(32px, 3vw, 60px) !important;
  max-width: 1040px !important;
}

html body .crd-module-hero--generic p {
  max-width: 900px !important;
}

/* ==========================================================================
   FORUM
========================================================================== */

html body .crd-module-hero--forum {
  min-height: clamp(390px, 18vw, 520px) !important;
}

html body .crd-module-hero--forum h1 {
  font-size: clamp(42px, 4vw, 82px) !important;
  max-width: 900px !important;
}

/* ==========================================================================
   NEWS
========================================================================== */

html body.archive_page .crd-module-hero--news {
  min-height: clamp(430px, 21vw, 560px) !important;
  height: auto !important;
  max-height: none !important;
}

html body.archive_page .crd-module-hero--news .crd-module-hero__wrap {
  width: var(--crd-module-hero-text-w) !important;
  max-width: var(--crd-module-hero-text-w) !important;

  margin-left: calc((100% - var(--crd-module-hero-text-w)) / 2 - var(--crd-module-hero-shift-x)) !important;
  margin-right: auto !important;

  padding-top: clamp(82px, 5vw, 122px) !important;
  padding-bottom: clamp(74px, 4.4vw, 112px) !important;
}

html body.archive_page .crd-module-hero--news h1 {
  font-size: clamp(42px, 4vw, 82px) !important;
  max-width: 980px !important;
}

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

/* ==========================================================================
   MEDIUM
========================================================================== */

@media (max-width: 1180px) {
  html body {
    --crd-module-hero-text-w: calc(100% - 64px);
    --crd-module-hero-shift-x: 0px;
  }

  html body .crd-module-hero,
  html body .crd-module-hero--generic,
  html body .crd-module-hero--forum,
  html body.archive_page .crd-module-hero--news {
    min-height: 400px !important;
  }

  html body .crd-module-hero .crd-module-hero__wrap,
  html body.archive_page .crd-module-hero--news .crd-module-hero__wrap {
    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 76px !important;
    padding-bottom: 70px !important;
  }

  html body .crd-module-hero h1,
  html body .crd-module-hero--generic h1,
  html body .crd-module-hero--forum h1,
  html body.archive_page .crd-module-hero--news h1 {
    font-size: clamp(30px, 5.2vw, 52px) !important;
    max-width: 920px !important;
  }

  html body .crd-module-hero p,
  html body.archive_page .crd-module-hero--news p {
    max-width: 760px !important;
    font-size: 13px !important;
  }
}

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

@media (max-width: 768px) {
  html body {
    --crd-module-hero-text-w: calc(100% - 28px);
    --crd-module-hero-shift-x: 0px;
  }

  html body .crd-module-hero,
  html body .crd-module-hero--generic,
  html body .crd-module-hero--forum,
  html body.archive_page .crd-module-hero--news {
    min-height: 330px !important;
    align-items: flex-end !important;
  }

  html body .crd-module-hero .crd-module-hero__wrap,
  html body.archive_page .crd-module-hero--news .crd-module-hero__wrap {
    margin-left: auto !important;
    margin-right: auto !important;

    padding-top: 0 !important;
    padding-bottom: 36px !important;
  }

  html body .crd-module-hero .crd-kicker {
    margin-bottom: 8px !important;

    font-size: 9px !important;
    letter-spacing: 1.5px !important;
  }

  html body .crd-module-hero h1,
  html body .crd-module-hero--generic h1,
  html body .crd-module-hero--forum h1,
  html body.archive_page .crd-module-hero--news h1 {
    max-width: 100% !important;

    margin-bottom: 12px !important;

    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0.2px !important;
  }

  html body .crd-module-hero p,
  html body.archive_page .crd-module-hero--news p {
    max-width: 100% !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html body .crd-module-hero .crd-module-tools {
    margin-top: 18px !important;
  }
}

/* ==========================================================================
   VERY SMALL
========================================================================== */

@media (max-width: 420px) {
  html body .crd-module-hero,
  html body .crd-module-hero--generic,
  html body .crd-module-hero--forum,
  html body.archive_page .crd-module-hero--news {
    min-height: 300px !important;
  }

  html body .crd-module-hero h1,
  html body .crd-module-hero--generic h1,
  html body .crd-module-hero--forum h1,
  html body.archive_page .crd-module-hero--news h1 {
    font-size: 24px !important;
  }

  html body .crd-module-hero p,
  html body.archive_page .crd-module-hero--news p {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }
}