/* ==================== GR-REDESIGN-START ====================
   Новый дизайн, слой 1: страница игры.
   Откат: удалить всё между GR-REDESIGN-START и GR-REDESIGN-END.
   ============================================================ */
:root{
  --gr-bg:#F3F5FA; --gr-card:#FFFFFF; --gr-soft:#F8FAFD;
  --gr-line:#E3E8F1; --gr-line2:#D3DAE7;
  --gr-ink:#0F1420; --gr-ink2:#586179; --gr-ink3:#8B94A8;
  --gr-red:#FF4438; --gr-red-d:#E32C20; --gr-blue:#2C6BFF;
  --gr-green:#00BE5F; --gr-amber:#FFB020; --gr-dark:#0E1119;
  --gr-r:16px;
  --gr-sh-s:0 1px 2px rgba(16,24,40,.05);
  --gr-sh:0 2px 6px rgba(16,24,40,.06),0 14px 34px rgba(16,24,40,.07);
  --gr-sh-l:0 8px 20px rgba(16,24,40,.09),0 30px 70px rgba(16,24,40,.11);
}

/* ---------- фон страницы ---------- */
body.view-article,
body.view-article .body-innerwrapper,
body.view-article #sp-main-body{ background:var(--gr-bg); }
body.view-article #sp-main-body{ padding-top:22px; padding-bottom:44px; }

/* ---------- статья как белая карточка ---------- */
body.view-article #sp-component .article-details{
  background:var(--gr-card);
  border:1px solid var(--gr-line);
  border-radius:var(--gr-r);
  box-shadow:var(--gr-sh-s);
  padding:26px 28px 30px;
  margin-bottom:22px;
}
body.view-article #sp-component .article-details > *:last-child{ margin-bottom:0; }

/* ---------- заголовки ---------- */
body.view-article .article-header h1{
  font-size:30px; font-weight:800; line-height:1.18;
  letter-spacing:-.02em; color:var(--gr-ink); margin:0 0 6px;
  text-wrap:balance;
}
body.view-article .article-details h3{
  font-size:21px; font-weight:700; color:var(--gr-ink);
  letter-spacing:-.01em; line-height:1.3;
  margin:30px 0 14px; padding-left:14px; position:relative;
}
body.view-article .article-details h3::before{
  content:""; position:absolute; left:0; top:.18em; bottom:.18em;
  width:4px; border-radius:3px; background:var(--gr-red);
}
body.view-article .article-details p{ color:var(--gr-ink2); line-height:1.62; }
body.view-article .article-details a{ color:var(--gr-blue); font-weight:500; }
body.view-article .article-details a:hover{ color:var(--gr-red-d); }

/* ---------- окно эмулятора ---------- */
body.view-article #game{
  border-radius:14px; overflow:hidden; background:var(--gr-dark);
  box-shadow:var(--gr-sh-l);
}
body.view-article .gr-play-tools{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  margin:14px 0 4px; padding:13px 16px;
  background:var(--gr-soft); border:1px solid var(--gr-line);
  border-radius:12px;
}
body.view-article .gr-play-tools .gr-fs-btn{
  background:var(--gr-blue); color:#fff; border:0; border-radius:10px;
  padding:10px 16px; font-weight:600; font-size:14.5px; cursor:pointer;
  transition:transform .14s ease, box-shadow .18s ease, background .15s ease;
}
body.view-article .gr-play-tools .gr-fs-btn:hover{
  background:#1a57e8; transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(44,107,255,.3);
}
body.view-article .gr-play-tools .gr-save-hint{
  color:var(--gr-ink3); font-size:13.5px; line-height:1.45; flex:1 1 260px;
}

/* ---------- картинка раскладки клавиатуры ---------- */
body.view-article .article-details figure.image img{
  border-radius:12px; border:1px solid var(--gr-line);
  box-shadow:var(--gr-sh-s); width:100%; height:auto;
}

/* ---------- аккордеон ---------- */
body.view-article .acor-container{
  border:1px solid var(--gr-line); border-radius:14px;
  overflow:hidden; background:var(--gr-card); margin:26px 0;
  box-shadow:var(--gr-sh-s);
}
body.view-article .acor-container label{
  background:var(--gr-soft); border-bottom:1px solid var(--gr-line);
  padding:14px 18px; font-weight:600; font-size:15.5px; color:var(--gr-ink);
  transition:background .15s ease, color .15s ease;
}
body.view-article .acor-container label:hover{ background:#EFF3FA; color:var(--gr-red-d); }
body.view-article .acor-container input:checked + label{
  background:var(--gr-card); color:var(--gr-red-d);
  box-shadow:inset 3px 0 0 var(--gr-red);
}
body.view-article .acor-container .acor-body{ padding:6px 18px 4px; }
body.view-article .acor-container .acor-body p{ color:var(--gr-ink2); }

/* ---------- модули сайдбара ---------- */
body.view-article #sp-right .sp-module,
body.view-article #sp-left  .sp-module{
  background:var(--gr-card); border:1px solid var(--gr-line);
  border-radius:var(--gr-r); box-shadow:var(--gr-sh-s);
  padding:20px; margin-bottom:18px;
}
body.view-article #sp-right .sp-module .sp-module-title,
body.view-article #sp-left  .sp-module .sp-module-title{
  font-size:16px; font-weight:700; color:var(--gr-ink);
  margin:0 0 14px; padding:0; border:0;
}

/* ---------- теги ---------- */
body.view-article .tags a,
body.view-article #sp-right .tags a{
  display:inline-block; background:var(--gr-soft);
  border:1px solid var(--gr-line); border-radius:99px;
  padding:6px 13px; margin:0 5px 7px 0;
  font-size:13.5px; font-weight:500; color:var(--gr-ink2);
  transition:all .15s ease;
}
body.view-article .tags a:hover{
  background:var(--gr-card); border-color:var(--gr-red);
  color:var(--gr-red-d); box-shadow:var(--gr-sh-s);
}

/* ---------- комментарии ---------- */
body.view-article #jc{
  background:var(--gr-card); border:1px solid var(--gr-line);
  border-radius:var(--gr-r); box-shadow:var(--gr-sh-s);
  padding:24px 26px; margin-top:22px;
}
body.view-article #jc .rbox{
  border-color:var(--gr-line)!important; border-radius:12px!important;
  background:var(--gr-soft);
}

/* ---------- телефон ---------- */
@media (max-width:767px){
  body.view-article #sp-component .article-details{ padding:18px 16px 22px; border-radius:14px; }
  body.view-article .article-header h1{ font-size:23px; }
  body.view-article .article-details h3{ font-size:18.5px; margin:24px 0 12px; }
  body.view-article #jc{ padding:18px 16px; }
  body.view-article #sp-right .sp-module{ padding:16px; }
}

/* ---------- шапка статьи: обложка, мета, кнопки ---------- */
body.view-article .article-details figure.article-full-image{
  margin:0 24px 14px 0; max-width:min(46%,430px);
}
body.view-article .article-details figure.article-full-image img{
  width:100%; height:auto; display:block;
  border-radius:12px; border:1px solid var(--gr-line);
  box-shadow:var(--gr-sh); image-rendering:auto;
}

body.view-article ul.fields-container{
  display:flex; flex-wrap:wrap; gap:8px;
  list-style:none; padding:0; margin:14px 0 2px;
}
body.view-article ul.fields-container li.field-entry{
  background:var(--gr-soft); border:1px solid var(--gr-line);
  border-radius:10px; padding:8px 13px; font-size:13.5px; line-height:1.2;
  margin:0; list-style:none;
}
body.view-article .fields-container .field-label{ color:var(--gr-ink3); font-weight:500; }
body.view-article .fields-container .field-value{ color:var(--gr-ink); font-weight:600; }

/* три кнопки-якоря */
body.view-article .com-content-article__links .content-list{
  display:flex; flex-wrap:wrap; gap:10px;
  list-style:none; padding:0; margin:18px 0 4px;
}
body.view-article .com-content-article__links .content-list li,
body.view-article li.content-links-a, body.view-article li.content-links-b, body.view-article li.content-links-c{
  margin:0!important; padding:0!important; list-style:none;
  border:0!important; background:none!important;
}
body.view-article .com-content-article__links .content-list a{
  display:inline-flex; align-items:center; gap:9px;
  padding:11px 20px; border-radius:12px;
  font-weight:600; font-size:15px; text-decoration:none;
  border:1px solid transparent; line-height:1.2;
  transition:transform .14s ease, box-shadow .2s ease, background .15s ease, border-color .15s ease;
}
body.view-article .com-content-article__links .content-list a::before{
  content:""; width:17px; height:17px; flex:none;
  background:currentColor;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain; mask-size:contain;
}
/* Играть онлайн */
body.view-article .content-links-b a{ background:var(--gr-green); color:#fff!important; }
body.view-article .content-links-b a:hover{
  background:#00A952; color:#fff!important; transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,190,95,.32);
}
body.view-article .content-links-b a::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E");
}
/* Скачать */
body.view-article .content-links-a a{ background:var(--gr-red); color:#fff!important; }
body.view-article .content-links-a a:hover{
  background:var(--gr-red-d); color:#fff!important; transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,68,56,.3);
}
body.view-article .content-links-a a::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M4 18v2h16v-2'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M4 18v2h16v-2'/%3E%3C/svg%3E");
}
/* Прохождение */
body.view-article .content-links-c a{
  background:var(--gr-soft); color:var(--gr-ink)!important; border-color:var(--gr-line2);
}
body.view-article .content-links-c a:hover{
  background:var(--gr-card); color:var(--gr-blue)!important;
  border-color:var(--gr-blue); transform:translateY(-2px); box-shadow:var(--gr-sh-s);
}
body.view-article .content-links-c a::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E");
}

/* оценка и кнопки шаринга */
body.view-article .article-ratings-social-share{
  margin-top:18px; padding-top:16px; border-top:1px solid var(--gr-line);
  align-items:center;
}
body.view-article .ratings-label{ color:var(--gr-ink3); font-size:13.5px; }

@media (max-width:600px){
  body.view-article .article-details figure.article-full-image{
    float:none!important; max-width:100%; margin:0 0 16px;
  }
  body.view-article .com-content-article__links .content-list a{
    flex:1 1 100%; justify-content:center; padding:13px 18px;
  }
}


/* ---------- скриншоты игры (нарезаются из склейки *_info) ---------- */
body.view-article .gr-shots-wrap{ margin:26px 0 6px; }
body.view-article .gr-shots{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:14px; margin:4px 0;
}
body.view-article .gr-shot{
  position:relative; margin:0;
  border-radius:12px; overflow:hidden; border:1px solid var(--gr-line);
  background:#000; transition:transform .16s ease, box-shadow .2s ease;
}
body.view-article .gr-shot img{
  position:absolute; top:0; height:100%; width:auto; max-width:none;
  image-rendering:pixelated; display:block;
}
body.view-article .gr-shot:hover{ transform:translateY(-3px); box-shadow:var(--gr-sh); }
body.view-article .gr-shot span{
  position:absolute; left:10px; bottom:10px;
  background:rgba(0,0,0,.62); color:#fff; font-size:12px;
  padding:3px 10px; border-radius:99px; backdrop-filter:blur(4px);
}

/* ---------- витрина приставок ---------- */
body.view-article .gr-cons-block{ margin:32px 0 4px; }
body.view-article .gr-cons-block p{ margin-bottom:14px; }
body.view-article .gr-cons{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:13px;
}
body.view-article a.gr-cons-i{
  position:relative; display:flex; flex-direction:column; text-align:center;
  padding:16px 12px 14px; border-radius:16px; overflow:hidden;
  border:1px solid var(--gr-line); text-decoration:none; font-weight:400;
  background:
    radial-gradient(64% 46% at 50% 30%,rgba(var(--h),.40),transparent 72%),
    radial-gradient(150% 100% at 50% -14%,rgba(var(--h),.22),transparent 60%),
    var(--gr-card);
  transition:transform .2s cubic-bezier(.2,.8,.3,1), box-shadow .24s ease, border-color .2s ease;
}
body.view-article a.gr-cons-i:hover{
  transform:translateY(-6px); box-shadow:var(--gr-sh-l);
  border-color:rgba(var(--h),.55); text-decoration:none;
  background:
    radial-gradient(64% 46% at 50% 30%,rgba(var(--h),.56),transparent 72%),
    radial-gradient(150% 100% at 50% -14%,rgba(var(--h),.30),transparent 60%),
    var(--gr-card);
}
body.view-article .gr-cons-ph{
  display:block; width:100%; height:88px;
  background-repeat:no-repeat; background-position:center bottom; background-size:contain;
  filter:drop-shadow(0 12px 13px rgba(16,24,40,.24));
  transition:transform .24s cubic-bezier(.2,.8,.3,1), filter .24s ease;
}
body.view-article a.gr-cons-i:hover .gr-cons-ph{
  transform:translateY(-5px) scale(1.07);
  filter:drop-shadow(0 18px 18px rgba(16,24,40,.26));
}
body.view-article .gr-cons-n{
  display:block; font-weight:700; font-size:15.5px; margin-top:13px;
  color:var(--gr-ink); letter-spacing:-.01em;
}
body.view-article .gr-cons-s{
  display:block; font-size:11px; color:var(--gr-ink3); margin:2px 0 9px;
  text-transform:uppercase; letter-spacing:.02em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.view-article .gr-cons-c{
  align-self:center; margin-top:auto; padding:3px 10px; border-radius:99px;
  font-size:12px; font-weight:600; color:var(--gr-ink2);
  background:rgba(var(--h),.16); border:1px solid rgba(var(--h),.28);
}
body.view-article a.gr-cons-i:hover .gr-cons-c{ background:rgba(var(--h),.26); }

@media (max-width:1100px){
  body.view-article .gr-cons{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:560px){
  body.view-article .gr-cons{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body.view-article .gr-cons-ph{ height:72px; }
  body.view-article .gr-cons-n{ font-size:14.5px; }
  body.view-article .gr-shots{ grid-template-columns:1fr 1fr; gap:10px; }
}


/* ---------- блок «Скачать» ---------- */
body.view-article .gr-dl-wrap{ margin:28px 0 6px; }
body.view-article .gr-dl-grid{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(238px,1fr)); gap:12px; margin-top:4px;
}
body.view-article a.gr-dl{
  display:flex; align-items:center; gap:14px; padding:14px 16px;
  background:var(--gr-soft); border:1px solid var(--gr-line); border-radius:12px;
  text-decoration:none; color:inherit; font-weight:400;
  transition:border-color .15s ease, transform .13s ease, box-shadow .18s ease, background .15s ease;
}
body.view-article a.gr-dl:hover{
  background:var(--gr-card); border-color:var(--gr-blue);
  transform:translateY(-2px); box-shadow:var(--gr-sh); text-decoration:none;
}
body.view-article a.gr-dl-file:hover{ border-color:var(--gr-red); }
body.view-article .gr-dl-ico{
  width:46px; height:46px; flex:none; display:block;
  filter:drop-shadow(0 3px 7px rgba(16,24,40,.18));
}
body.view-article .gr-dl-ico img{
  width:46px; height:46px; object-fit:contain; display:block;
  transition:transform .2s cubic-bezier(.2,.8,.3,1);
}
body.view-article a.gr-dl:hover .gr-dl-ico img{ transform:translateY(-2px) scale(1.07); }
body.view-article .gr-dl-txt{ min-width:0; }
body.view-article .gr-dl-txt b{
  display:block; font-size:15px; font-weight:600; color:var(--gr-ink); line-height:1.25;
}
body.view-article .gr-dl-txt span{
  display:block; font-size:13px; color:var(--gr-ink3); line-height:1.35; margin-top:2px;
  overflow-wrap:anywhere;
}
@media (max-width:560px){
  body.view-article .gr-dl-grid{ grid-template-columns:1fr; gap:10px; }
  body.view-article a.gr-dl{ padding:12px 13px; gap:12px; }
  body.view-article .gr-dl-ico,body.view-article .gr-dl-ico img{ width:40px; height:40px; }
}


/* ---------- старые кнопки скачивания: их заменил блок «Скачать» ---------- */
body.view-article .article-details button.custom-btn,
body.view-article .article-details button.custom-btn-orang{ display:none; }
body.view-article .article-details p:has(button.custom-btn),
body.view-article .article-details p:has(button.custom-btn-orang){ display:none; }


/* ---------- слова из бывших дублирующих ссылок ---------- */
body.view-article .gr-was-link{
  color:var(--gr-ink2); font-weight:600;
  border-bottom:1px dashed var(--gr-line-2,#D3DAE7); cursor:help;
}


/* ---------- свёрнутое пояснение под блоком «Скачать» ---------- */
body.view-article details.gr-dl-note{
  margin:12px 0 4px; border:1px solid var(--gr-line); border-radius:12px;
  background:var(--gr-soft); overflow:hidden;
}
body.view-article details.gr-dl-note > summary{
  list-style:none; cursor:pointer; padding:12px 16px;
  font-size:14.5px; font-weight:600; color:var(--gr-ink2);
  display:flex; align-items:center; gap:10px;
  transition:background .15s ease, color .15s ease;
}
body.view-article details.gr-dl-note > summary::-webkit-details-marker{ display:none; }
body.view-article details.gr-dl-note > summary::before{
  content:""; width:16px; height:16px; flex:none; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .2s ease;
}
body.view-article details.gr-dl-note[open] > summary::before{ transform:rotate(90deg); }
body.view-article details.gr-dl-note > summary:hover{ background:#EFF3FA; color:var(--gr-ink); }
body.view-article .gr-dl-note-in{
  padding:2px 16px 12px; border-top:1px solid var(--gr-line); background:var(--gr-card);
}
body.view-article .gr-dl-note-in p{
  text-align:left!important; font-size:14.5px; margin:10px 0 0; color:var(--gr-ink2);
}


/* ---------- мини-плеер музыки ---------- */
body.view-article .gr-dl-player{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  margin-top:12px; padding:12px 16px;
  background:var(--gr-soft); border:1px solid var(--gr-line); border-radius:12px;
}
body.view-article .gr-dl-player audio{ flex:1 1 320px; min-width:0; height:40px; }
body.view-article a.gr-dl-save{
  font-size:13.5px; font-weight:600; color:var(--gr-ink2);
  padding:8px 14px; border-radius:10px;
  background:var(--gr-card); border:1px solid var(--gr-line-2,#D3DAE7);
  text-decoration:none; white-space:nowrap;
}
body.view-article a.gr-dl-save:hover{
  color:var(--gr-red-d); border-color:var(--gr-red); text-decoration:none;
}
body.view-article a.gr-dl-audio{ cursor:pointer; }
body.view-article a.gr-dl-audio.is-on{
  border-color:var(--gr-green); background:var(--gr-card);
  box-shadow:0 0 0 3px rgba(0,190,95,.13);
}
body.view-article a.gr-dl-audio.is-on .gr-dl-txt b{ color:var(--gr-green); }


/* ==================== ШАПКА (на всех страницах) ==================== */
#sp-header{
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--gr-line);
  box-shadow:none;
}
#sp-header.header-sticky{ box-shadow:0 2px 14px rgba(16,24,40,.07); }
#sp-header .logo img{ transition:transform .18s ease; }
#sp-header .logo a:hover img{ transform:translateY(-1px); }

/* меню */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span{
  color:var(--gr-ink); font-weight:500; font-size:15px; letter-spacing:-.01em;
  transition:color .15s ease;
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.current-item > a{ color:var(--gr-red); }
.sp-megamenu-parent > li.active > a{ font-weight:600; }

/* выпадающее меню */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
  border:1px solid var(--gr-line); border-radius:14px;
  box-shadow:var(--gr-sh); padding:8px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  color:var(--gr-ink); border-radius:9px; padding:9px 12px;
  transition:background .14s ease, color .14s ease;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a{
  color:var(--gr-red); background:var(--gr-soft);
}

/* бургер и offcanvas */
.burger-icon > span{ background-color:var(--gr-ink); }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{ color:var(--gr-ink); }
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a{ color:var(--gr-red); }

/* хлебные крошки */
.breadcrumb{
  background:transparent; padding:0; margin-bottom:16px;
  font-size:13.5px; color:var(--gr-ink3);
}
.breadcrumb a{ color:var(--gr-ink2); }
.breadcrumb a:hover{ color:var(--gr-red-d); }

/* мобильный логотип: старый my.css задавал 55px, новый логотип шире и не влезал */
@media (max-width:991px){
  #sp-header .logo-image-phone{ height:34px!important; width:auto!important; }
  #sp-header .logo{ margin-top:0!important; display:flex; align-items:center; }
  #sp-header .container-inner > .row{ flex-wrap:nowrap!important; align-items:center; }
}
@media (max-width:400px){
  #sp-header .logo-image-phone{ height:29px!important; }
}


/* ==================== ГЛАВНАЯ И ОСТАЛЬНЫЕ СТРАНИЦЫ ==================== */
body.view-page,
body.view-page .body-innerwrapper,
body.view-page #sp-main-body{ background:var(--gr-bg); }
body.view-page #sp-main-body{ padding-top:22px; padding-bottom:44px; }

/* модули сайдбара карточками на всех страницах */
#sp-right .sp-module, #sp-left .sp-module{
  background:var(--gr-card); border:1px solid var(--gr-line);
  border-radius:var(--gr-r); box-shadow:var(--gr-sh-s);
  padding:20px; margin-bottom:18px;
}
#sp-right .sp-module .sp-module-title, #sp-left .sp-module .sp-module-title{
  font-size:16px; font-weight:700; color:var(--gr-ink); margin:0 0 14px; padding:0; border:0;
}

/* заголовки страницы */
body.view-page #sp-page-builder h1{
  font-size:30px; font-weight:800; letter-spacing:-.02em; color:var(--gr-ink);
  line-height:1.18; text-wrap:balance;
}
body.view-page #sp-page-builder h3,
body.view-page .sppb-section-title h3{
  font-size:22px; font-weight:700; color:var(--gr-ink); letter-spacing:-.01em;
}
body.view-page #sp-page-builder p{ color:var(--gr-ink2); }

/* ---------- витрина игр (модуль digi_showcase) ---------- */
.digi_showcase #digi_showcase_filter{
  display:flex; flex-wrap:wrap; gap:9px; border:0; margin:0 0 20px; padding:0;
}
.digi_showcase #digi_showcase_filter .nav-item{ flex:0 0 auto; }
.digi_showcase #digi_showcase_filter .nav-link{
  border:1px solid var(--gr-line); border-radius:99px; background:var(--gr-card);
  color:var(--gr-ink2); font-weight:600; font-size:14.5px; padding:9px 20px;
  transition:all .15s ease;
}
.digi_showcase #digi_showcase_filter .nav-link:hover{
  border-color:var(--gr-red); color:var(--gr-red-d); box-shadow:var(--gr-sh-s);
}
.digi_showcase #digi_showcase_filter .nav-item.active .nav-link{
  background:var(--gr-red); border-color:var(--gr-red); color:#fff;
  box-shadow:0 6px 16px rgba(255,68,56,.28);
}

.digi_showcase .showcase-item{ margin-bottom:18px; }
.digi_showcase .item-content{
  background:var(--gr-card); border:1px solid var(--gr-line);
  border-radius:14px; overflow:hidden; height:100%;
  display:flex; flex-direction:column;
  transition:transform .17s cubic-bezier(.2,.8,.3,1), box-shadow .22s ease, border-color .17s ease;
}
.digi_showcase .item-content:hover{
  transform:translateY(-4px); box-shadow:var(--gr-sh); border-color:var(--gr-line-2,#D3DAE7);
}
.digi_showcase .item-content p.image{
  margin:0; position:relative; background:var(--gr-dark); overflow:hidden;
}
.digi_showcase .item-content p.image img{
  width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; display:block;
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.digi_showcase .item-content:hover p.image img{ transform:scale(1.05); }
/* кружок «играть» появляется на обложке при наведении */
.digi_showcase .item-content p.image::after{
  content:""; position:absolute; left:50%; top:50%; width:52px; height:52px;
  margin:-26px 0 0 -26px; border-radius:50%; background:var(--gr-green);
  box-shadow:0 8px 22px rgba(0,190,95,.45);
  opacity:0; transform:scale(.7); pointer-events:none;
  transition:opacity .18s ease, transform .22s cubic-bezier(.2,.8,.3,1);
  -webkit-mask:none;
}
.digi_showcase .item-content p.image::before{
  content:""; position:absolute; left:50%; top:50%; width:0; height:0; z-index:2;
  margin:-9px 0 0 -4px; border-style:solid; border-width:9px 0 9px 15px;
  border-color:transparent transparent transparent #fff;
  opacity:0; transform:scale(.7); pointer-events:none;
  transition:opacity .18s ease, transform .22s cubic-bezier(.2,.8,.3,1);
}
.digi_showcase .item-content:hover p.image::after,
.digi_showcase .item-content:hover p.image::before{ opacity:1; transform:scale(1); }

.digi_showcase .item-content h6.title{
  margin:0; padding:12px 13px 14px; text-align:left!important;
  font-size:14.5px; font-weight:600; line-height:1.3; flex:1;
  display:flex; align-items:flex-start;
}
.digi_showcase .item-content h6.title a{ color:var(--gr-ink); text-decoration:none; }
.digi_showcase .item-content:hover h6.title a{ color:var(--gr-red-d); }

@media (max-width:575px){
  .digi_showcase #digi_showcase_filter .nav-link{ padding:8px 15px; font-size:13.5px; }
  .digi_showcase .item-content h6.title{ padding:10px 10px 12px; font-size:13.5px; }
}


/* ---------- блок «Ещё игры» ---------- */
body.view-article .gr-more-block{ margin:32px 0 4px; }
body.view-article .gr-more{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(178px,1fr)); gap:16px;
}
body.view-article a.gr-game{
  display:flex; flex-direction:column; overflow:hidden;
  background:var(--gr-card); border:1px solid var(--gr-line); border-radius:14px;
  text-decoration:none; font-weight:400;
  transition:transform .16s cubic-bezier(.2,.8,.3,1), box-shadow .22s ease, border-color .16s ease;
}
body.view-article a.gr-game:hover{
  transform:translateY(-4px); text-decoration:none;
  border-color:rgba(var(--cc,211,218,231),.55);
  box-shadow:0 3px 8px rgba(16,24,40,.07), 0 14px 30px rgba(var(--cc,211,218,231),.45);
}
body.view-article .gr-game-art{
  display:block; position:relative; aspect-ratio:1/1;
  background:var(--gr-dark); overflow:hidden;
}
body.view-article .gr-game-art img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
body.view-article a.gr-game:hover .gr-game-art img{ transform:scale(1.05); }
body.view-article .gr-game-info{
  display:flex; flex-direction:column; gap:9px; padding:12px 13px 13px;
  background:linear-gradient(180deg, rgba(var(--cc,211,218,231),.34), rgba(var(--cc,211,218,231),.07) 68%, transparent);
  box-shadow:inset 0 1px 0 rgba(var(--cc,211,218,231),.75);
  flex:1;
}
body.view-article a.gr-game:hover .gr-game-info{
  background:linear-gradient(180deg, rgba(var(--cc,211,218,231),.50), rgba(var(--cc,211,218,231),.12) 68%, transparent);
}
body.view-article .gr-game-info b{
  font-size:14.5px; font-weight:600; line-height:1.3; color:var(--gr-ink);
}
body.view-article .gr-game-play{
  margin-top:auto; display:flex; align-items:center; justify-content:center; gap:7px;
  padding:7px 0; border-radius:9px; font-size:13px; font-weight:600;
  background:var(--gr-soft); color:var(--gr-ink2);
  transition:background .15s ease, color .15s ease;
}
body.view-article .gr-game-play::before{
  content:""; width:0; height:0; flex:none;
  border-style:solid; border-width:5px 0 5px 8px;
  border-color:transparent transparent transparent currentColor;
}
body.view-article a.gr-game:hover .gr-game-play{ background:var(--gr-green); color:#fff; }

@media (max-width:560px){
  body.view-article .gr-more{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  body.view-article .gr-game-info{ padding:10px 10px 11px; gap:7px; }
  body.view-article .gr-game-info b{ font-size:13.5px; }
}


/* ---------- фоновые объекты внутри блоков ---------- */
body.view-article .gr-shots-wrap,
body.view-article .gr-dl-wrap,
body.view-article .gr-cons-block,
body.view-article .gr-more-block{ position:relative; overflow:hidden; }

body.view-article .gr-shots-wrap > *,
body.view-article .gr-dl-wrap > *,
body.view-article .gr-cons-block > *,
body.view-article .gr-more-block > *{ position:relative; z-index:1; }

body.view-article .gr-shots-wrap::after,
body.view-article .gr-dl-wrap::after,
body.view-article .gr-cons-block::after,
body.view-article .gr-more-block::after{
  content:""; position:absolute; right:-22px; bottom:-34px;
  width:210px; height:210px; z-index:0; pointer-events:none;
  background-repeat:no-repeat; background-position:right bottom; background-size:contain;
  opacity:.17;
  -webkit-mask-image:radial-gradient(120% 120% at 70% 60%, #000 45%, transparent 100%);
  mask-image:radial-gradient(120% 120% at 70% 60%, #000 45%, transparent 100%);
}
body.view-article .gr-shots-wrap::after{
  background-image:url("/images/Site/redesign/objects/crt.webp"); transform:rotate(-5deg);
}
body.view-article .gr-dl-wrap::after{
  background-image:url("/images/Site/redesign/objects/floppy.webp"); transform:rotate(-10deg); opacity:.14;
}
body.view-article .gr-cons-block::after{
  background-image:url("/images/Site/redesign/objects/console.webp"); transform:rotate(4deg); width:236px;
}
body.view-article .gr-more-block::after{
  background-image:url("/images/Site/redesign/objects/cart.webp"); transform:rotate(9deg); width:170px;
}
@media (max-width:767px){
  body.view-article .gr-shots-wrap::after,
  body.view-article .gr-dl-wrap::after,
  body.view-article .gr-cons-block::after,
  body.view-article .gr-more-block::after{ width:140px; height:140px; opacity:.12; }
}


/* ---------- приставки в сайдбаре ---------- */
.gr-plats{ display:grid; grid-template-columns:1fr 1fr; gap:9px; }
a.gr-plat{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:11px 10px 12px; border-radius:12px; overflow:hidden;
  border:1px solid var(--gr-line); text-decoration:none;
  background:radial-gradient(90% 62% at 50% 16%, rgba(var(--h),.26), transparent 74%), var(--gr-soft);
  transition:transform .16s cubic-bezier(.2,.8,.3,1), box-shadow .2s ease, border-color .16s ease;
}
a.gr-plat:hover{
  transform:translateY(-3px); text-decoration:none;
  border-color:rgba(var(--h),.6); box-shadow:var(--gr-sh-s);
  background:radial-gradient(90% 62% at 50% 16%, rgba(var(--h),.40), transparent 74%), var(--gr-card);
}
.gr-plat-ph{
  display:block; width:100%; height:46px;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  filter:drop-shadow(0 6px 8px rgba(16,24,40,.2));
  transition:transform .2s cubic-bezier(.2,.8,.3,1);
}
a.gr-plat:hover .gr-plat-ph{ transform:translateY(-3px) scale(1.06); }
.gr-plat-n{ display:block; font-weight:600; font-size:13.5px; color:var(--gr-ink); margin-top:7px; }
a.gr-plat b{ display:block; font-size:11.5px; font-weight:600; color:var(--gr-ink3); margin-top:2px; }

.gr-plat-dendy .gr-plat-ph{ background-image:url("/images/Site/redesign/consoles/dendy.webp"); }
.gr-plat-sega  .gr-plat-ph{ background-image:url("/images/Site/redesign/consoles/sega.webp"); }
.gr-plat-snes  .gr-plat-ph{ background-image:url("/images/Site/redesign/consoles/snes.webp"); }
.gr-plat-gba   .gr-plat-ph{ background-image:url("/images/Site/redesign/consoles/gba.webp"); }
.gr-plat-ps    .gr-plat-ph{ background-image:url("/images/Site/redesign/consoles/ps.webp"); }
.gr-plat-pce   .gr-plat-ph{ background-image:url("/images/Site/redesign/consoles/pce.webp"); }

a.gr-vk{
  display:flex; align-items:center; justify-content:center; gap:9px;
  margin-top:10px; padding:11px 14px; border-radius:12px;
  background:#0077FF; color:#fff!important; font-weight:600; font-size:14.5px;
  text-decoration:none; transition:background .15s ease, transform .14s ease, box-shadow .18s ease;
}
a.gr-vk::before{
  content:""; width:20px; height:20px; flex:none; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8 17.1c-5.2 0-8.6-3.7-8.7-9.9h2.7c.1 4.6 2.2 6.5 3.8 6.9V7.2h2.5v3.7c1.5-.2 3.1-2 3.7-3.7h2.5c-.4 2-2 3.8-3.1 4.5 1.1.6 2.9 2.2 3.6 4.4h-2.7c-.5-1.7-2-3-3.9-3.2v3.2h-.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8 17.1c-5.2 0-8.6-3.7-8.7-9.9h2.7c.1 4.6 2.2 6.5 3.8 6.9V7.2h2.5v3.7c1.5-.2 3.1-2 3.7-3.7h2.5c-.4 2-2 3.8-3.1 4.5 1.1.6 2.9 2.2 3.6 4.4h-2.7c-.5-1.7-2-3-3.9-3.2v3.2h-.4z'/%3E%3C/svg%3E") center/contain no-repeat;
}
a.gr-vk:hover{ background:#0066DD; transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,119,255,.3); }


/* ==================== ШАПКА СТРАНИЦЫ ИГРЫ ==================== */
/* статья перестаёт быть одной карточкой: шапка отдельно, текст отдельно */
body.view-article #sp-component .article-details:has(.gr-hero){
  background:transparent; border:0; box-shadow:none; padding:0;
}
body.view-article .article-details:has(.gr-hero) [itemprop="articleBody"]{
  background:var(--gr-card); border:1px solid var(--gr-line); border-radius:var(--gr-r);
  box-shadow:var(--gr-sh-s); padding:24px 28px 28px; margin-top:20px;
}
body.view-article .article-details:has(.gr-hero) .article-ratings-social-share{
  background:var(--gr-card); border:1px solid var(--gr-line); border-radius:var(--gr-r);
  box-shadow:var(--gr-sh-s); padding:12px 20px; margin-top:20px; border-top:1px solid var(--gr-line);
}

/* когда есть шапка, старая строка полей и обложка не нужны — они уже в карточке */
body.view-article .article-details:has(.gr-hero) ul.fields-container,
body.view-article .article-details:has(.gr-hero) > figure.article-full-image{ display:none; }

.gr-hero{
  display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:24px; align-items:start;
}

/* левая колонка — экран эмулятора */
.gr-hero-screen{
  background:var(--gr-dark); border-radius:var(--gr-r); overflow:hidden;
  box-shadow:var(--gr-sh-l);
}
.gr-hero-screen #game{ border-radius:0!important; box-shadow:none!important; }
.gr-screen-bar{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  padding:12px 18px; background:#12161F; color:#8E99B0; font-size:13.5px;
  border-top:1px solid rgba(255,255,255,.06);
}
.gr-screen-bar .gr-bar-right{ margin-left:auto; }
.gr-dot{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:var(--gr-green); margin-right:6px;
  box-shadow:0 0 0 3px rgba(0,190,95,.18);
}

/* правая колонка — карточка игры */
.gr-hero-info{
  background:var(--gr-card); border:1px solid var(--gr-line); border-radius:var(--gr-r);
  box-shadow:var(--gr-sh-s); padding:22px 22px 20px;
  display:flex; flex-direction:column; gap:14px;
}
.gr-hero-head{ display:flex; align-items:flex-start; gap:14px; }
.gr-hero-cover{
  width:72px; height:72px; flex:none; border-radius:12px; object-fit:cover;
  border:1px solid var(--gr-line); box-shadow:var(--gr-sh-s);
}
.gr-hero-info h1{
  font-size:27px!important; font-weight:800; line-height:1.15; margin:0;
  letter-spacing:-.02em; color:var(--gr-ink); text-wrap:balance;
}
.gr-hero-sub{ margin:5px 0 0!important; color:var(--gr-ink2); font-size:14.5px; }

.gr-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.gr-chip{
  padding:8px 14px; border-radius:99px; font-size:13.5px; font-weight:500;
  background:var(--gr-soft); border:1px solid var(--gr-line); color:var(--gr-ink2);
}
.gr-chip-acc{
  background:rgba(255,68,56,.09); border-color:rgba(255,68,56,.3);
  color:var(--gr-red-d); font-weight:600;
}

.gr-rate{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:14px; }
.gr-stars{ display:inline-flex; gap:2px; }
.gr-star{ width:17px; height:17px; display:block;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.5 6.1 20.6l1.2-6.5L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.5 6.1 20.6l1.2-6.5L2.5 9.5l6.6-.9z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.gr-star-full{ background:var(--gr-amber); }
.gr-star-half{ background:linear-gradient(90deg,var(--gr-amber) 50%,#D3DAE7 50%); }
.gr-star-empty{ background:#D3DAE7; }
.gr-rate b{ font-size:17px; font-weight:700; color:var(--gr-ink); }
.gr-rate-n{ color:var(--gr-ink3); font-size:13.5px; }

.gr-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; padding:15px 18px; border:0; border-radius:12px;
  font-size:16px; font-weight:700; cursor:pointer; text-decoration:none;
  font-family:inherit; line-height:1.2;
  transition:transform .14s ease, box-shadow .2s ease, background .15s ease;
}
.gr-btn::before{ content:""; width:18px; height:18px; flex:none; background:currentColor; }
.gr-btn-play{ background:var(--gr-green); color:#fff; box-shadow:0 8px 22px rgba(0,190,95,.32); }
.gr-btn-play::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.gr-btn-play:hover{ background:#00A952; transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,190,95,.4); }
.gr-btn-dl{ background:var(--gr-red); color:#fff!important; box-shadow:0 8px 22px rgba(255,68,56,.28); }
.gr-btn-dl::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M4 18v2h16v-2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 11l4 4 4-4M4 18v2h16v-2'/%3E%3C/svg%3E") center/contain no-repeat;
}
.gr-btn-dl:hover{ background:var(--gr-red-d); color:#fff!important; transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,68,56,.36); }
.gr-btn-dl span{ font-weight:500; opacity:.85; font-size:14.5px; }
.gr-btn-fs{
  background:var(--gr-soft); color:var(--gr-ink); border:1px solid var(--gr-line);
  font-size:15px; padding:13px 18px;
}
.gr-btn-fs::before{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H3v5M16 3h5v5M8 21H3v-5M16 21h5v-5'/%3E%3C/svg%3E") center/contain no-repeat;
}
.gr-btn-fs:hover{ background:var(--gr-card); border-color:var(--gr-blue); color:var(--gr-blue); transform:translateY(-2px); }

.gr-specs{
  display:grid; grid-template-columns:1fr 1fr; gap:1px;
  background:var(--gr-line); border:1px solid var(--gr-line);
  border-radius:12px; overflow:hidden; margin-top:2px;
}
.gr-specs > div{ background:var(--gr-card); padding:11px 14px; }
.gr-specs span{ display:block; font-size:12.5px; color:var(--gr-ink3); }
.gr-specs b{ display:block; font-size:15px; font-weight:600; color:var(--gr-ink); margin-top:2px; }

@media (max-width:991px){
  .gr-hero{ grid-template-columns:1fr; gap:18px; }
}
@media (max-width:600px){
  .gr-hero-info{ padding:18px 16px 16px; }
  .gr-hero-info h1{ font-size:23px!important; }
  .gr-screen-bar{ font-size:12.5px; gap:10px; padding:10px 14px; }
  .gr-hide-sm{ display:none; }
  body.view-article .article-details:has(.gr-hero) [itemprop="articleBody"]{ padding:18px 16px 22px; }
}


/* ---------- кнопка запуска эмулятора как в макете ---------- */
body.view-article #game > .ejs_start_button{
  position:absolute!important; left:50%!important; top:50%!important;
  transform:translate(-50%,-50%); margin:0!important; z-index:5;
  width:92px!important; height:92px!important; min-width:0!important; padding:0!important;
  border:0!important; border-radius:50%!important;
  background:#00BE5F!important; font-size:0!important; line-height:0!important;
  box-shadow:0 10px 30px rgba(0,190,95,.45), 0 0 0 8px rgba(0,190,95,.14)!important;
  transition:transform .18s cubic-bezier(.2,.8,.3,1), box-shadow .2s ease;
}
body.view-article #game > .ejs_start_button:hover{
  transform:translate(-50%,-50%) scale(1.06);
  box-shadow:0 14px 36px rgba(0,190,95,.55), 0 0 0 10px rgba(0,190,95,.18)!important;
}
body.view-article #game > .ejs_start_button::before{
  content:""; position:absolute; left:50%; top:50%;
  width:0; height:0; margin:-15px 0 0 -9px;
  border-style:solid; border-width:15px 0 15px 24px;
  border-color:transparent transparent transparent #fff;
}
body.view-article #game > .ejs_start_button::after{
  content:"Нажмите, чтобы запустить";
  position:absolute; left:50%; top:calc(100% + 16px); transform:translateX(-50%);
  font-size:15px; line-height:1.2; font-weight:500; color:#C8D0E0; white-space:nowrap;
  text-transform:none; letter-spacing:0;
  text-shadow:0 2px 12px rgba(0,0,0,.9), 0 0 24px rgba(0,0,0,.7);
}

/* ---------- рейтинг компактнее ---------- */
.gr-rate{ gap:7px; row-gap:3px; }
.gr-star{ width:15px; height:15px; }
.gr-rate b{ font-size:16px; }
.gr-rate-n{ font-size:12.5px; }

/* ---------- родная оценка Joomla уезжает в конец страницы ---------- */
body.view-article .article-details:has(.gr-hero){ display:flex; flex-direction:column; }
body.view-article .article-details:has(.gr-hero) .article-ratings-social-share{
  order:99; margin-top:20px; padding:14px 20px;
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
body.view-article .article-details:has(.gr-hero) .article-ratings-social-share::before{
  content:"Оцените игру"; font-weight:600; font-size:15px; color:var(--gr-ink);
}
body.view-article .article-details:has(.gr-hero) .ratings-label{ display:none; }


/* ==================== ШАПКА ИГРЫ НАД КОЛОНКАМИ ====================
   Скрипт в шаблоне поднимает .gr-top над строкой с колонками,
   поэтому шапка идёт во всю ширину, а контент и сайдбар остаются рядом. */
.gr-top{ margin-bottom:20px; }
.gr-top .sp-module{ margin-bottom:0; }

@media (min-width:992px){
  /* карточка игры шире, рейтинг влезает в строку */
  .gr-hero{ grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr); gap:26px; }
  .gr-rate{ row-gap:0; }
  .gr-star{ width:17px; height:17px; }
  .gr-rate b{ font-size:17px; }
  .gr-rate-n{ font-size:13.5px; }
}


/* ==================== РАЗДЕЛЫ СТАТЬИ — ОТДЕЛЬНЫЕ КАРТОЧКИ ==================== */
/* тело статьи перестаёт быть одной большой карточкой */
body.view-article .article-details:has(.gr-sec) [itemprop="articleBody"]{
  background:transparent!important; border:0!important; box-shadow:none!important;
  padding:0!important; margin-top:0!important;
  display:flex; flex-direction:column; gap:20px;
}

body.view-article .gr-sec,
body.view-article .gr-cons-block,
body.view-article .gr-more-block{
  background:var(--gr-card); border:1px solid var(--gr-line);
  border-radius:var(--gr-r); box-shadow:var(--gr-sh-s);
  padding:22px 26px 24px; margin:0;
  position:relative; overflow:hidden;
}
body.view-article .gr-cons-block,
body.view-article .gr-more-block{ margin-top:20px; }

/* внутри карточки заголовок сверху, лишние отступы убираем */
body.view-article .gr-sec > h3:first-child,
body.view-article .gr-cons-block > h3:first-child,
body.view-article .gr-more-block > h3:first-child{ margin-top:0; }
body.view-article .gr-sec > .gr-shots-wrap,
body.view-article .gr-sec > .gr-dl-wrap{ margin:0; overflow:visible; }
body.view-article .gr-sec > .gr-shots-wrap > h3,
body.view-article .gr-sec > .gr-dl-wrap > h3{ margin-top:0; }
body.view-article .gr-sec > *:last-child{ margin-bottom:0; }

/* фоновый объект теперь принадлежит карточке целиком */
body.view-article .gr-sec:has(.gr-shots-wrap)::after,
body.view-article .gr-sec:has(.gr-dl-wrap)::after{
  content:""; position:absolute; right:-22px; bottom:-34px;
  width:210px; height:210px; z-index:0; pointer-events:none;
  background-repeat:no-repeat; background-position:right bottom; background-size:contain;
  opacity:.16;
  -webkit-mask-image:radial-gradient(120% 120% at 70% 60%, #000 45%, transparent 100%);
  mask-image:radial-gradient(120% 120% at 70% 60%, #000 45%, transparent 100%);
}
body.view-article .gr-sec:has(.gr-shots-wrap)::after{
  background-image:url("/images/Site/redesign/objects/crt.webp"); transform:rotate(-5deg);
}
body.view-article .gr-sec:has(.gr-dl-wrap)::after{
  background-image:url("/images/Site/redesign/objects/floppy.webp"); transform:rotate(-10deg);
}
body.view-article .gr-sec > *{ position:relative; z-index:1; }
body.view-article .gr-shots-wrap::after,
body.view-article .gr-dl-wrap::after{ display:none; }

@media (max-width:600px){
  body.view-article .gr-sec,
  body.view-article .gr-cons-block,
  body.view-article .gr-more-block{ padding:18px 16px 20px; }
  body.view-article .article-details:has(.gr-sec) [itemprop="articleBody"]{ gap:14px; }
}

/* ===================== GR-REDESIGN-END ===================== */