@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&display=swap");

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, main, nav, output, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul, nav {
  list-style: none; }

* {
  box-sizing: border-box; }

img, video, canvas {
  max-width: 100%; }

img {
  vertical-align: bottom; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

a:hover {
  color: inherit; }

html, body {
  height: 100%;
  width: 100%; }

iframe {
  width: 100%; }

a, button, a:hover, button:hover {
  cursor: pointer; }

button, button:focus, button:active {
  outline: none;
  border: none; }

blockquote {
  margin: 0; }

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/stolzl/Stolzl-Light.eot");
  src: local("Stolzl Light"), local("Stolzl-Light"), url("../fonts/stolzl/Stolzl-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/stolzl/Stolzl-Light.woff2") format("woff2"), url("../fonts/stolzl/Stolzl-Light.woff") format("woff"), url("../fonts/stolzl/Stolzl-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/stolzl/Stolzl-Thin.eot");
  src: local("Stolzl Thin"), local("Stolzl-Thin"), url("../fonts/stolzl/Stolzl-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/stolzl/Stolzl-Thin.woff2") format("woff2"), url("../fonts/stolzl/Stolzl-Thin.woff") format("woff"), url("../fonts/stolzl/Stolzl-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Stolzl Book';
  src: url("../fonts/stolzl/Stolzl-Book.eot");
  src: local("Stolzl Book"), local("Stolzl-Book"), url("../fonts/stolzl/Stolzl-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/stolzl/Stolzl-Book.woff2") format("woff2"), url("../fonts/stolzl/Stolzl-Book.woff") format("woff"), url("../fonts/stolzl/Stolzl-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/stolzl/Stolzl-Regular.eot");
  src: local("Stolzl Regular"), local("Stolzl-Regular"), url("../fonts/stolzl/Stolzl-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/stolzl/Stolzl-Regular.woff2") format("woff2"), url("../fonts/stolzl/Stolzl-Regular.woff") format("woff"), url("../fonts/stolzl/Stolzl-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/stolzl/Stolzl-Bold.eot");
  src: local("Stolzl Bold"), local("Stolzl-Bold"), url("../fonts/stolzl/Stolzl-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/stolzl/Stolzl-Bold.woff2") format("woff2"), url("../fonts/stolzl/Stolzl-Bold.woff") format("woff"), url("../fonts/stolzl/Stolzl-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Stolzl';
  src: url("../fonts/stolzl/Stolzl-Medium.eot");
  src: local("Stolzl Medium"), local("Stolzl-Medium"), url("../fonts/stolzl/Stolzl-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/stolzl/Stolzl-Medium.woff2") format("woff2"), url("../fonts/stolzl/Stolzl-Medium.woff") format("woff"), url("../fonts/stolzl/Stolzl-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

body {
  font-family: Stolzl;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: #5A5F66;
  background: #F3F1EC url("../img/bg.png") 0 0 repeat;
  -webkit-font-smoothing: antialiased; }

h1, .h1 {
  font-weight: 500;
  font-size: 23px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #2A2E33; }

h2, .h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #2A2E33; }

h3, .h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.03em;
  color: #2A2E33; }

p {
  margin-bottom: 20px; }

div p:last-child {
  margin-bottom: 0; }

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0; }

img {
  max-width: 100%;
  height: auto; }

.flex-auto {
  flex: auto; }

.block-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 24px; }

 .block-title span {
  font-weight: 500;
    font-size: 28px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #2A2E33;
}

.btn-search {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 152px;
  height: 55px;
  background: linear-gradient(180deg, #3FB950 -15.84%, #1F9E4A 113.68%);
  border-radius: 14px;
  box-shadow: inset -4px -8px 18px #167a38; }
  .btn-search span {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff; }
  .btn-search:hover {
    box-shadow: none; }

.btn-menu {
  display: none; }

.btn-fullscreen {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  background: linear-gradient(90deg, #3BA7F5 -13.86%, #1E6FE0 134.65%);
  border: 2px solid #FFFFFF;
  border-radius: 16px; }
  .btn-fullscreen:focus {
    border: 2px solid #FFFFFF; }
.breadcrumbs {
    display: flex;
    margin-bottom: 15px;
}
.breadcrumbs li {
    list-style: none;
    padding: 0 7px;
}
.breadcrumbs li:first-child {
  padding-left: 0px;
}
span.glsr-tag-value {
    font-style: italic;
    margin-bottom: 20px;
}
.btn-favorite {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  padding: 15px 22px;
  border: 2px solid #FFFFFF;
  border-radius: 14px;
  outline: 0;
  margin-right: 5px;
   }
  .btn-favorite:focus {
    border: 2px solid #FFFFFF; }
  .btn-favorite span {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #ffffff; }

.icon-favorite {
  width: 22px;
  height: 20px;
  display: flex;
  background: url("../img/icon-heart.svg") 0 0 no-repeat;
  margin-right: 8.5px; }

.icon-fullscreen {
  width: 19px;
  height: 18px;
  display: flex;
  background: url("../img/icon-fullscreen.svg") 0 0 no-repeat; }

.header {
  position: relative; }
  .header__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 25px;
    background: #ffffff;
    border-radius: 34px;
    margin-top: 30px;
    margin-bottom: 30px; }
  .header .logo {
    max-width: 280px;
    width: 100%; }
  .header .search {
    position: relative; }
    .header .search-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .header .search input {
      width: 250px;
      height: 55px;
      background: #F5F3EE url("../img/icon-search.svg") 20px 20px no-repeat;
      padding: 20px 20px 20px 45px;
      border-radius: 14px;
      margin-right: 10px;
      font-size: 14px;
      line-height: 14px;
      color: #2A2E33; }
      .header .search input::placeholder {
        color: #9AA0A6; }
  .header .menu {
    margin-top: 11px;
    flex: 1 1 100%; }
    .header .menu ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .header .menu ul li {
        display: flex;
        align-items: center;
        max-width: 205px;
        height: 55px;
        width: 100%;
        border-radius: 14px; }
        .header .menu ul li a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-weight: 500;
          font-size: 16px;
          line-height: 22px;
          color: #ffffff; }
          .header .menu ul li a img {
            margin-right: 7px; }

.game-series {
  padding: 25px;
  background: linear-gradient(-45deg, #3FB950, #3BA7F5, #C24FE0, #FFC23D) 0 0/300% 300%;
  animation: pluto-gradient 30s ease 0s infinite normal none running;
  box-shadow: 0 20px 40px rgba(30, 111, 224, 0.25), inset -4px -8px 18px rgba(0, 0, 0, 0.15);
  border-radius: 34px;
  margin-bottom: 30px; }
  .game-series__slider {
    margin-left: -10px;
    margin-right: -10px; }
  .game-series__item {
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    border-radius: 18px;
    padding: 10px;
    max-width: 210px;
    width: 100%;
    margin: 0 10px; }
    .game-series__item a {
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%; }
      .game-series__item a img {
        border-radius: 13px;
        margin-right: 15px; }
      .game-series__item a span {
        font-weight: 500;
        font-size: 14px;
        line-height: 14px;
        color: #ffffff; }

.catalog {
  position: relative; }
  .catalog__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px; }

.pagination-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 20px; }

.pagination-left, .pagination-right {
  display: flex;
  align-items: center;
  width: 40px;
  height: 40px;
  justify-content: center;
  border: 1px solid #C9C2B4;
  background: #ffffff;
  border-radius: 12px; }
  .pagination-left:hover, .pagination-right:hover {
    background: linear-gradient(90deg, #3FB950 -13.86%, #1F9E4A 134.65%);
    border: 1px solid transparent; }

.pagination-left {
  margin-right: 6px; }
  .pagination-left::before {
    content: '';
    display: flex;
    border-right: 10px solid #5A5F66;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 0 5px 5px 0;
    margin-right: 1px; }
  .pagination-left:hover::before {
    border-right: 10px solid #ffffff; }

.pagination-right {
  margin-left: 6px; }
  .pagination-right::after {
    content: '';
    display: flex;
    border-left: 10px solid #5A5F66;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 5px 0 0 5px;
    margin-left: 1px; }
  .pagination-right:hover::before {
    border-left: 10px solid #ffffff; }

.pagination {
  display: flex;
  align-items: center;
  justify-content: center; }
  .pagination li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #C9C2B4;
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    margin-right: 6px; }
    .pagination li a {
      font-size: 10px;
      line-height: 30px;
      color: #5A5F66;
      width: 100%;
      height: 100%;
      text-align: center; }
    .pagination li:hover {
      background: linear-gradient(90deg, #3FB950 -13.86%, #1F9E4A 134.65%); }
      .pagination li:hover a {
        color: #ffffff; }
    .pagination li.current {
      border: 1px solid transparent;
      background: linear-gradient(90deg, #3FB950 -13.86%, #1F9E4A 134.65%); }
      .pagination li.current span {
        font-size: 10px;
        line-height: 14px;
        color: #ffffff;
        text-align: center; }

.game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 8px;
  background: #ffffff;
  box-shadow: 0px 4px 0px rgba(42, 46, 51, 0.06), 0px 14px 50px rgba(42, 46, 51, 0.08);
  border-radius: 18px;
  max-width: 145px;
  width: 100%;
  padding: 10px; }
  .game-card:hover {
    box-shadow: 0px 4px 0px rgba(31, 158, 74, 0.18), 0 14px 50px rgba(63, 185, 80, 0.25); }
  .game-card .thumb img {
    border-radius: 14px; }
  .game-card .rate {
    display: flex;
    align-items: center;
    width: 34px;
    height: 20px;
    background: #FFC23D;
    box-shadow: 0px 6px 12px rgba(255, 154, 31, 0.5);
    border-radius: 12px 9px 13px 8px;
    padding: 5px;
    margin-top: -14px;
    margin-bottom: 6px;
    margin-right: auto;
    margin-left: auto; }
    .game-card .rate::before {
      content: '';
      display: block;
      background: url("../img/icon-star.svg") 0 -1px no-repeat;
      width: 9px;
      height: 8px;
      margin-right: 3px; }
    .game-card .rate span {
      font-size: 8px;
      line-height: 1;
      color: #2A2E33; }
  .game-card .name {
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    color: #2A2E33; }
    .game-card .name a {
      display: block;
      color: inherit;
      text-overflow: ellipsis;
      white-space: nowrap;
      height: auto;
      overflow: hidden; }

.character-games {
  position: relative;
  background: linear-gradient(180deg, #3BA7F5 -15.84%, #1E6FE0 113.68%);
  border-radius: 34px;
  padding: 25px 10px 10px 10px;
  margin-bottom: 24px; }
  .character-games .block-title {
    text-align: center; }
    .character-games__list img {
    width: 124px;
}
  .character-games__list {
    background: #ffffff;
    border-radius: 26px;
    padding: 5px; }
    .character-games__list ul {
      display: flex;
      flex-wrap: wrap; }
      .character-games__list ul li {
        margin: 5px;
       position: relative;}
        .character-games__list ul li img {
          border-radius: 16px; }
.character-name {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background: rgba(42, 46, 51, 0.82);
  padding: 0 10px;
  border-radius: 16px;
}
.character-games__list li a:hover .character-name {
    background: linear-gradient(90deg, #C24FE0 0%, #8B2FD6 100%);
}
.character-name h5{
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 10px;
  padding: 3px 0;
}
.content {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  gap: 20px;
  padding: 24px 5px 5px;
  background: #ffffff;
  border-radius: 34px;
  margin-bottom: 30px; }

.side {
  width: 300px;
  flex-shrink: 0;
  margin-bottom: 30px; }

.main {
  max-width: 805px;
  width: 100%;
  margin-bottom: 30px; }
  .main .block-title {
    color: #2A2E33; }

.description {
  background: #ffffff;
  border-radius: 34px;
  margin-bottom: 30px; }
  .description--padding {
    padding: 50px; }
  .description h1, .description .h1 {
    margin-bottom: 20px; }
  .description h2, .description .h2 {
    margin-bottom: 20px; }
#iframe iframe {
    top: 60px !important;
}
.game-offer__window {
  background: linear-gradient(90.5deg, #C24FE0 0%, #8B2FD6 100.02%);
  border-radius: 20px;
  margin-bottom: 30px; }
  .game-offer__window__frame {
    position: relative;
    min-height: 600px;
    margin-bottom: 60px; }
    .game-offer__window__frame iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .game-offer__window__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px; }
    .game-offer__window__top .left, .game-offer__window__top .right {
      display: flex;
      flex-wrap: wrap; }
    .game-offer__window__top .ratings {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      background: #FFC23D;
      box-shadow: 0px 6px 12px rgba(255, 154, 31, 0.5);
      border-radius: 12px 9px 13px 8px; }
      .game-offer__window__top .ratings .star-rating .post-ratings {
        display: flex; }
      .game-offer__window__top .ratings .star-num {
        margin-left: 5px;
        font-size: 12px;
        line-height: 14px;
        color: #2A2E33; }
    .game-offer__window__top .views {
      display: flex;
      align-items: center;
      padding: 10px 11px;
      background: #FFFFFF;
      box-shadow: 0px 6px 12px rgba(255, 255, 255, 0.5);
      border-radius: 12px;
      margin-right: 10px; }
      .game-offer__window__top .views .icon-views {
        display: flex;
        width: 16px;
        height: 13px;
        background: url("../img/icon-views.svg") 0 0 no-repeat; }
      .game-offer__window__top .views span {
        margin-left: 5px;
        font-size: 12px;
        line-height: 14px;
        color: #2A2E33; }
  .game-offer__window__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px; }
    .game-offer__window__bottom .right{
      width: 15%;
    }
    .star-num {
    display: none;
}
    .game-offer__window__bottom .left, .game-offer__window__bottom .right {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
    .game-offer__window__bottom .links {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      .game-offer__window__bottom .links a {
        display: flex;
        align-items: center;
        padding: 6px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        box-sizing: border-box;
        border-radius: 14px;
        margin-right: 5px;
        margin-bottom: 6px; }
        .game-offer__window__bottom .links a:last-child {
          margin-right: 0; }
        .game-offer__window__bottom .links a img {
          margin-right: 10px;
          border-radius: 12px; }
        .game-offer__window__bottom .links a span {
          font-weight: 500;
          font-size: 14px;
          line-height: 14px;
          color: #ffffff; }

.game-offer__description a,
.catalog__description a {
    text-decoration: none;
    color: #1E6FE0;
}

.game-offer__description a:hover,
.catalog__description a:hover {
  text-decoration: underline;
  color: #C24FE0; }

.game-offer__description ul,
.catalog__description ul {
 font-family: "Sansation", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 21px;
margin-top: 25px;
margin-bottom: 25px;
color: #5A5F66;
}

.game-offer__description li,
.catalog__description li {
    padding-left: 20px;
    margin-bottom: 8px;
}

.game-offer__description li::before,
.catalog__description li::before {
    content: "\2022";
    color: #3FB950;
    margin-left: -20px;
    display: inline-block;
    width: 20px;

}

.game-offer__description,
.catalog__description {
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0px 4px 0px rgba(42, 46, 51, 0.06), 0px 14px 50px rgba(42, 46, 51, 0.08);
  border-radius: 20px;
  margin-bottom: 30px; }
  .game-offer__description img,
  .catalog__description img {
    margin-right: 25px;
    margin-bottom: 25px;
    float: left; }

.similar-games {
  margin-bottom: 30px; }

.adv-block {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border: 2px solid #E7E0D2;
  box-sizing: border-box;
  border-radius: 12px;
  margin-bottom: 30px; }

.footer {
  position: relative;
  padding-bottom: 30px; }
  .footer__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 50px;
    background: #FFFFFF;
    border-radius: 34px; }
  .footer .privacy a {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #2A2E33; }

.slick-prev, .slick-next {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  border-radius: 14px;
  background: none; }
  .slick-prev:hover, .slick-next:hover {
    background: linear-gradient(90deg, #FFC23D -13.86%, #FF9A1F 134.65%);
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: inset -4px -8px 18px #d97a08; }
  .slick-prev:focus, .slick-next:focus {
    background: linear-gradient(90deg, #FFC23D 0%, #FF9A1F 100%);
    border: 2px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: inset -4px -8px 100px #d97a08;
    border-radius: 14px; }

.slick-next {
  top: -54px;
  right: 0; }
  .slick-next::before {
    content: '';
    border-left: 10px solid #ffffff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 5px 0 0 5px; }

.slick-prev {
  top: -54px;
  right: 54px; }
  .slick-prev::before {
    content: '';
    border-right: 10px solid #ffffff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-radius: 0 5px 5px 0; }

@keyframes pluto-gradient {
 0% {
 background-position: 0 50%
 }

 50% {
 background-position: 100% 50%
 }

 to {
 background-position: 0 50%
 }
 }
 .player-overlay-name{
 position:absolute;
    top: 94%;
    font-size: 20px;
 }
.player-overlay-image img{
    border: 2px solid #fff;
    border-radius: 8px;
    width:180px;
}
.player-overlay{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    background: linear-gradient(-45deg, #3FB950, #3BA7F5, #C24FE0, #FFC23D, #FF6B5E) 0 0/300% 300%;
    animation: pluto-gradient 24s ease 0s infinite normal none running;
    color: #ffffff;
    font-size: 25px;
    min-height:650px;
    position: relative;
    flex-wrap: wrap;
     }

    #js-player-start{
    width:180px;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1F9E4A;
    }
    #js-player-start:hover{
    text-decoration:none;}
    #js-player-start svg{
    margin-right:5px;}
    .game-offer__window__frame {
    display:none;}
	.btn-fullscreen {
    visibility: hidden;
}
    @media (max-width: 767px) {
  .player-overlay {
    min-height:450px;
  }
	}
    
    
    
    
    .header .menu > ul > li {
  position: relative; }

.header .menu .dropdown_first {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 210px;
  width: max-content;
  max-width: 260px;
  padding: 8px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 14px 34px rgba(42, 46, 51, 0.18);
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s; }

.header .menu .dropdown_first::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px; }

.header .menu > ul > li:hover > .dropdown_first {
  opacity: 1;
  visibility: visible;
  transform: translateY(0); }

.header .menu .dropdown_first li {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  background: none;
  box-shadow: none;
  border-radius: 10px; }

.header .menu .dropdown_first li a {
  justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 18px;
  color: #2A2E33;
  border-radius: 10px; }

.header .menu .dropdown_first li a:hover {
  background: #F3F1EC;
  color: #1F9E4A; }

@media (max-width: 767px) {

  /* родительский пункт: a и подменю — строго друг под другом */
  .header .menu.open > ul > li {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: none;
    height: auto; }

  .header .menu.open > ul > li > a {
    height: 55px; }

  .header .menu.open .dropdown_first {
    position: static;
    display: flex;
    flex-direction: column;
    gap: 4px;
    opacity: 1;
    visibility: visible;
    transform: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    height: auto;
    margin: 6px 0 0 0;
    padding: 6px;
    background: rgba(0, 0, 0, 0.12);
    box-shadow: none;
    border-radius: 12px; }

  .header .menu.open .dropdown_first::before {
    display: none; }

  .header .menu.open .dropdown_first li {
    position: static;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    background: none;
    box-shadow: none; }

  .header .menu.open .dropdown_first li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff; }
}




.game-offer__description h2,
.catalog__description h2 {
  margin-top: 36px;
  margin-bottom: 16px;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 1.2;
  color: #2A2E33;
  border-bottom: 3px solid #F0EBE0; }

.game-offer__description h3,
.catalog__description h3 {
  margin-top: 24px;
  margin-bottom: 10px;
  font-size: 18px;
  color: #2A2E33; }

.game-offer__description p,
.catalog__description p { line-height: 1.7; }


.game-offer__description b,
.game-offer__description strong,
.catalog__description b,
.catalog__description strong {
  font-weight: 700;
  color: #1F9E4A; }


.game-offer__description .pp-controls,
.catalog__description .pp-controls {
  margin: 24px 0;
  padding: 22px 24px;
  background: #F7F5F0;
  border: 2px solid #EAE3D4;
  border-radius: 18px; }

.game-offer__description .pp-controls ul,
.catalog__description .pp-controls ul {
  margin: 0;
  font-family: Stolzl, sans-serif; }

.game-offer__description .pp-controls li,
.catalog__description .pp-controls li {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #ECE7DC;
  color: #5A5F66; }

.game-offer__description .pp-controls li:last-child,
.catalog__description .pp-controls li:last-child { border-bottom: none; }

.game-offer__description .pp-controls li::before,
.catalog__description .pp-controls li::before { content: none; }

.game-offer__description .pp-controls li b,
.catalog__description .pp-controls li b {
  flex: 0 0 auto;
  min-width: 54px;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px solid #D9D2C4;
  border-bottom-width: 3px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #2A2E33;
  text-align: center;
  white-space: nowrap; }

.game-offer__description .pp-quote,
.catalog__description .pp-quote {
  position: relative;
  margin: 20px 0;
  padding: 22px 26px 22px 60px;
  background: #ffffff;
  border-left: 5px solid #1E6FE0;
  border-radius: 0 16px 16px 0;
  box-shadow: 0 8px 24px rgba(42, 46, 51, 0.08);
  font-style: italic;
  font-size: 16px;
  line-height: 1.6;
  color: #3a3f45; }

.game-offer__description .pp-quote::before,
.catalog__description .pp-quote::before {
  content: "\201C";
  position: absolute;
  top: 6px;
  left: 18px;
  font-size: 54px;
  line-height: 1;
  font-style: normal;
  color: #1E6FE0;
  opacity: .35; }


.game-offer__description .pp-quote:nth-of-type(2n),
.catalog__description .pp-quote:nth-of-type(2n)   { border-left-color: #8B2FD6; }
.game-offer__description .pp-quote:nth-of-type(2n)::before,
.catalog__description .pp-quote:nth-of-type(2n)::before   { color: #8B2FD6; }
.game-offer__description .pp-quote:nth-of-type(3n),
.catalog__description .pp-quote:nth-of-type(3n)   { border-left-color: #1F9E4A; }
.game-offer__description .pp-quote:nth-of-type(3n)::before,
.catalog__description .pp-quote:nth-of-type(3n)::before   { color: #1F9E4A; }


.game-offer__description .pp-faq-item,
.catalog__description .pp-faq-item {
  margin: 14px 0;
  padding: 18px 22px;
  background: #ffffff;
  border: 2px solid #F0EBE0;
  border-radius: 16px; }

.game-offer__description .pp-faq-item h3,
.catalog__description .pp-faq-item h3 {
  margin: 0 0 10px 0;
  padding-left: 30px;
  position: relative;
  color: #1E6FE0; }

.game-offer__description .pp-faq-item h3::before,
.catalog__description .pp-faq-item h3::before {
  content: "?";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1E6FE0;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 50%; }

.game-offer__description .pp-faq-item p,
.catalog__description .pp-faq-item p { margin: 0; }


.game-offer__description table,
.catalog__description table {
  width: 100%;
  margin: 22px 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(42, 46, 51, 0.08); }

.game-offer__description table td,
.catalog__description table td {
  padding: 12px 16px;
  border-bottom: 1px solid #F0EBE0;
  vertical-align: top;
  line-height: 1.5; }

.game-offer__description table tr td:first-child,
.catalog__description table tr td:first-child {
  width: 32%;
  background: #F7F5F0;
  color: #2A2E33; }

.game-offer__description table tr td:first-child b,
.catalog__description table tr td:first-child b { color: #2A2E33; }

.game-offer__description table tr:last-child td,
.catalog__description table tr:last-child td { border-bottom: none; }


/* Sidebar guides block */
.character-guides .character-games__list {
	background: #fff;
	border-radius: 26px;
	padding: 10px 14px;
}
.character-guides .character-games__list ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
.character-guides .character-games__list li {
	display: block;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	background: none;
	position: static;
}
.character-guides .character-games__list li a {
	display: block;
	padding: 9px 4px;
	border-bottom: 1px solid #ececec;
	text-decoration: none;
}
.character-guides .character-games__list li:last-child a {
	border-bottom: none;
}
.character-guides .character-name {
	position: static;
	width: auto;
	background: none;
	padding: 0;
	border-radius: 0;
	bottom: auto;
}
.character-guides .character-games__list li a:hover .character-name {
	background: none;
}
.character-guides .character-name h5 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.35;
	text-align: left;
	color: #2A2E33 !important;
}
.character-guides .character-games__list li a:hover .character-name h5 {
	color: #1F9E4A !important;
}

.character-guides {
	background: linear-gradient(180deg, #3BA7F5 -15.84%, #1E6FE0 113.68%);
	border-radius: 34px;
	padding: 25px 10px 10px 10px;
	margin-bottom: 24px;
}
.character-guides .block-title {
	margin-bottom: 16px;
}



.game-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 18px;
	margin-bottom: 30px;
	background: rgba(63, 185, 80, 0.05);
	border: 2px solid rgba(63, 185, 80, 0.18);
	border-radius: 20px;
}
.game-banner img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 14px;
}


/* =========================================================
   HUBS: page-hub.php + category-hub.php
   ========================================================= */

/* one calm accent for all hub cards */
.hub-card, .hub-cat { --hub-a: #3FB950; --hub-b: #1F9E4A; --hub-s: #167a38; } /* theme green, like the Search button */

.hub { min-width: 0; }
.hub .block-title h1 { font-size: 28px; line-height: 1.2; color: #2A2E33; }
.hub-intro { margin-bottom: 26px; }

/* ---------- article hub ---------- */

.hub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }

.hub-card {
	display: flex; flex-direction: column; overflow: hidden;
	background: #FAF8F4; border: 1px solid #ECE6DA; border-radius: 20px;
	box-shadow: 0 4px 0 rgba(42, 46, 51, .05);
	transition: box-shadow .15s ease, border-color .15s ease; }
.hub-card:hover { border-color: #A8D5B3; box-shadow: 0 4px 0 rgba(31, 158, 74, .18), 0 14px 40px rgba(63, 185, 80, .22); }

.hub-card__top { display: block; height: 130px; overflow: hidden; }
.hub-card__top img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hub-card__bar { display: none; } /* neutral cards, like game cards */

.hub-card__body { display: flex; flex-direction: column; flex: 1; padding: 18px 18px 18px; }
.hub-card__title { margin: 0 0 8px; font-size: 16px; line-height: 1.3; font-weight: 700; }
.hub-card__title a { color: #2A2E33; text-decoration: none; }
.hub-card__title a:hover { color: #1F9E4A; }
.hub-card__text { flex: 1; margin: 0 0 12px; font-size: 14px; line-height: 1.5; color: #5A5F66; }
.hub-card__more { align-self: flex-start; font-size: 14px; font-weight: 500; color: #1E6FE0; text-decoration: none; }
.hub-card__more::after { content: " \2192"; }
.hub-card__more:hover { color: #C24FE0; }

/* ---------- category hub ---------- */

.hub-cats { display: flex; flex-direction: column; gap: 20px; margin-bottom: 30px; }

.hub-cat {
	position: relative; padding: 20px 22px 22px;
	background: #FAF8F4; border: 1px solid #ECE6DA; border-radius: 20px; overflow: hidden;
	box-shadow: 0 4px 0 rgba(42, 46, 51, .05); }
.hub-cat { transition: box-shadow .15s ease, border-color .15s ease; }
.hub-cat:hover { border-color: #A8D5B3; box-shadow: 0 4px 0 rgba(31, 158, 74, .18), 0 14px 40px rgba(63, 185, 80, .22); }

.hub-cat__head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }

.hub-cat__title { margin: 0; font-size: 22px; line-height: 1.2; }
.hub-cat__title a { color: #2A2E33; text-decoration: none; }
.hub-cat__title a:hover { color: #1F9E4A; }
.hub-cat__count {
	margin-left: auto; padding: 5px 10px; border-radius: 10px; white-space: nowrap;
	background: #fff; border: 1px solid #ECE6DA; color: #5A5F66; font-size: 13px; font-weight: 500; }
.hub-cat__text { margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: #5A5F66; }

.hub-games { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 0 0 16px; padding: 0; list-style: none; }
.hub-games li { list-style: none; min-width: 0; }
.hub-games a { display: block; color: #2A2E33; text-decoration: none; }
.hub-games img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; transition: transform .15s ease; }
.hub-games a:hover img { transform: scale(1.04); }
.hub-games span {
	display: block; margin-top: 6px;
	font-size: 12px; line-height: 14px; text-align: center;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hub-games a:hover span { color: #1F9E4A; }

.hub-cat__more {
	display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: 14px;
	background: linear-gradient(90deg, var(--hub-a), var(--hub-b)); box-shadow: inset -4px -8px 18px var(--hub-s);
	color: #fff; font-weight: 500; font-size: 15px; text-decoration: none; }
.hub-cat__more:hover { box-shadow: none; color: #fff; }

/* ---------- tablet & mobile ---------- */
@media (max-width: 1100px) {
	.hub-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
	.hub .block-title h1 { font-size: 22px; }
	.hub-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
	.hub-card__top { height: 120px; }
	.hub-card__body { padding: 16px 16px 16px; }
	.hub-card__title { font-size: 17px; }
	.hub-cat { padding: 18px 14px 16px; }
	.hub-cat__title { font-size: 19px; }
	.hub-games { grid-template-columns: repeat(3, 1fr); }
	.hub-cat__more { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
	.hub-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Ad label "ADVERTISEMENT" above banners (main column)
   The template sets an inline font-size, so !important is needed
   ========================================================= */
.game-banner > div:first-child,
.character-games:not(.character-guides) + div:not(.character-guides):not(.game-banner):not(:empty) {   /* sidebar label, see below */
	display: table;                 /* own line, centered, width fits the text */
	margin: 0 auto 14px;
	padding: 4px 12px;
	border-radius: 6px;
	background: #737980;            /* medium grey: softer than the headings, white text stays readable */
	color: #ffffff;
	font-size: 11px !important;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}


/* Sidebar ad: gaps from "Most Played Games" and "Guides" blocks,
   and reset the inline light-blue background of the label text */
.character-games:not(.character-guides) + div:not(.character-guides):not(.game-banner):not(:empty),
.character-games:not(.character-guides) + .game-banner {
	margin-top: 28px;
}
.character-games:not(.character-guides) + div:not(.character-guides) span {
	background: none !important;
	color: inherit !important;
}
.side > ins.adsbygoogle {
	margin-bottom: 28px;
}

/* =========================================================
   TEXT COMPONENTS v2 (guides, home page, game texts)
   Used inside .catalog__description and .game-offer__description
   ========================================================= */

/* ---------- numbered lists (the reset removes numbers) ---------- */
.game-offer__description ol,
.catalog__description ol {
  counter-reset: pp-ol;
  margin: 25px 0;
  font-size: 15px;
  line-height: 1.6;
  color: #5A5F66; }
.game-offer__description ol > li,
.catalog__description ol > li {
  counter-increment: pp-ol;
  position: relative;
  padding-left: 34px;
  margin-bottom: 10px; }
.game-offer__description ol > li::before,
.catalog__description ol > li::before {
  content: counter(pp-ol);
  position: absolute;
  left: 0;
  top: 1px;
  width: 24px;
  height: 24px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3FB950;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 50%; }

/* ---------- checklist ---------- */
.game-offer__description ul.pp-check,
.catalog__description ul.pp-check {
  margin: 22px 0;
  padding: 18px 22px;
  background: #F3FBF4;
  border: 2px solid #CDEBD3;
  border-radius: 16px; }
.game-offer__description ul.pp-check li,
.catalog__description ul.pp-check li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 10px;
  color: #3a3f45; }
.game-offer__description ul.pp-check li:last-child,
.catalog__description ul.pp-check li:last-child { margin-bottom: 0; }
.game-offer__description ul.pp-check li::before,
.catalog__description ul.pp-check li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1F9E4A;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border-radius: 6px; }

/* ---------- callouts: tip / warning / note ---------- */
.game-offer__description .pp-tip,
.game-offer__description .pp-warn,
.game-offer__description .pp-note,
.catalog__description .pp-tip,
.catalog__description .pp-warn,
.catalog__description .pp-note {
  position: relative;
  margin: 22px 0;
  padding: 18px 22px 18px 58px;
  border-radius: 16px;
  line-height: 1.65; }
.game-offer__description .pp-tip,
.catalog__description .pp-tip { background: #F3FBF4; border: 2px solid #CDEBD3; }
.game-offer__description .pp-warn,
.catalog__description .pp-warn { background: #FFF6EC; border: 2px solid #F6D9B5; }
.game-offer__description .pp-note,
.catalog__description .pp-note { background: #EEF5FE; border: 2px solid #C9DDF8; }
.game-offer__description .pp-tip::before,
.game-offer__description .pp-warn::before,
.game-offer__description .pp-note::before,
.catalog__description .pp-tip::before,
.catalog__description .pp-warn::before,
.catalog__description .pp-note::before {
  position: absolute;
  left: 18px;
  top: 18px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  font-weight: 700; }
.game-offer__description .pp-tip::before,
.catalog__description .pp-tip::before { content: "\2605"; background: #1F9E4A; }
.game-offer__description .pp-warn::before,
.catalog__description .pp-warn::before { content: "!"; background: #E8862A; }
.game-offer__description .pp-note::before,
.catalog__description .pp-note::before { content: "i"; background: #1E6FE0; }
.game-offer__description .pp-tip p,
.game-offer__description .pp-warn p,
.game-offer__description .pp-note p,
.catalog__description .pp-tip p,
.catalog__description .pp-warn p,
.catalog__description .pp-note p { margin: 0; }
.game-offer__description .pp-warn b,
.catalog__description .pp-warn b { color: #C2621A; }
.game-offer__description .pp-note b,
.catalog__description .pp-note b { color: #1E6FE0; }

/* ---------- tiles ---------- */
.game-offer__description .pp-tiles,
.catalog__description .pp-tiles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin: 24px 0; }
.game-offer__description .pp-tiles.pp-tiles--2,
.catalog__description .pp-tiles.pp-tiles--2 { grid-template-columns: repeat(2, 1fr); }
.game-offer__description .pp-tile,
.catalog__description .pp-tile {
  padding: 18px 18px 16px;
  background: #FAF8F4;
  border: 1px solid #ECE6DA;
  border-top: 4px solid #3FB950;
  border-radius: 16px;
  box-shadow: 0 4px 0 rgba(42, 46, 51, .05); }
.game-offer__description .pp-tile:nth-child(3n+2),
.catalog__description .pp-tile:nth-child(3n+2) { border-top-color: #1E6FE0; }
.game-offer__description .pp-tile:nth-child(3n),
.catalog__description .pp-tile:nth-child(3n) { border-top-color: #8B2FD6; }
.game-offer__description .pp-tile b,
.catalog__description .pp-tile b {
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
  color: #2A2E33; }
.game-offer__description .pp-tile p,
.catalog__description .pp-tile p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #5A5F66; }

/* ---------- steps ---------- */
.game-offer__description ol.pp-steps,
.catalog__description ol.pp-steps {
  margin: 24px 0;
  padding: 0; }
.game-offer__description ol.pp-steps > li,
.catalog__description ol.pp-steps > li {
  padding: 14px 18px 14px 62px;
  margin-bottom: 12px;
  background: #FFFFFF;
  border: 2px solid #F0EBE0;
  border-radius: 16px; }
.game-offer__description ol.pp-steps > li::before,
.catalog__description ol.pp-steps > li::before {
  left: 16px;
  top: 14px;
  width: 32px;
  height: 32px;
  font-size: 15px;
  background: linear-gradient(90deg, #3FB950, #1F9E4A); }
.game-offer__description ol.pp-steps > li b,
.catalog__description ol.pp-steps > li b { display: block; color: #2A2E33; margin-bottom: 2px; }

/* ---------- pros & cons ---------- */
.game-offer__description .pp-proscons,
.catalog__description .pp-proscons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 24px 0; }
.game-offer__description .pp-pros,
.game-offer__description .pp-cons,
.catalog__description .pp-pros,
.catalog__description .pp-cons {
  padding: 18px 20px;
  border-radius: 16px; }
.game-offer__description .pp-pros,
.catalog__description .pp-pros { background: #F3FBF4; border: 2px solid #CDEBD3; }
.game-offer__description .pp-cons,
.catalog__description .pp-cons { background: #FDF1F1; border: 2px solid #F3CFCF; }
.game-offer__description .pp-pros > b,
.game-offer__description .pp-cons > b,
.catalog__description .pp-pros > b,
.catalog__description .pp-cons > b { display: block; margin-bottom: 8px; font-size: 16px; }
.game-offer__description .pp-cons > b,
.catalog__description .pp-cons > b { color: #C23B3B; }
.game-offer__description .pp-pros ul,
.game-offer__description .pp-cons ul,
.catalog__description .pp-pros ul,
.catalog__description .pp-cons ul { margin: 0; }
.game-offer__description .pp-pros li::before,
.catalog__description .pp-pros li::before { content: "+"; color: #1F9E4A; font-weight: 700; }
.game-offer__description .pp-cons li::before,
.catalog__description .pp-cons li::before { content: "\2212"; color: #C23B3B; font-weight: 700; }

/* ---------- comparison table with a header row ---------- */
.game-offer__description table.pp-compare th,
.catalog__description table.pp-compare th {
  padding: 12px 16px;
  background: linear-gradient(90deg, #3FB950, #1F9E4A);
  color: #fff;
  font-weight: 700;
  text-align: left;
  vertical-align: middle; }
.game-offer__description table.pp-compare td:first-child,
.catalog__description table.pp-compare td:first-child { width: auto; font-weight: 700; }
.game-offer__description table.pp-compare tr:nth-child(even) td,
.catalog__description table.pp-compare tr:nth-child(even) td { background: #FCFBF8; }
.game-offer__description table.pp-compare tr:nth-child(even) td:first-child,
.catalog__description table.pp-compare tr:nth-child(even) td:first-child { background: #F7F5F0; }

/* ---------- rating bars ---------- */
.game-offer__description .pp-rating,
.catalog__description .pp-rating {
  margin: 24px 0;
  padding: 18px 22px;
  background: #FFFFFF;
  border: 2px solid #F0EBE0;
  border-radius: 16px; }
.game-offer__description .pp-rating__row,
.catalog__description .pp-rating__row {
  display: grid;
  grid-template-columns: 38% 1fr 46px;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 15px;
  color: #3a3f45; }
.game-offer__description .pp-rating__bar,
.catalog__description .pp-rating__bar {
  display: block;
  height: 10px;
  background: #F0EBE0;
  border-radius: 6px;
  overflow: hidden; }
.game-offer__description .pp-rating__bar i,
.catalog__description .pp-rating__bar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #3FB950, #1F9E4A);
  border-radius: 6px; }
.game-offer__description .pp-rating__val,
.catalog__description .pp-rating__val { font-weight: 700; color: #2A2E33; text-align: right; }

/* ---------- key takeaway box ---------- */
.game-offer__description .pp-summary,
.catalog__description .pp-summary {
  margin: 0 0 26px;
  padding: 20px 24px;
  background: linear-gradient(135deg, #F3FBF4 0%, #EEF5FE 100%);
  border-radius: 18px;
  border: 1px solid #DCEBE0; }
.game-offer__description .pp-summary > b,
.catalog__description .pp-summary > b {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #1F9E4A; }
.game-offer__description .pp-summary ul,
.catalog__description .pp-summary ul { margin: 0; }

/* ---------- mobile ---------- */
@media (max-width: 767px) {
  .game-offer__description .pp-tiles,
  .catalog__description .pp-tiles,
  .game-offer__description .pp-tiles.pp-tiles--2,
  .catalog__description .pp-tiles.pp-tiles--2,
  .game-offer__description .pp-proscons,
  .catalog__description .pp-proscons { grid-template-columns: 1fr; }
  .game-offer__description .pp-rating__row,
  .catalog__description .pp-rating__row { grid-template-columns: 1fr 46px; }
  .game-offer__description .pp-rating__row .pp-rating__bar,
  .catalog__description .pp-rating__row .pp-rating__bar { grid-column: 1 / -1; grid-row: 2; }
  .game-offer__description table,
  .catalog__description table { display: block; overflow-x: auto; }
}

/* H1 above the game: keep space from the top edge when no ad block is shown above it */
.game-offer > .block-title:first-child {
  padding-top: 24px; }
@media (max-width: 767px) {
  .game-offer > .block-title:first-child { padding-top: 16px; }
}

/* =========================================================
   Page H1: 32px on all templates
   ========================================================= */
.content .main .block-title h1 {
	font-size: 32px !important; }
@media (max-width: 767px) {
	.content .main .block-title h1 {
		font-size: 24px !important; }
}


/* =========================================================================
   NIGHT DRIVE — dark theme v3, "City Dusk Pop" palette
   Visual overrides only: colors, backgrounds, borders, radii, fonts, hovers.
   Widths, grids and spacing of the original layout are kept.
   ========================================================================= */
:root {
	--nd-bg: #121927;
	--nd-bg-2: #182133;
	--nd-panel: #1A2335;
	--nd-surface: #222D42;
	--nd-surface-2: #29364E;
	--nd-line: rgba(255,255,255,.08);
	--nd-line-2: rgba(255,255,255,.13);
	--nd-title: #F4F6FB;
	--nd-text: #C9D0E0;
	--nd-muted: #8E9AB3;
	--nd-taxi-1: #FF6B9A;
	--nd-taxi-2: #B57BFF;
	--nd-taxi: #FF85AE;
	--nd-beam: #3DD6C6;
	--nd-green: #3EDB86;
	--nd-red: #FF6B78;
	--nd-violet: #C26BFF;
	--nd-head: 'Fredoka', 'Stolzl', sans-serif;
	--nd-body: 'Nunito', 'Stolzl', system-ui, sans-serif;
}

/* ---------- base ---------- */
body {
	font-family: var(--nd-body);
	letter-spacing: 0;
	color: var(--nd-text);
	background: var(--nd-bg); }
h1, .h1, h2, .h2, h3, .h3 { color: var(--nd-title); letter-spacing: -0.01em; }
h1, .h1, h2, .h2 { font-family: var(--nd-head); }
::selection { background: rgba(255,107,154,.35); color: #fff; }
a { transition: color .2s ease; }

/* ---------- header ---------- */
.header__content {
	background: var(--nd-panel);
	border: 1px solid var(--nd-line);
	box-shadow: 0 12px 32px rgba(0,0,0,.28); }
.header .logo img { filter: saturate(.88) brightness(.94); }

/* search: neutral grey, no accent */
.header .search input {
	height: 38px;
	padding: 0 14px 0 40px;
	background-position: 14px center;
	font-size: 13px;
	border-radius: 10px;
	background-color: #1C2639;
	border: 1px solid var(--nd-line);
	color: #D7DCEA;
	font-family: var(--nd-body);
	transition: border-color .2s ease, background-color .2s ease; }
.header .search input:focus { border-color: var(--nd-line-2); background-color: #1F2A40; }
.header .search input::placeholder { color: #6F7890; }
.btn-search {
	width: auto;
	height: 38px;
	padding: 0 16px;
	border-radius: 10px;
	background: #26324A;
	border: 1px solid var(--nd-line);
	box-shadow: none;
	transition: background .2s ease, border-color .2s ease; }
.btn-search span { color: #AEB6C9; font-family: var(--nd-body); font-weight: 600; font-size: 13px; }
.btn-search:hover { background: #2B3852; border-color: var(--nd-line-2); box-shadow: none; }
.btn-menu { background: #26324A; border: 1px solid var(--nd-line); }

.header .menu ul li a {
	color: var(--nd-title);
	font-family: var(--nd-body);
	font-weight: 600;
	font-size: 15px; }
.header .menu .dropdown_first { background: var(--nd-surface); border: 1px solid var(--nd-line); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.header .menu .dropdown_first::before { display: none; }
.header .menu .dropdown_first li a { color: var(--nd-text); }
.header .menu .dropdown_first li a:hover { color: var(--nd-title); background: rgba(255,255,255,.04); }

/* ---------- main white box -> dark surface ---------- */
.content {
	background: var(--nd-panel);
	border: 1px solid var(--nd-line);
	box-shadow: 0 12px 32px rgba(0,0,0,.28);
	border-radius: 28px; }
.main .block-title, .block-title { color: var(--nd-title); }
.block-title h1 { font-family: var(--nd-head); font-weight: 700; color: var(--nd-title); }
.block-title span {
	font-family: var(--nd-head);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--nd-title); }
.breadcrumbs, .breadcrumbs a, .breadcrumbs span { color: var(--nd-muted); font-size: 13px; }
.breadcrumbs a:hover { color: var(--nd-taxi); }

/* ---------- sidebar ---------- */
.character-games,
.character-guides {
	background: var(--nd-surface);
	border: 1px solid var(--nd-line);
	border-radius: 22px;
	box-shadow: none; }
.character-games .block-title,
.character-guides .block-title {
	font-family: var(--nd-head);
	font-weight: 600;
	font-size: 16px;
	color: var(--nd-title); }
.character-games__list,
.character-guides .character-games__list {
	background: transparent;
	padding: 0; }
.character-games__list ul li img {
	border-radius: 14px;
	border: 1px solid var(--nd-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.character-games__list ul li a:hover img {
	transform: translateY(-3px);
	border-color: rgba(255,107,154,.55);
	box-shadow: 0 12px 28px rgba(255,107,154,.25); }
.character-name {
	background: linear-gradient(transparent, rgba(5,8,15,.92));
	border-radius: 0 0 14px 14px; }
.character-games__list li a:hover .character-name { background: linear-gradient(transparent, rgba(5,8,15,.92)); }
.character-name h5 { font-family: var(--nd-body); font-weight: 600; letter-spacing: 0; }
/* guides list */
.character-guides .character-games__list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--nd-line);
	padding: 11px 2px; }
.character-guides .character-games__list li a::after {
	content: "\2192";
	color: var(--nd-beam);
	transition: transform .2s ease, color .2s ease; }
.character-guides .character-games__list li a:hover::after { transform: translateX(4px); color: var(--nd-taxi); }
.character-guides .character-name h5 {
	color: #D7DCEA !important;
	font-size: 14px;
	font-weight: 500; }
.character-guides .character-games__list li a:hover .character-name h5 { color: var(--nd-taxi) !important; }

/* ---------- game cards ---------- */
.game-card {
	background: var(--nd-surface);
	border: 1px solid var(--nd-line);
	box-shadow: none;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.game-card:hover {
	transform: translateY(-4px);
	border-color: rgba(255,107,154,.55);
	box-shadow: 0 14px 34px rgba(255,107,154,.25); }
.game-card .thumb img { border-radius: 12px; }
.game-card .name { color: var(--nd-title); font-family: var(--nd-body); font-weight: 600; }
.game-card .rate { background: linear-gradient(135deg, var(--nd-taxi-1), var(--nd-taxi-2)); box-shadow: 0 6px 14px rgba(255,107,154,.35); }

/* ---------- player ---------- */
.game-offer__window {
	background: #0F1522;
	border: 1px solid rgba(255,255,255,.16);
	box-shadow: 0 18px 44px rgba(0,0,0,.35); }
.player-overlay {
	isolation: isolate;
	overflow: hidden;
	background:
		radial-gradient(520px 280px at 50% 55%, rgba(255,107,154,.20), transparent 70%),
		linear-gradient(180deg, #16213A, #121927);
	animation: none; }
.player-overlay-image img {
	border: 1px solid var(--nd-line-2);
	border-radius: 24px;
	box-shadow: 0 18px 50px rgba(0,0,0,.5); }
.player-overlay-name, .player-overlay .player-overlay-name { font-family: var(--nd-head); color: var(--nd-title); }
/* blurred game cover behind the start screen: reuses the image already on the page, no extra request */
.player-overlay::before {
	content: "";
	position: absolute;
	inset: -40px;
	z-index: -1;
	background: var(--cover, none) center / cover no-repeat;
	filter: blur(32px) saturate(1.1);
	opacity: .55; }
.player-overlay::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(ellipse at center, rgba(15,21,34,.30), rgba(15,21,34,.85)); }
#js-player-start {
	background: rgba(15,21,34,.72);
	color: var(--nd-taxi);
	border: 1px solid rgba(255,107,154,.55);
	border-radius: 14px;
	font-family: var(--nd-head);
	font-weight: 600;
	font-size: 17px;
	letter-spacing: .03em;
	box-shadow: 0 10px 28px rgba(0,0,0,.35);
	transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
#js-player-start:hover {
	background: var(--nd-taxi);
	color: #2A0E1C;
	border-color: var(--nd-taxi);
	transform: translateY(-2px); }
#js-player-start svg path, #js-player-start svg { fill: currentColor; }
.game-offer__window__top .ratings { background: rgba(255,107,154,.14); border: 1px solid rgba(255,107,154,.35); box-shadow: none; border-radius: 12px; }
.game-offer__window__top .views { background: rgba(255,255,255,.06); border: 1px solid var(--nd-line-2); box-shadow: none; }
.game-offer__window__top .views span,
.game-offer__window__top .ratings .star-num { color: var(--nd-title); }
.game-offer__window__bottom .links a { border: 1px solid var(--nd-line-2); background: rgba(255,255,255,.05); }
.game-offer__window__bottom .links a:hover { border-color: rgba(255,107,154,.55); }
.btn-fullscreen { background: #26324A; border: 1px solid var(--nd-line-2); }

/* ---------- text blocks ---------- */
.game-offer__description,
.catalog__description,
.description {
	background: var(--nd-surface);
	border: 1px solid var(--nd-line);
	box-shadow: none;
	border-radius: 24px;
	color: var(--nd-text); }
.game-offer__description p,
.catalog__description p,
.game-offer__description li,
.catalog__description li {
	font-family: var(--nd-body);
	font-size: 16px;
	line-height: 1.75;
	color: var(--nd-text); }
.game-offer__description ul,
.catalog__description ul,
.game-offer__description ol,
.catalog__description ol { font-family: var(--nd-body); color: var(--nd-text); }
.game-offer__description h2,
.catalog__description h2 {
	font-family: var(--nd-head);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.3;
	color: var(--nd-title);
	border-bottom: 0;
	padding-bottom: 0; }
.game-offer__description h3,
.catalog__description h3 { font-family: var(--nd-head); font-weight: 600; font-size: 17px; color: var(--nd-title); }
.game-offer__description b, .game-offer__description strong,
.catalog__description b, .catalog__description strong { color: var(--nd-title); }
.game-offer__description a,
.catalog__description a { color: var(--nd-beam); }
.game-offer__description a:hover,
.catalog__description a:hover { color: var(--nd-taxi); text-decoration: none; }
.game-offer__description li::before,
.catalog__description li::before { color: var(--nd-taxi); }

/* tables */
.game-offer__description table,
.catalog__description table {
	border: 1px solid var(--nd-line-2);
	box-shadow: none;
	background: transparent; }
.game-offer__description table td,
.catalog__description table td { border-bottom: 1px solid var(--nd-line); color: var(--nd-text); }
.game-offer__description table tr td:first-child,
.catalog__description table tr td:first-child { background: rgba(255,255,255,.03); color: var(--nd-title); }
.game-offer__description table tr td:first-child b,
.catalog__description table tr td:first-child b { color: var(--nd-title); }
.game-offer__description table.pp-compare th,
.catalog__description table.pp-compare th {
	background: linear-gradient(90deg, rgba(255,107,154,.16), rgba(255,107,154,.10));
	color: #FFC2D6;
	font-family: var(--nd-body); }
.game-offer__description table.pp-compare tr:nth-child(even) td,
.catalog__description table.pp-compare tr:nth-child(even) td { background: rgba(255,255,255,.02); }
.game-offer__description table.pp-compare tr:nth-child(even) td:first-child,
.catalog__description table.pp-compare tr:nth-child(even) td:first-child { background: rgba(255,255,255,.04); }

/* numbered lists and steps */
.game-offer__description ol > li::before,
.catalog__description ol > li::before { background: linear-gradient(135deg, var(--nd-taxi-1), var(--nd-taxi-2)); color: #2A0E1C; }
.game-offer__description ol.pp-steps > li,
.catalog__description ol.pp-steps > li { background: var(--nd-surface-2); border: 1px solid var(--nd-line); }
.game-offer__description ol.pp-steps > li::before,
.catalog__description ol.pp-steps > li::before { border-radius: 10px; font-family: var(--nd-head); }
.game-offer__description ol.pp-steps > li b,
.catalog__description ol.pp-steps > li b { color: var(--nd-title); }

/* checklist */
.game-offer__description ul.pp-check,
.catalog__description ul.pp-check { background: var(--nd-surface-2); border: 1px solid var(--nd-line); }
.game-offer__description ul.pp-check li,
.catalog__description ul.pp-check li { color: #D7DCEA; }
.game-offer__description ul.pp-check li::before,
.catalog__description ul.pp-check li::before { background: var(--nd-green); color: #08130C; }

/* callouts */
.game-offer__description .pp-tip,
.catalog__description .pp-tip { background: rgba(62,219,134,.07); border: 1px solid rgba(62,219,134,.30); }
.game-offer__description .pp-warn,
.catalog__description .pp-warn { background: rgba(255,140,40,.08); border: 1px solid rgba(255,140,40,.35); }
.game-offer__description .pp-note,
.catalog__description .pp-note { background: rgba(61,214,198,.07); border: 1px solid rgba(61,214,198,.30); }
.game-offer__description .pp-tip::before,
.catalog__description .pp-tip::before { background: var(--nd-green); color: #08130C; }
.game-offer__description .pp-warn::before,
.catalog__description .pp-warn::before { background: #FF8C28; color: #2A0E1C; }
.game-offer__description .pp-note::before,
.catalog__description .pp-note::before { background: var(--nd-beam); color: #06121F; }
.game-offer__description .pp-tip b,
.catalog__description .pp-tip b { color: #6BE29B; }
.game-offer__description .pp-warn b,
.catalog__description .pp-warn b { color: #FFB36B; }
.game-offer__description .pp-note b,
.catalog__description .pp-note b { color: #6FE0D4; }

/* tiles */
.game-offer__description .pp-tile,
.catalog__description .pp-tile {
	background: var(--nd-surface-2);
	border: 1px solid var(--nd-line);
	border-top: 3px solid var(--nd-taxi);
	box-shadow: none;
	transition: transform .2s ease, border-color .2s ease; }
.game-offer__description .pp-tile:nth-child(n),
.catalog__description .pp-tile:nth-child(n) { border-top: 1px solid var(--nd-line); }
.game-offer__description .pp-tile:hover,
.catalog__description .pp-tile:hover { transform: translateY(-2px); border-color: rgba(255,107,154,.35); }
.game-offer__description .pp-tile b,
.catalog__description .pp-tile b { color: var(--nd-taxi); }
.game-offer__description .pp-tile p,
.catalog__description .pp-tile p { color: var(--nd-text); font-size: 14px; line-height: 1.6; }

/* pros & cons */
.game-offer__description .pp-pros,
.catalog__description .pp-pros { background: rgba(62,219,134,.06); border: 1px solid rgba(62,219,134,.28); }
.game-offer__description .pp-cons,
.catalog__description .pp-cons { background: rgba(255,107,120,.06); border: 1px solid rgba(255,107,120,.28); }
.game-offer__description .pp-pros > b,
.catalog__description .pp-pros > b { color: #6BE29B; }
.game-offer__description .pp-cons > b,
.catalog__description .pp-cons > b { color: #FF8A8E; }
.game-offer__description .pp-pros li::before,
.catalog__description .pp-pros li::before { color: var(--nd-green); }
.game-offer__description .pp-cons li::before,
.catalog__description .pp-cons li::before { color: var(--nd-red); }

/* rating bars */
.game-offer__description .pp-rating,
.catalog__description .pp-rating { background: var(--nd-surface-2); border: 1px solid var(--nd-line); }
.game-offer__description .pp-rating__row,
.catalog__description .pp-rating__row { color: var(--nd-text); }
.game-offer__description .pp-rating__bar,
.catalog__description .pp-rating__bar { background: rgba(255,255,255,.07); }
.game-offer__description .pp-rating__bar i,
.catalog__description .pp-rating__bar i { background: linear-gradient(90deg, var(--nd-taxi-1), var(--nd-taxi-2)); }
.game-offer__description .pp-rating__val,
.catalog__description .pp-rating__val { color: var(--nd-title); }

/* summary box */
.game-offer__description .pp-summary,
.catalog__description .pp-summary {
	background: linear-gradient(135deg, rgba(255,107,154,.08), rgba(61,214,198,.07));
	border: 1px solid rgba(255,107,154,.22); }
.game-offer__description .pp-summary > b,
.catalog__description .pp-summary > b { color: var(--nd-taxi-1); font-family: var(--nd-head); font-size: 12px; letter-spacing: .08em; }

/* quotes, controls, faq */
.game-offer__description .pp-quote,
.catalog__description .pp-quote { background: var(--nd-surface-2); color: var(--nd-text); box-shadow: none; }
.game-offer__description .pp-controls,
.catalog__description .pp-controls { background: var(--nd-surface-2); border: 1px solid var(--nd-line); }
.game-offer__description .pp-controls li,
.catalog__description .pp-controls li { border-bottom-color: var(--nd-line); color: var(--nd-text); }
.game-offer__description .pp-controls li b,
.catalog__description .pp-controls li b { background: #16202F; border-color: var(--nd-line-2); color: var(--nd-title); }
.game-offer__description .pp-faq-item,
.catalog__description .pp-faq-item { background: var(--nd-surface-2); border: 1px solid var(--nd-line); }
.game-offer__description .pp-faq-item h3,
.catalog__description .pp-faq-item h3 { color: var(--nd-title); }
.game-offer__description .pp-faq-item h3::before,
.catalog__description .pp-faq-item h3::before { background: var(--nd-beam); color: #06121F; }

/* ---------- hubs ---------- */
.hub .block-title h1 { color: var(--nd-title); }
.hub-card, .hub-cat {
	background: var(--nd-surface);
	border: 1px solid var(--nd-line);
	box-shadow: none; }
.hub-card:hover, .hub-cat:hover {
	border-color: rgba(255,107,154,.45);
	box-shadow: 0 14px 34px rgba(255,107,154,.16); }
.hub-card__title, .hub-cat__title { font-family: var(--nd-head); font-weight: 600; }
.hub-card__title a, .hub-cat__title a { color: var(--nd-title); }
.hub-card__title a:hover, .hub-cat__title a:hover { color: var(--nd-taxi); }
.hub-card__text, .hub-cat__text { color: var(--nd-text); }
.hub-card__more { color: var(--nd-beam); }
.hub-card__more:hover { color: var(--nd-taxi); }
.hub-cat__count { background: rgba(255,255,255,.05); border-color: var(--nd-line-2); color: var(--nd-muted); }
.hub-games a { color: var(--nd-title); }
.hub-games img { border: 1px solid var(--nd-line); }
.hub-games a:hover span { color: var(--nd-taxi); }
.hub-cat__more {
	background: linear-gradient(135deg, var(--nd-taxi-1), var(--nd-taxi-2));
	box-shadow: none;
	color: #2A0E1C;
	font-weight: 700; }
.hub-cat__more:hover { color: #2A0E1C; box-shadow: 0 10px 26px rgba(255,107,154,.35); }

/* ---------- pagination ---------- */
.pagination li a, .pagination li span { background: var(--nd-surface); border: 1px solid var(--nd-line); color: var(--nd-text); }
.pagination li a:hover { border-color: rgba(255,107,154,.55); color: var(--nd-title); }

/* ---------- comments (Site Reviews) ---------- */
.block_review, .reviews, .reviews_body, .reviews_form { background: transparent; color: var(--nd-text); }
.reviews h3 { font-family: var(--nd-head); color: var(--nd-title); }
.reviews input[type="text"],
.reviews input[type="email"],
.reviews textarea,
.reviews select {
	background: #1C2639 !important;
	border: 1px solid var(--nd-line-2) !important;
	border-radius: 12px !important;
	color: var(--nd-title) !important; }
.reviews input::placeholder, .reviews textarea::placeholder { color: #6F7890; }
.reviews button, .reviews input[type="submit"], .reviews .glsr-button {
	background: linear-gradient(135deg, var(--nd-taxi-1), var(--nd-taxi-2)) !important;
	color: #2A0E1C !important;
	border: 0 !important;
	border-radius: 12px !important;
	font-weight: 700 !important; }
.reviews label, .reviews .glsr-review, .reviews p { color: var(--nd-text); }

/* ---------- ad label ---------- */
.game-banner { background: rgba(255,255,255,.02); border: 1px solid var(--nd-line); }
.game-banner > div:first-child,
.character-games:not(.character-guides) + div:not(.character-guides):not(.game-banner):not(:empty) { background: #2B3852; color: var(--nd-muted); }

/* ---------- footer ---------- */
.footer__content {
	background: var(--nd-panel);
	border: 1px solid var(--nd-line);
	box-shadow: 0 12px 32px rgba(0,0,0,.28); }
.footer .privacy a { color: var(--nd-text); font-family: var(--nd-body); }
.footer .privacy a:hover { color: var(--nd-taxi); }

/* ---------- mobile ---------- */
@media (max-width: 767px) {
	.game-offer__description p,
	.catalog__description p,
	.game-offer__description li,
	.catalog__description li { font-size: 15px; }
	.block-title span { font-size: 19px; }
}


/* ---------- menu buttons (Appearance > Menus > CSS Classes) ----------
   Games nd-pink, Guides nd-sky, Sister nd-coral, Courses nd-teal, News nd-violet */
.header .menu ul li.nd-pink   { --nd-c: 255,107,154; }  /* #FF6B9A */
.header .menu ul li.nd-sky    { --nd-c: 79,163,255; }   /* #4FA3FF */
.header .menu ul li.nd-coral  { --nd-c: 255,138,115; }  /* #FF8A73 */
.header .menu ul li.nd-teal   { --nd-c: 46,196,182; }   /* #2EC4B6 */
.header .menu ul li.nd-violet { --nd-c: 199,125,255; }  /* #C77DFF */
.header .menu ul li.nd-pink,
.header .menu ul li.nd-sky,
.header .menu ul li.nd-coral,
.header .menu ul li.nd-teal,
.header .menu ul li.nd-violet {
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(var(--nd-c),.13), rgba(var(--nd-c),.04)), #1F2A40;
	border: 1px solid rgba(var(--nd-c),.40);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .35s cubic-bezier(.34,1.56,.64,1); }
.header .menu ul li.nd-pink a,
.header .menu ul li.nd-sky a,
.header .menu ul li.nd-coral a,
.header .menu ul li.nd-teal a,
.header .menu ul li.nd-violet a { color: #E9EDF5; font-family: var(--nd-head); font-weight: 600; font-size: 16px; }
.header .menu ul li.nd-pink a img,
.header .menu ul li.nd-sky a img,
.header .menu ul li.nd-coral a img,
.header .menu ul li.nd-teal a img,
.header .menu ul li.nd-violet a img { width: 24px; height: 24px; margin-right: 8px; }
.header .menu ul li.nd-pink:hover,
.header .menu ul li.nd-sky:hover,
.header .menu ul li.nd-coral:hover,
.header .menu ul li.nd-teal:hover,
.header .menu ul li.nd-violet:hover,
.header .menu ul li.current-menu-item[class*="nd-"],
.header .menu ul li.current-menu-ancestor[class*="nd-"],
.header .menu ul li.current_page_item[class*="nd-"],
.header .menu ul li.current_page_parent[class*="nd-"] {
	background: linear-gradient(180deg, rgba(var(--nd-c),.22), rgba(var(--nd-c),.08)), #1F2A40;
	border-color: rgba(var(--nd-c),.70);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(var(--nd-c),.14);
	transform: translateY(-3px); }


/* =========================================================================
   v3 playful layer: lighter mood, rounder shapes, a little motion
   (transform/opacity animations only; disabled for reduced motion)
   ========================================================================= */
body {
	background:
		radial-gradient(rgba(255,255,255,.035) 1px, transparent 1.5px) 0 0 / 22px 22px,
		var(--nd-bg); }
/* glows sit on a fixed layer: no seams or repeats while scrolling */
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(700px 420px at 6% 0%, rgba(255,107,154,.10), transparent 70%),
		radial-gradient(700px 420px at 96% 12%, rgba(61,214,198,.09), transparent 70%); }

/* headings: rounded, friendly */
h1, .h1, h2, .h2, h3, .h3,
.block-title h1, .block-title span,
.character-games .block-title, .character-guides .block-title,
.game-offer__description h2, .catalog__description h2,
.game-offer__description h3, .catalog__description h3,
.hub-card__title, .hub-cat__title { font-family: var(--nd-head); letter-spacing: 0; }
.block-title h1 { font-weight: 700; }
.game-offer__description p, .catalog__description p,
.game-offer__description li, .catalog__description li { font-size: 16.5px; }



/* rounder, bouncier cards */
.game-card { border-radius: 20px; }
.game-card:hover { transform: translateY(-4px) rotate(-1.2deg); }
.game-card:nth-child(even):hover { transform: translateY(-4px) rotate(1.2deg); }
.character-games__list ul li a:hover img { transform: translateY(-3px) rotate(-1.5deg); }
.pp-tile, .catalog__description .pp-tile, .game-offer__description .pp-tile { border-radius: 18px; }

/* game field: coloured ring so the player stands out */
.game-offer__window {
	border: 0;
	border-radius: 22px;
	box-shadow: 0 0 0 1px rgba(255,133,174,.32), 0 0 0 6px rgba(181,123,255,.05), 0 20px 50px rgba(0,0,0,.40); }
.player-overlay { border-radius: 22px; }

/* Play: pill button with a soft pulsing ring */
#js-player-start {
	position: relative;
	border-radius: 999px;
	background: linear-gradient(135deg, #E9799C, #A88AE6);
	border: 0;
	color: #ffffff;
	font-weight: 700;
	font-size: 19px;
	letter-spacing: .02em;
	text-shadow: 0 1px 2px rgba(0,0,0,.25);
	box-shadow: 0 8px 20px rgba(0,0,0,.28); }
#js-player-start::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	border: 1.5px solid rgba(233,121,156,.45);
	animation: nd-pulse 3s ease-out infinite;
	pointer-events: none; }
#js-player-start:hover {
	background: linear-gradient(135deg, #F086A8, #B498EE);
	color: #ffffff;
	transform: translateY(-2px) scale(1.03); }
@keyframes nd-pulse {
	0%   { transform: scale(1);    opacity: .6; }
	55%  { transform: scale(1.14); opacity: 0; }
	100% { transform: scale(1.14); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	#js-player-start::after { animation: none; }
	.game-card:hover, .game-card:nth-child(even):hover,
	.character-games__list ul li a:hover img { transform: translateY(-3px); }
}

/* sidebar: lighter card with a visible edge, separated from the content panel */
.character-games,
.character-guides {
	background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 140px), #283550;
	border: 1px solid rgba(255,255,255,.14);
	box-shadow: 0 10px 28px rgba(0,0,0,.30); }


/* =========================================================================
   v4 refinement: calmer surfaces, one radius scale (12 / 16 / 24),
   playful details instead of loud colour (text styles stay as in v3)
   ========================================================================= */
:root {
	--nd-r-s: 12px;
	--nd-r-m: 16px;
	--nd-r-l: 24px;
	--nd-soft: rgba(255,255,255,.035);
	--nd-soft-2: rgba(255,255,255,.06);
	--nd-spring: cubic-bezier(.34,1.56,.64,1);
}

/* ---------- radius scale ---------- */
.header__content, .content, .footer__content,
.character-games, .character-guides,
.game-offer__window, .player-overlay { border-radius: var(--nd-r-l); }
.header .menu ul li, .game-card,
.game-banner { border-radius: var(--nd-r-m); }
.game-card .thumb img, .character-games__list ul li img,
.game-offer__window__top .ratings { border-radius: var(--nd-r-s); }
.character-name { border-radius: 0 0 var(--nd-r-s) var(--nd-r-s); }

/* ---------- text sits directly on the content panel ---------- */
.game-offer__description,
.catalog__description,
.description {
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 8px 6px 0; }

/* ---------- game cards: tone instead of outlines ---------- */
.game-card {
	background: var(--nd-soft);
	border: 0;
	box-shadow: none;
	transition: transform .35s var(--nd-spring), background .2s ease, box-shadow .2s ease; }
.game-card:hover {
	background: var(--nd-soft-2);
	box-shadow: 0 14px 30px rgba(0,0,0,.30); }
.game-card .rate { background: #2E3A54; box-shadow: none; }
.game-card .rate span { color: var(--nd-title); }
.character-games__list ul li img { border-color: transparent; }
.character-games__list ul li a:hover img { border-color: transparent; box-shadow: 0 12px 26px rgba(0,0,0,.35); }

/* ---------- sticker icons on section titles (inline SVG, no requests) ---------- */
.block-title span::before,
.character-games .block-title::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -3px 10px 0 0;
	vertical-align: middle;
	background: no-repeat center / contain; }
/* steering wheel: Recently Added / Related */
.block-title span::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF85AE' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M3.5 10.5h6M14.5 10.5h6M12 14.5V21'/%3E%3C/svg%3E"); }
/* flame: Trending Now */
.character-games:not(.character-guides) .block-title::before {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF85AE' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3c1 3 5 5 5 10a5 5 0 0 1-10 0c0-2 1-3.5 2-4.5 0 2 1 3 2 3 0-3-1-5 1-8.5z'/%3E%3C/svg%3E"); }
/* speech bubble: Guides */
.character-guides .block-title::before {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233DD6C6' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H10l-5 4v-4H4z'/%3E%3C/svg%3E"); }

/* ---------- springy buttons ---------- */
#js-player-start {
	background: linear-gradient(115deg, #E9799C, #A88AE6, #6FC9D6, #A88AE6, #E9799C);
	background-size: 300% 100%;
	animation: nd-shimmer 10s ease-in-out infinite;
	transition: transform .35s var(--nd-spring), filter .2s ease; }
#js-player-start:hover {
	background: linear-gradient(115deg, #E9799C, #A88AE6, #6FC9D6, #A88AE6, #E9799C);
	background-size: 300% 100%;
	filter: brightness(1.08); }
@keyframes nd-shimmer {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
#js-player-start:active { transform: scale(.96); }

/* ---------- page structure: darker page, lifted panels ---------- */
:root { --nd-bg: #0B0F18; }
.header__content, .content, .footer__content {
	background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 220px), #1B2437;
	border: 1px solid rgba(255,255,255,.11);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 44px rgba(0,0,0,.50); }

/* ---------- sidebar thumbnails centred on their card ---------- */
.character-games:not(.character-guides) .character-games__list ul { justify-content: center; }

/* ---------- H1 on inner templates: same offset as on the home page ---------- */
.content .main > .block-title:first-child { padding-top: 16px; }
/* breadcrumbs above H1: take over the top offset */
.content .main > .breadcrumbs:first-child { padding-top: 16px; margin-bottom: 10px; }

/* ---------- space between game card grids and the text below ---------- */
.similiar-games, .game-offer > .catalog, .main > .catalog { margin-bottom: 36px; }

/* ---------- breadcrumbs: no list bullets ---------- */
.breadcrumbs li,
.game-offer__description .breadcrumbs li,
.catalog__description .breadcrumbs li { padding-left: 7px; margin-bottom: 0; }
.breadcrumbs li:first-child,
.game-offer__description .breadcrumbs li:first-child,
.catalog__description .breadcrumbs li:first-child { padding-left: 0; }
.breadcrumbs li::before,
.game-offer__description .breadcrumbs li::before,
.catalog__description .breadcrumbs li::before { content: none; display: none; }

/* ---------- full-width image inside article text (overrides the theme's left float) ---------- */
.game-offer__description .pp-hero, .catalog__description .pp-hero { margin: 24px 0 28px; }
.game-offer__description .pp-hero img, .catalog__description .pp-hero img {
	float: none;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 16px;
	box-shadow: 0 14px 36px rgba(0,0,0,.35); }

@media (max-width: 767px) {
	.game-offer__description, .catalog__description, .description { padding: 4px 2px 0; }
}
@media (prefers-reduced-motion: reduce) {
	.game-card, .header .menu ul li, #js-player-start { transition: none; }
	#js-player-start { animation: none; }
}

/* ---------- mobile header: full-width search, Menu button in the site style ---------- */
@media (max-width: 767px) {
	.header .search { width: 100%; }
	.header .search .search-container { width: 100%; gap: 8px; }
	.header .search .search-container input {
		flex: 1 1 auto;
		width: 100%;
		max-width: none;
		height: 44px;
		margin-right: 0;
		background-color: #1C2639;
		background-position: 14px center;
		border: 1px solid var(--nd-line);
		border-radius: 12px;
		color: #D7DCEA;
		font-size: 14px; }
	.header .search .search-container .btn-search { flex: none; height: 44px; border-radius: 12px; }
	.header .menu .btn-menu {
		height: 46px;
		border-radius: 16px;
		background: linear-gradient(180deg, rgba(255,107,154,.16), rgba(255,107,154,.05)), #1F2A40;
		border: 1px solid rgba(255,107,154,.45);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
		transition: background .2s ease, border-color .2s ease; }
	.header .menu .btn-menu .text { font-family: var(--nd-head); font-weight: 600; font-size: 16px; color: #E9EDF5; }
	.header .menu .btn-menu .hamburger span { background-color: #FF85AE; }
	.header .menu .btn-menu:hover,
	.header .menu.open .btn-menu {
		background: linear-gradient(180deg, rgba(255,107,154,.26), rgba(255,107,154,.09)), #1F2A40;
		border-color: rgba(255,107,154,.75); }
}