/* ===== ЦВЕТА САЙТА — меняются при сетапе под бренд =====
   Главные: --btn-bg (акцент/кнопки), --header-bg, --footer-bg, --body-bg, --toc-bg. */
:root {
  --btn-bg: #ff6b1f;  /* кнопки: тёплый оранжевый, мягкая отсылка к бренду (без цветка и логотипа Luckia) */
  --header-bg: #14171f;  /* шапка: графит */
  --body-heading: #ffffff;
  --footer-bg: #101319;
  --body-color: #eceff4;
  --body-bg: #0b0d12;
  --btn-color: #ffffff;
  --btn-color-hover: #ffffff;
  --btn-border: #ff6b1f;
  --menu-hover: #ffa25f;
  --copy: #a8aebb;
  --menu-btn: #ffffff;
  --faq_color: #ffffff;
  --faq_color_open: #ffffff;
  --navigation_back_mob: #14171f;
  --navigation_color_mob: #fff;
  --table_of_content_back: #0b0d12;
  --table_of_content_color: #000;
  --font-family: Inter;
  --game-name-color: #ffffff;
  --hover-btn-1: #e85a10;
  --hover-btn-2: #e85a10;
  --tc-color: #000;
  --banner-back: #0b0d12;
  --license-title: #000;
  --license-text: #a8aebb;
  --toc-btn-color: #000;
  --toc-btn-color-background: #fff;
  --toc-bg: #1b1f2a;  /* блок оглавления */
  --table-link: #ffa25f;
  --table-bg-2: #151923;
  --svg-fill: #dfe3ea;
  --cat-border: #2a3040;
}

/* ---- template additions ---- */
.main .container > p > a.btn{display:inline-block;width:auto;padding:0 32px;margin:8px 0 20px;color:var(--btn-color)}
.main .container > p > img{display:block;max-width:100%;height:auto;border-radius:12px}
.footer .copy p{margin:4px 0}
.footer .copy a{color:inherit;text-decoration:underline}
.mobile-sticky-cta__wrap > a.mobile-btn{flex:0 0 auto;width:120px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.navigation-btn a{text-decoration:none}
.main table tbody tr:first-child th{font-weight:700}
/* нижняя липкая панель на мобильном — в цвет кнопок сайта */
.mobile-btn--login{border-color:var(--btn-bg) !important}
.mobile-btn--register{background:var(--btn-bg) !important}
/* мобильное меню: закрытая панель не должна давать горизонтальный скролл страницы */
@media screen and (max-width: 992px) {
  .navigation{overflow:hidden}
  .navigation.open{overflow-y:auto}
}
/* таблицы: слова не рвутся посередине (в main.css стоит break-all); на телефоне шапка переносится, отступы меньше */
.main table{word-break:normal}
@media screen and (max-width: 768px) {
  .main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .main table tbody{display:table;width:100%}
  .main table th{white-space:normal;padding:12px 10px;font-size:14px;line-height:20px}
  .main table td{padding:12px 10px;font-size:14px;line-height:20px}
}
/* длинное меню (больше 6 пунктов — класс menu-compact на body ставится сам): на 993–1320px пункты
   уходят в выезжающую панель (как на мобильном), кнопки входа/регистрации остаются в шапке */
@media screen and (min-width: 993px) and (max-width: 1320px) {
  .menu-compact .header{--hdr-h:61px}
  .menu-compact .header .container{flex-wrap:nowrap}
  .menu-compact .hamburger{display:block;margin-left:auto}
  .menu-compact .navigation{position:fixed;z-index:99;display:block;flex:none;top:var(--hdr-h,78px);bottom:0;right:0;width:0;padding:40px 0;overflow:hidden;background:var(--navigation_back_mob)}
  .menu-compact .navigation.open{width:360px;padding:40px 20px;overflow-y:auto}
  .menu-compact .navigation .menu{margin-bottom:0}
  .menu-compact .navigation .menu__item{min-width:100%}
  .menu-compact .navigation .menu-link{color:var(--navigation_color_mob)}
  .menu-compact .navigation-btn{position:fixed;top:calc(var(--hdr-h,78px) / 2);transform:translateY(-50%);right:calc(max(15px, (100vw - 1230px) / 2 + 15px) + 60px);margin:0}
}
/* ===== шаблон 3 ===== */
/* баннер: крупный оффер; верхний отступ меньше, чтобы 3–4 строки оффера помещались в баннер */
@media screen and (min-width: 769px){.banner{padding-top:140px}}
.banner-heading{font-size:46px;line-height:54px}
@media screen and (max-width: 768px){.banner-heading{font-size:34px;line-height:42px}}
/* полоса категорий игр */
.category{margin:30px 0 40px}
.main--simple .category--top{margin-top:30px}
.category-link{text-decoration:none;box-shadow:0 0 0 1px var(--cat-border);background:rgba(255,255,255,.02);transition:box-shadow .2s, background .2s}
.category-link:hover{box-shadow:0 0 0 1px var(--btn-bg);background:rgba(255,255,255,.04)}
.category-link .heading{display:block}
.category-svg{width:41px;height:41px}
@media screen and (max-width: 768px){
  .category-container{grid-template-columns:repeat(3,1fr);grid-gap:10px;padding:0 15px}
  .category-link{padding:12px 6px}
  .category-link .heading{font-size:13px;line-height:18px}
  .category-svg{width:32px;height:32px;margin-bottom:8px}
}
/* картинка под вводным абзацем */
.main .container > .lead-img{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;margin:10px 0 30px;border:2px solid var(--btn-bg)}
/* галерея скриншотов */
.shots__grid{gap:18px;padding:0}
.shot{border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.img-popup img{max-width:92vw;max-height:88vh;border-radius:10px}
.main--simple{padding-top:70px}
/* мобильная липкая панель — в цвет шапки (в main.css стоял синий #1b2a55) */
.mobile-sticky-cta{background:var(--header-bg) !important}
.mobile-btn--register{color:var(--btn-color) !important}

/* кнопки и картинки в тексте по центру (просьба Maks, 05.10.2026) */
.main .container > p:has(> a.btn:only-child), .main .container > p:has(> img:only-child){text-align:center}
.main .container > p > a.btn:only-child{margin-left:auto;margin-right:auto}
.main .container > p > img:only-child, .main .container > img{display:block;margin-left:auto;margin-right:auto}