<!DOCTYPE html>
<html lang="ru-RU">

<head>
  <link rel="amphtml" href="https://1zoom-amp.pics/" /><link rel="canonical" href="https://kazinotop.leda29.ru/" /><title>Лучшие онлайн казино России: ТОП рейтинг лицензионных казино на деньги</title><meta name="description" content="&#129297; Лучшие онлайн казино &#127920; Бонусы с минимальным вейджером &#128165; Проверенные кассы &#128162; Заходи и бери! &#128293;"><link rel="alternate" hreflang="x-default" href="https://leda29.ru/" />
<link rel="alternate" hreflang="ru-RU" href="https://kazinotop.leda29.ru/" />
<link rel="alternate" hreflang="ru" href="https://kazinotop.leda29.ru/" /><link rel="icon" type="image/png" href="/storage/1662/favicon (1).png"/>  <meta charset="utf-8" />
  <meta content="width=device-width,initial-scale=1" name="viewport" />
  <link href="https://fonts.googleapis.com" rel="preconnect" />
  <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <style>
    :root {
      --container: 1180px;
      --gutter: 18px;
      --bg: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --line: rgba(17, 24, 39, .10);
      --soft: rgba(17, 24, 39, .05);

      --green: #5bbb4d;
      --green-2: #2ea44f;

      --red: #ff4d4f;
      --red-2: #ff2f3e;

      --purple: #3a0b7a;
      --purple-2: #7113d5;

      --radius: 16px;
      --shadow: 0 10px 22px rgba(17, 24, 39, .10);
    }

    * {
      box-sizing: border-box;
    }

    html,
    html,
    body {
      max-width: 100%;
      overflow-x: hidden;
    }

    img {
      max-width: 100%;
      height: auto;
    }

    .seo__content img {
      max-width: 600px;
      height: auto;
      width: 100%;
      margin: 20px auto;
      display: block;
    }


    body {
      height: 100%;
    }

    body {
      margin: 0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--text);
      background: var(--bg);
      overflow-x: hidden;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    b {
      font-weight: 700;
    }

    .container {
      width: min(var(--container), calc(100% - 2*var(--gutter)));
      margin-inline: auto;
    }

    .muted {
      color: var(--muted);
    }

    .dot {
      width: 4px;
      height: 4px;
      border-radius: 999px;
      background: rgba(107, 114, 128, .8);
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px;
    }

    .grid-2 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .grid-4 {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
    }

    /* ---------- Header ---------- */
    .header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: #fff;
      border-bottom: 1px solid var(--line);
    }

    .header__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 10px 0;
    }

    .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 800;
      letter-spacing: .2px;
    }

    .brand__mark {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: radial-gradient(circle at 30% 30%, #7de05d, #1e8e3e);
      box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .7);
    }

    .brand__text {
      line-height: 1.05;
    }

    .brand__name {
      font-size: 14px;
      display: block;
    }

    .brand__sub {
      font-size: 10px;
      display: block;
      color: var(--muted);
      font-weight: 700;
    }

    .nav {
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .nav__link {
      font-weight: 600;
      font-size: 14px;
      line-height: 171%;
      text-transform: uppercase;
      color: #36303b;
    }

    .nav__link:hover {
      opacity: 1;
    }

    .burger {
      display: none;
      width: 42px;
      height: 42px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fff;
      padding: 10px;
    }

    .burger span {
      display: block;
      height: 2px;
      background: #111827;
      border-radius: 2px;
      margin: 6px 0;
    }

    .mobile-nav {
      display: none;
      border-top: 1px solid var(--line);
      padding: 10px var(--gutter);
      gap: 10px;
    }

    .mobile-nav a {
      display: block;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: #fff;
      font-weight: 700;
      font-size: 12px;
    }

    /* ---------- Hero ---------- */
    .hero {
      background: var(--green);
      color: #fff;
      padding: 0px;

      overflow: hidden;
    }

    .hero__inner {
      display: grid;
      grid-template-columns: 1.5fr 1fr;
      align-items: center;
      gap: 18px;
    }

    .hero__content {
      padding: 80px;
    }

    .hero__title {
      margin: 0 0 10px;
      font-weight: 800;
      font-size: 48px;
      line-height: 125%;
      color: #fde047;
    }

    .hero__lead {
      margin: 0;
      font-weight: 400;
      font-size: 20px;
      line-height: 160%;
    }

    .hero__lead span {
      font-weight: 700;
      color: #fde047;
    }

    .hero__art {
      display: flex;
      justify-content: flex-end;
    }

    .hero__card {
      width: 190px;
      height: 140px;
      border-radius: 18px;
      background: #fff;
      position: relative;
      box-shadow: 0 10px 0 rgba(0, 0, 0, .05);
      overflow: hidden;
    }

    .hero__trophy {
      position: absolute;
      inset: 12px;
      border-radius: 16px;
      background:
        radial-gradient(circle at 70% 35%, rgba(255, 210, 90, .95), rgba(255, 165, 0, .7)),
        radial-gradient(circle at 35% 70%, rgba(255, 230, 160, .95), rgba(255, 200, 90, .6)),
        linear-gradient(160deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0));
    }

    .hero__spark {
      position: absolute;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: rgba(255, 105, 180, .9);
      filter: blur(.2px);
      opacity: .9;
    }

    .hero__spark.s1 {
      left: 18px;
      top: 18px;
      transform: rotate(18deg);
    }

    .hero__spark.s2 {
      left: 40px;
      top: 46px;
      background: rgba(255, 105, 180, .8);
    }

    .hero__spark.s3 {
      right: 22px;
      top: 26px;
      width: 10px;
      height: 10px;
    }

    /* ---------- Section / Title / Chips ---------- */
    .section {
      padding: 22px 0;
    }

    .section__head {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      margin-bottom: 14px;
    }

    .section__title {
      margin: 0;
      font-size: 16px;
      font-weight: 700;
      text-align: center;
      width: 100%;
      font-weight: 700;
      font-size: 40px;
      line-height: 120%;
      text-align: center;
      margin-bottom: 24px;
    }

    .section__title--mt {
      margin-top: 14px;
    }

    .chips {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%;
    }

    .chip {
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 999px;
      padding: 6px 10px;
      font-weight: 800;
      font-size: 14px;
      line-height: 143%;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .chip.is-active {
      border: 2px solid #0ea94c;
    }

    /* ---------- Pills / Tags / Buttons ---------- */
    .pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 6px 10px;
      font-weight: 900;
      font-size: 10px;
      border: 1px solid transparent;
      white-space: nowrap;
    }

    .pill--green {
      background: rgba(46, 164, 79, .14);
      border-color: rgba(46, 164, 79, .35);
      color: #1f7a3a;
    }

    .pill--purple {
      background: rgba(113, 19, 213, .12);
      border-color: rgba(113, 19, 213, .35);
      color: #5a10ad;
    }

    .pill--warn {
      background: rgba(255, 77, 79, .12);
      border-color: rgba(255, 77, 79, .35);
      color: #c81e1e;
    }

    .pill--outline {
      background: transparent;
      border-color: rgba(255, 255, 255, .55);
      color: #fff;
    }

    .pill--sm {
      padding: 5px 10px;
      font-size: 10px;
    }

    .tag {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 6px 10px;
      border: 1px solid var(--line);
      background: #fff;
      font-size: 10px;
      font-weight: 800;
      color: #374151;
    }

    .tag--sm {
      padding: 4px 8px;
      font-size: 10px;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      border-radius: 12px;
      border: 1px solid transparent;
      padding: 12px 16px;
      font-weight: 900;
      letter-spacing: .2px;
    }

    .btn--red {
      background: var(--red);
      color: #fff;
      box-shadow: 0 8px 18px rgba(255, 77, 79, .25);
    }

    .btn--red:hover {
      filter: brightness(.98);
    }

    .btn--sm {
      padding: 10px 14px;
      border-radius: 10px;
      font-size: 12px;
    }

    .btn__arrow {
      font-weight: 900;
    }

    /* ---------- Casino Cards ---------- */
    .casino-grid {
      margin-top: 12px;
    }

    /* (removed legacy casino-card styles to avoid duplicates/overrides) */

    /* ---------- Promo ---------- */
    .promo {
      padding: 18px 0;
    }

    .promo__inner {
      border-radius: 18px;
      background: url(/views/img/banner-1.svg) center center / cover no-repeat;
      color: #fff;
      position: relative;
      overflow: hidden;
      min-height: 215px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 16px;
    }

    .promo__inner::after {
      content: "";
      position: absolute;
      inset: -60px auto auto -60px;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .08);
    }

    .promo__girl {
      width: 86px;
      height: 86px;
      border-radius: 16px;
      background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06));
      border: 1px solid rgba(255, 255, 255, .18);
    }

    .promo__content {
      text-align: center;
      flex: 1;
      position: relative;
      z-index: 1;
      margin-top: 3%;
    }

    .promo__kicker {
      font-weight: 900;
      font-size: 12px;
      letter-spacing: .8px;
      opacity: .95;
    }

    .promo__title {
      font-weight: 400;
      font-size: 44px;
      line-height: 109%;
      text-align: center;
      margin-top: 2px;
      font-family: "Chakra Petch", sans-serif;
    }

    .promo__text {
      font-weight: 400;
      font-size: 18px;
      line-height: 178%;
      text-align: center;
      margin-top: 4px;
    }

    .promo__cta {
      display: inline-flex;
      margin-top: 8px;
      border-radius: 16px;
      padding: 0px 12px;
      width: 165px;
      height: 50px;
      background: #fff;
      text-transform: uppercase;
      color: #7802f0;
      text-decoration: dotted;
      margin-right: 10px;
      gap: 10px;
      font-weight: 700;
      font-size: 14px;
      line-height: 143%
    }

    /* ---------- Slots ---------- */
    .slot {
      border: 1px solid var(--line);
      border-radius: 16px;
      overflow: hidden;
      background: #f3f2f5;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
      margin-bottom: 24px;
    }

    .slot__img {
      height: 175px;
      background: url(/views/img/slot-1.svg) center center / cover no-repeat;
      position: relative;
    }

    .slot__img--2 {
      background: url(/views/img/slot-1.svg) center center / cover no-repeat;
    }

    .slot__img--3 {
      background: url(/views/img/slot-1.svg) center center / cover no-repeat;
    }

    .slot__img--4 {
      background: url(/views/img/slot-1.svg) center center / cover no-repeat;
    }

    .slot__body {
      padding: 10px;
    }

    .slot__name {
      font-weight: 700;
      font-size: 16px;
      line-height: 150%;
      color: #111827;
      margin-bottom: 8px;
    }

    .slot__provider {
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
      margin-bottom: 8px;
      opacity: .8;
    }

    .slot__meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-bottom: 8px;
    }

    .slot__meta .tag {
      border-radius: 8px;
      padding: 3px 11px;
      background-color: #fff;
      font-weight: 500;
      height: 32px;
      font-size: 12px;
      line-height: 133%;
      color: #796e82;

    }

    .slot__row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: baseline;
      justify-content: space-between;
      font-size: 11px;
      margin-bottom: 10px;
    }

    .slot__row-item {
      display: flex;
      flex-direction: column;
      border-radius: 8px;
      padding: 12px 11px;
      width: 48%;
      height: 68px;
      background: #edebef;
    }

    .slot__row-item span {
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
    }

    .slot__row-item b {
      font-weight: 700;
      font-size: 16px;
      line-height: 150%;
      color: #16a34a;
    }

    .slot__rating {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      margin-bottom: 8px;
      font-weight: 400;
      font-size: 14px;
      line-height: 143%;
      color: #908499;
    }

    .slot .btn {
      width: 100%;
      font-weight: 700;
    }

    /* ---------- Providers ---------- */
    .provider {
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
      padding: 12px;
    }

    .provider__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }

    .provider__title {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .p-logo {
      width: 28px;
      height: 28px;
      border-radius: 10px;
      background: linear-gradient(135deg, #111827, #60a5fa);
    }

    .p-logo--2 {
      background: linear-gradient(135deg, #111827, #a78bfa);
    }

    .provider__name {
      font-weight: 900;
      font-size: 13px;
    }

    .provider__meta {
      font-size: 11px;
      color: var(--muted);
    }

    .provider__list {
      display: grid;
      gap: 10px;
    }

    .p-item {
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 10px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .p-item__text {
      flex: 1;
      min-width: 0;
    }

    .p-item__name {
      font-weight: 900;
      font-size: 11px;
      margin-bottom: 2px;
    }

    .p-item__desc {
      font-size: 10px;
    }

    .provider__more {
      display: inline-block;
      margin-top: 10px;
      font-weight: 900;
      font-size: 11px;
      color: #128a3a;
    }

    /* ---------- Bad casinos + panels ---------- */
    .bad {
      border-radius: 16px;
      background: #2b2b2f;
      color: #fff;
      padding: 12px;
      border: 1px solid rgba(255, 255, 255, .08);
    }

    .bad__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }

    .bad__brand {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .bad__name {
      font-weight: 900;
      font-size: 12px;
    }

    .bad__meta {
      font-size: 10px;
      opacity: .8;
    }

    .bad__list {
      margin: 10px 0 8px;
      padding-left: 16px;
      font-size: 10px;
      opacity: .9;
    }

    .bad__list li {
      margin: 4px 0;
    }

    .bad__foot {
      font-size: 10px;
      opacity: .75;
    }

    .two-cols {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-top: 18px;
    }

    .panel {
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      padding: 12px;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
    }

    .panel--wide {
      margin-top: 18px;
    }

    .panel__title {
      margin: 0 0 10px;
      font-weight: 1000;
      font-size: 12px;
    }

    .mini-list {
      display: grid;
      gap: 10px;
    }

    .mini-row {
      display: grid;
      grid-template-columns: 22px 36px 1fr 38px 44px;
      align-items: center;
      gap: 10px;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 8px 10px;
      font-size: 11px;
    }

    .rank {
      width: 22px;
      height: 22px;
      border-radius: 8px;
      background: rgba(17, 24, 39, .06);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 1000;
      color: #374151;
    }

    .spark {
      height: 10px;
      border-radius: 999px;
      background: rgba(46, 164, 79, .20);
      position: relative;
      overflow: hidden;
    }

    .spark::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(46, 164, 79, .0), rgba(46, 164, 79, .35));
    }

    .spark.down {
      background: rgba(255, 77, 79, .18);
    }

    .spark.down::after {
      background: linear-gradient(90deg, rgba(255, 77, 79, .0), rgba(255, 77, 79, .35));
    }

    .mini-row__pct {
      font-weight: 1000;
    }

    .mini-row__pct.up {
      color: #128a3a;
    }

    .mini-row__pct.down {
      color: #c81e1e;
    }

    .bars {
      display: grid;
      gap: 10px;
    }

    .bar {
      display: grid;
      grid-template-columns: 120px 1fr 40px;
      align-items: center;
      gap: 10px;
      font-size: 11px;
    }

    .bar__track {
      height: 10px;
      border-radius: 999px;
      background: rgba(17, 24, 39, .06);
      overflow: hidden;
    }

    .bar__fill {
      height: 100%;
      background: #3b82f6;
      border-radius: 999px;
    }

    .updates {
      display: grid;
      gap: 8px;
    }

    .upd {
      display: grid;
      grid-template-columns: 90px 1fr;
      gap: 10px;
      padding: 10px;
      border-radius: 14px;
      border: 1px solid var(--line);
      font-size: 11px;
    }

    .upd__date {
      white-space: nowrap;
    }

    /* ---------- Reviews / Eval / SEO ---------- */
    .reviews .review,
    .eval__item {
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      padding: 12px;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
    }

    .review__name {
      font-weight: 900;
      font-size: 12px;
    }

    .review__date {
      font-size: 10px;
      margin-top: 2px;
    }

    .review__text {
      margin: 10px 0 0;
      font-size: 11px;
      color: #374151;
      line-height: 1.45;
    }

    .eval__ico {
      width: 34px;
      height: 34px;
      border-radius: 12px;
      background: rgba(17, 24, 39, .06);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      margin-bottom: 8px;
    }

    .eval__name {
      font-weight: 1000;
      font-size: 12px;
      margin-bottom: 6px;
    }

    .eval__text {
      font-size: 11px;
      line-height: 1.45;
    }

    .seo ul {
      margin: 10px 0;
      padding-left: 18px;
    }

    .seo li {
      margin: 6px 0;
    }

    /* ---------- Footer ---------- */
    .footer {
      margin-top: 18px;
      border-top: 1px solid var(--line);
      background: #fbfbfb;
    }

    .footer__inner {
      padding: 20px 0;
      display: grid;
      grid-template-columns: 1.3fr 1fr 1fr 1fr;
      gap: 18px;
    }

    .brand--footer {
      margin-bottom: 10px;
    }

    .footer__title {
      font-weight: 1000;
      font-size: 12px;
      margin-bottom: 10px;
    }

    .footer__link {
      display: block;
      font-size: 11px;
      color: #374151;
      padding: 6px 0;
    }

    .footer__text {
      font-size: 11px;
      line-height: 1.5;
    }

    .store {
      display: flex;
      gap: 10px;
      margin-top: 12px;
    }

    .store__badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 8px 10px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: #fff;
      font-weight: 900;
      font-size: 10px;
    }

    .footer__bottom {
      border-top: 1px solid var(--line);
      padding: 12px 0;
    }

    .footer__bottom-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-size: 11px;
    }

    .footer__small-links {
      display: flex;
      gap: 12px;
    }

    /* ---------- Responsive ---------- */
    @media (max-width: 1100px) {
      .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .footer__inner {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 900px) {
      .nav {
        display: none;
      }

      .burger {
        display: block;
      }

      .hero__inner {
        grid-template-columns: 1fr;
      }

      .hero__content {
        padding-bottom: 20px;
      }

      .hero__art {
        justify-content: center;
      }

      .section__head {
        flex-direction: column;
        align-items: center;
      }

      .two-cols {
        grid-template-columns: 1fr;
      }

      .grid-3 {
        grid-template-columns: 1fr;
      }

      .grid-2 {
        grid-template-columns: 1fr;
      }

      .grid-4 {
        grid-template-columns: 1fr;
      }

      .footer__inner {
        grid-template-columns: 1fr;
      }

      .footer__bottom-inner {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    @media (max-width: 560px) {
      :root {
        --gutter: 14px;
      }

      /* make burger match green icon on mock */
      .burger {
        background: var(--green);
        border-color: transparent;
      }

      .burger span {
        background: #fff;
      }

      .hero {
        padding: 18px 0;
      }

      .hero__title {
        font-size: 24px;
      }

      .hero__lead {
        font-size: 11px;
      }

      .hero__card {
        width: 170px;
        height: 128px;
      }

      /* chips: horizontal scroll like on mobile mock */
      .chips {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 8px;
        padding-bottom: 6px;
      }

      .chips::-webkit-scrollbar {
        height: 0;
      }

      .chip {
        flex: 0 0 auto;
      }

      /* promo: girls visible and overlap edges */
      .promo__inner {
        padding: 14px 12px;
        min-height: 120px;
      }

      .promo__girl {
        display: block;
        position: absolute;
        bottom: -6px;
        width: 72px;
        height: 72px;
        border-radius: 18px;
      }

      .promo__girl--left {
        left: -6px;
      }

      .promo__girl--right {
        right: -6px;
      }

      .promo__content {
        padding: 0 70px;
      }

      /* lists and bars */
      .bar {
        grid-template-columns: 1fr;
        gap: 6px;
      }

      .bar__value {
        justify-self: end;
      }

      /* mobile nav show */
      .mobile-nav.is-open {
        display: grid;
      }

      .hero__content {
        padding: 10px;
      }
    }

    /* Casino card — один компонент. */
    /* Верхняя часть (hero) сделана потоковой, чтобы зелёная плашка всегда была ВНУТРИ фона. */

    :where(.casino-card, .casino-card *) {
      box-sizing: border-box;
    }

    .casino-card {
      width: 616px;
      max-width: 100%;
      border-radius: 28px;
      overflow: hidden;
      background: #f3f3f5;
      box-shadow: 0 26px 60px rgba(0, 0, 0, .18);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    /* ================= HERO ================= */
    .casino-card__hero {
      position: relative;
      padding: 24px;
      padding-top: 22px;
      /* чуть ближе к макету */
      overflow: hidden;
      color: #fff;
    }

    .casino-card__hero-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 320px;
      border-radius: 20px;
      top: -5%;
      object-fit: cover;
      pointer-events: none;
    }

    .casino-card__badge {
      position: absolute;
      left: 0;
      top: 0;
      height: 24px;
      padding: 4px 12px 0 12px;
      background: #5BBB4D;
      color: #fff;
      font-weight: 900;
      font-size: 12px;
      border-bottom-right-radius: 14px;
      letter-spacing: .2px;
      z-index: 2;
    }

    .casino-card__headrow {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 24px;
      padding-top: 18px;
      /* отступ под badge */
    }

    .casino-card__logo {
      width: 113px;
      height: 78px;
      flex: 0 0 auto;
      border-radius: 14px;
    }

    .casino-card__head {
      min-width: 0;
    }

    .casino-card__title {
      font-weight: 800;
      font-size: 24px;
      line-height: 133%;
      margin-bottom: 0px;
    }

    .casino-card__meta {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 16px;
      opacity: .95;
      flex-wrap: wrap;
      color: #fff;
    }

    .casino-card__star {
      color: #ffd04a;
    }

    .casino-card__rate {
      font-weight: 900;
    }

    .casino-card__reviews {
      opacity: .75;
    }

    .casino-card__license {
      margin-left: 14px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      background: rgba(13, 153, 78, .25);
      border: 1px solid rgba(13, 153, 78, .45);
      color: #9af5b6;
      font-size: 13px;
      font-weight: 900;
    }

    .casino-card__license-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: #1fe07a;
      box-shadow: 0 0 0 4px rgba(31, 224, 122, .12);
    }

    /* bonus panel — внутри hero */
    .casino-card__bonus {
      position: relative;
      z-index: 2;
      margin-top: 16px;
      backdrop-filter: blur(8px);
      background: rgba(74, 251, 20, 0.5);
      border-radius: 20px;
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px;
      height: 115px;
    }

    .casino-card__gift {
      width: 56px;
      height: 56px;
      flex: 0 0 auto;
    }

    .casino-card__bonus-text {
      flex: 1;
      min-width: 0;
    }

    .casino-card__bonus-kicker {
      font-size: 18px;
      font-weight: 800;
      line-height: 1.1;
      margin-bottom: 2px;
    }

    .casino-card__bonus-value {
      font-weight: 600;
      font-size: 19px;
      line-height: 100%;
      margin-bottom: 2px;
    }

    .casino-card__bonus-sub {
      font-size: 14px;
      opacity: .9;
      line-height: 1.1;
    }

    .casino-card__promo {
      flex: 0 0 auto;
      height: 46px;
      min-width: 168px;
      padding: 0 16px;
      border-radius: 18px;
      background: #fff;
      color: #148a2e;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      box-shadow: 0 18px 36px rgba(0, 0, 0, .22);
      font-weight: 900;
    }

    .casino-card__promo-text {
      font-weight: 700;
      font-size: 14px;
      line-height: 143%;
      text-transform: uppercase;
      text-decoration: dotted;
      text-decoration-skip-ink: none;
      color: #009e22;
    }

    .casino-card__promo-copy {
      width: 16px;
      height: 16px;
      position: relative;
      display: inline-block;
    }

    .casino-card__promo-copy::before,
    .casino-card__promo-copy::after {
      content: "";
      position: absolute;
      border: 2px solid currentColor;
      border-radius: 4px;
    }

    .casino-card__promo-copy::before {
      width: 12px;
      height: 12px;
      right: 0;
      top: 0;
      opacity: .9;
    }

    .casino-card__promo-copy::after {
      width: 12px;
      height: 12px;
      left: 0;
      bottom: 0;
      opacity: .45;
    }

    /* ================= BODY ================= */
    .casino-card__body {
      padding: 18px 22px 20px;
      background: #f3f3f5;
    }

    /* stats row */
    .casino-card__stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr) 148px;
      gap: 14px;
      align-items: stretch;
      margin-top: 4px;
    }

    .casino-card__stat {
      background: #fff;
      border-radius: 16px;
      padding: 18px 18px 16px;
      box-shadow: 0 12px 26px rgba(17, 24, 39, .08);
    }

    .casino-card__stat-num {
      font-size: 26px;
      font-weight: 900;
      color: #111827;
      margin-bottom: 8px;
      text-align: center;
    }

    .casino-card__stat-num--up {
      color: #2ea44f;
    }

    .casino-card__stat-cap {
      font-size: 14px;
      font-weight: 700;
      color: #9a9aa6;
      line-height: 1.25;
      text-align: center;
    }

    .casino-card__chart {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 12px 26px rgba(17, 24, 39, .08);
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .casino-card__chart-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .casino-card__divider {
      height: 1px;
      background: rgba(17, 24, 39, .08);
      margin: 16px 0;
    }

    /* checks */
    .casino-card__checks {
      display: flex;
      align-items: center;
      gap: 18px;
      padding: 0 2px;
      flex-wrap: wrap;
    }

    .casino-card__check {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-weight: 700;
      color: #111827;
      white-space: nowrap;
    }

    .casino-card__check-ico {
      width: 22px;
      height: 22px;
      flex: 0 0 auto;
    }

    /* info */
    .casino-card__info {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px 30px;
      font-size: 15px;
      color: #a0a0ad;
      margin-top: 20px;
    }

    .casino-card__info-item {
      display: flex;
      gap: 10px;
      align-items: center;
    }

    .casino-card__info-item b {
      color: #111827;
      font-weight: 700;
    }

    /* features */
    .casino-card__features-title {
      font-size: 16px;
      font-weight: 700;
      color: #111827;
      margin-bottom: 12px;
    }

    .casino-card__tags {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .casino-card__tag {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 11px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid rgba(17, 24, 39, .08);
      color: #8f8fa0;
      font-size: 14px;
      font-weight: 700;
    }

    /* CTA */
    .casino-card__cta {
      display: flex;
      justify-content: center;
      padding-top: 18px;
    }

    .casino-card__play {
      width: 320px;
      height: 58px;
      border-radius: 18px;
      background: #ff2f3e;
      color: #fff;
      text-decoration: none;
      font-weight: 900;
      letter-spacing: .8px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 20px 40px rgba(255, 47, 62, .28);
      margin: 20px auto;
    }

    /* mobile */
    @media (max-width: 560px) {
      .casino-card__headrow {
        gap: 16px;
      }

      .casino-card__title {
        font-size: 28px;
      }

      .casino-card__meta {
        font-size: 14px;
      }

      .casino-card__license {
        margin-left: 0;
      }

      .casino-card {
        width: 100%;
        margin: 0 auto;
      }

      .casino-card__bonus {
        padding: 12px;
      }

      .casino-card__gift {
        width: 52px;
        height: 52px;
      }

      .casino-card__bonus-kicker {
        font-size: 15px;
      }

      .casino-card__bonus-value {
        font-size: 19px;
      }

      .casino-card__bonus-sub {
        font-size: 12px;
      }

      .casino-card__promo {
        min-width: 154px;
        padding: 0 14px;
        font-size: 13px;
      }

      .casino-card__stats {
        grid-template-columns: repeat(2, 1fr);
      }

      .casino-card__chart {
        grid-column: auto;
        min-height: 86px;
      }

      .casino-card__info {
        grid-template-columns: 1fr;
      }

      .casino-card__play {
        width: min(320px, 100%);
      }


    }

    /* Popular providers — один блок. */
    :where(.providers, .providers *) {
      box-sizing: border-box;
    }

    .providers {
      padding: 48px 96px 24px;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
    }

    .providers__title {
      margin: 0 0 24px;
      text-align: center;
      font-size: 40px;
      font-weight: 800;
      line-height: 48px;
      color: #36303B;
    }

    .providers__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    /* card */
    .pbox {
      padding: 16px;
      background: #F3F2F5;
      border-radius: 16px;
      overflow: hidden;
    }

    /* header row */
    .pbox__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }

    .pbox__brand {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }

    .pbox__brand-ico {
      width: 24px;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .pbox__brand-ico img {
      width: 24px;
      height: 24px;
      display: block;
    }

    .pbox__brand-name {
      font-size: 18px;
      font-weight: 800;
      line-height: 32px;
      color: #36303B;
    }

    .pbox__brand-rate {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .pbox__brand-star {
      color: #FACC15;
      font-size: 16px;
      line-height: 1;
    }

    .pbox__brand-val {
      font-size: 18px;
      font-weight: 800;
      line-height: 32px;
      color: #36303B;
    }

    /* count button */
    .pbox__count {
      appearance: none;
      border: 0;
      background: transparent;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0;
      cursor: pointer;
      color: #16A34A;
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      white-space: nowrap;
    }

    .pbox__chev {
      width: 16px;
      height: 16px;
      position: relative;
    }

    .pbox__chev::after {
      content: "";
      position: absolute;
      left: 4px;
      top: 6px;
      width: 8px;
      height: 4px;
      border-left: 2px solid #16A34A;
      border-bottom: 2px solid #16A34A;
      transform: rotate(-45deg);
      transform-origin: center;
    }

    /* bonus */
    .pbox__bonus {
      padding: 16px;
      border-radius: 12px;
      margin-bottom: 10px;
    }

    .pbox__bonus--a {
      background:
        linear-gradient(90deg, rgba(0, 242, 255, 0) 0%, #1BD700 100%),
        linear-gradient(90deg, #00B9F1 0%, #9333EA 100%);
    }

    .pbox__bonus--b {
      background:
        linear-gradient(90deg, rgba(255, 46, 206, 0) 0%, #FF2ECE 100%),
        linear-gradient(90deg, #7000F1 0%, #C100F1 100%),
        linear-gradient(90deg, rgba(0, 242, 255, 0) 0%, #1BD700 100%),
        linear-gradient(90deg, #00B9F1 0%, #9333EA 100%);
    }

    .pbox__bonus {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .pbox__bonus-logo {
      width: 73px;
      height: 51px;
      border-radius: 12px;
      display: block;
    }

    .pbox__bonus-text {
      width: 266px;
      /* как в figma */
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .pbox__bonus-kicker {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
    }

    .pbox__bonus-value {
      color: #fff;
      font-size: 24px;
      font-weight: 700;
      line-height: 24px;
    }

    /* promo button */
    .pbox__promo {
      width: 165px;
      height: 50px;
      background: #fff;
      border-radius: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      text-decoration: none;
      padding: 0 12px;
    }

    .pbox__promo-text {
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      text-transform: uppercase;
      text-decoration: dotted;
      letter-spacing: .2px;
    }

    .pbox__promo--green {
      color: #0EA94C;
    }

    .pbox__promo--purple {
      color: #7802F0;
    }

    .pbox__copy {
      width: 16px;
      height: 16px;
      position: relative;
      display: inline-block;
    }

    .pbox__copy::before {
      content: "";
      position: absolute;
      inset: 1.33px;
      border: 1px solid currentColor;
    }

    /* list */
    .pbox__list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    /* game row */
    .pgame {
      padding: 12px;
      border-radius: 12px;
      border: 1px solid #D9D5DD;
      background: transparent;
      display: flex;
      align-items: center;
      gap: 12px;
      overflow: hidden;
    }

    .pgame__img {
      width: 75px;
      height: 53px;
      border-radius: 12px;
      display: block;
      flex: 0 0 auto;
    }

    .pgame__mid {
      flex: 1 1 auto;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .pgame__title {
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      color: #111827;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .pgame__meta {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .prate {
      display: flex;
      align-items: center;
      gap: 2px;
      padding: 2px 4px;
      background: #FACC15;
      border-radius: 4px;
    }

    .prate__num {
      font-size: 16px;
      font-weight: 700;
      color: #29263D;
      line-height: 1.1;
    }

    .prate__star {
      width: 16px;
      height: 16px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #36303B;
      font-size: 14px;
      line-height: 1;
    }

    .pgame__genre {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: #908499;
    }

    .pgame__btn {
      height: 40px;
      padding: 0 24px;
      background: #60D34F;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #fff;
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      text-transform: uppercase;
      white-space: nowrap;
    }

    /* more link */
    .pbox__more {
      display: inline-block;
      margin-top: 10px;
      color: #16A34A;
      font-size: 14px;
      font-weight: 700;
      line-height: 24px;
      text-decoration: underline;
    }

    /* responsive */
    @media (max-width: 1100px) {
      .providers {
        padding: 36px 24px 24px;
      }

      .providers__grid {
        grid-template-columns: 1fr;
      }

      .pbox__bonus-text {
        width: auto;
        flex: 1;
      }
    }

    @media (max-width: 560px) {
      .providers__title {
        font-size: 28px;
        line-height: 34px;
      }

      .pbox__promo {
        width: 150px;
      }

      .pgame__btn {
        padding: 0 16px;
      }
    }

    /* Not recommended block — один компонент. */
    :where(.badcas, .badcas *) {
      box-sizing: border-box;
    }

    .badcas {
      padding: 32px 96px 24px;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
    }

    .badcas__title {
      margin: 0 0 24px;
      text-align: center;
      font-size: 40px;
      font-weight: 800;
      line-height: 48px;
      color: #36303B;
    }

    .badcas__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      padding-top: 8px;
    }

    /* card shell */
    .badcard {
      background: #36303B;
      border-radius: 16px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    /* caps (top/bottom labels) */
    .badcard__cap {
      height: 16px;
      padding: 2px 10px 0;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 12px;
      letter-spacing: .2px;
    }

    .badcard__cap--top {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
    }

    .badcard__cap--bottom {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }

    /* inner panel */
    .badcard__body {
      background: #F3F2F5;
      border-radius: 16px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    /* header area */
    .badcard__head {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .badcard__left {
      flex: 1 1 auto;
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .badcard__name {
      font-size: 18px;
      font-weight: 800;
      line-height: 32px;
      color: #36303B;
    }

    .badcard__rating {
      display: flex;
      align-items: center;
      gap: 4px;
    }

    .badcard__rate {
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
      color: #36303B;
    }

    .badcard__reviews {
      margin-left: 4px;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
      color: #908499;
    }

    .badcard__logo {
      width: 113px;
      height: 78px;
      border-radius: 12px;
      display: block;
      flex: 0 0 auto;
    }

    /* reasons */
    .badcard__reasons-title {
      font-size: 16px;
      font-weight: 700;
      line-height: 20px;
      color: #D74242;
      margin: 0 0 8px;
    }

    .badcard__list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .badcard__item {
      display: flex;
      align-items: flex-start;
      gap: 4px;
      color: #36303B;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
    }

    .badcard__x {
      width: 24px;
      height: 24px;
      flex: 0 0 auto;
    }

    /* responsive */
    @media (max-width: 1200px) {
      .badcas {
        padding-left: 24px;
        padding-right: 24px;
      }

      .badcas__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 720px) {
      .badcas__title {
        font-size: 28px;
        line-height: 34px;
      }

      .badcas__grid {
        grid-template-columns: 1fr;
      }
    }

    /* Popular/trending block — один компонент */
    :where(.popblk, .popblk *) {
      box-sizing: border-box;
    }

    .popblk {
      padding: 48px 96px 24px;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
      color: #36303B;
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .popblk__top {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      align-items: start;
    }

    .popcol__title {
      margin: 20px 0 12px;
      font-size: 24px;
      font-weight: 800;
      line-height: 32px;
      color: #36303B;
    }

    .poplist {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    /* rows */
    .poprow {
      padding: 16px;
      background: #F3F2F5;
      border-radius: 16px;
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .poprow__rank {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
      color: #36303B;
      flex: 0 0 auto;
    }

    .poprow__rank--1 {
      background: #FBF114;
    }

    .poprow__rank--2 {
      background: #C0B9C7;
    }

    .poprow__rank--3 {
      background: #E49C31;
    }

    .poprow__logo {
      width: 70px;
      height: 48px;
      border-radius: 6px;
      display: block;
      flex: 0 0 auto;
    }

    .poprow__text {
      flex: 1 1 auto;
      min-width: 0;
      display: flex;
      flex-direction: column;
    }

    .poprow__name {
      font-size: 16px;
      font-weight: 800;
      line-height: 32px;
      color: #36303B;
    }

    .poprow__sub {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: #908499;
    }

    .poprow__sub--bold {
      font-weight: 700;
    }

    .poprow__spark {
      width: 97px;
      height: 46px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      flex: 0 0 auto;
    }

    .poprow__spark img {
      width: 97px;
      height: 46px;
      display: block;
    }

    .poprow__delta {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      flex: 0 0 auto;
    }

    .poprow__pct {
      font-size: 20px;
      font-weight: 800;
      line-height: 32px;
    }

    .poprow__days {
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      color: #908499;
    }

    .poprow__delta--up .poprow__pct {
      color: #5BBB4D;
    }

    .poprow--trend .poprow__spark {
      margin-left: auto;
    }

    .poprow__pct-mini {
      font-size: 12px;
      font-weight: 800;
      line-height: 20px;
      margin-left: -44px;
      /* в макете процент сидит на графике */
      align-self: flex-start;
    }

    .poprow__pct-mini--up {
      color: #5BBB4D;
    }

    .poprow__pct-mini--down {
      color: #F93646;
    }

    /* Mid section */
    .popblk__mid {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .popblk__desc {
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      color: #655D6C;
      margin-top: -4px;
    }

    .bars {
      padding: 16px;
      background: #F3F2F5;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .bars__row {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .bars__label {
      width: 120px;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      color: #36303B;
    }

    .bars__track {
      flex: 1 1 auto;
      height: 24px;
      background: #D9D5DD;
      border-radius: 8px;
      padding: 0;
      overflow: hidden;
      position: relative;
    }

    .bars__fill {
      height: 100%;
      border-radius: 6px;
      margin: 0;
      padding: 0 8px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      background: linear-gradient(270deg, #61D3F3 0%, #6181F3 100%);
    }

    .bars__val {
      font-size: 12px;
      font-weight: 800;
      line-height: 32px;
      color: #fff;
    }

    /* Updates */
    .popblk__bot {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .updates {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .updates__row {
      padding: 16px;
      background: #F3F2F5;
      border-radius: 12px;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .updates__date {
      width: 120px;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
      color: #36303B;
    }

    .updates__text {
      flex: 1 1 auto;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      color: #524C57;
    }

    /* responsive */
    @media (max-width: 1100px) {
      .popblk {
        padding: 32px 24px 24px;
      }

      .popblk__top {
        grid-template-columns: 1fr;
      }

      .poprow__pct-mini {
        margin-left: -38px;
      }
    }

    @media (max-width: 560px) {
      .poprow {
        flex-wrap: wrap;
      }

      .poprow__spark {
        order: 4;
      }

      .poprow__delta {
        order: 5;
        width: 100%;
        align-items: flex-start;
      }

      .poprow__pct-mini {
        margin-left: 0;
      }

      .bars__label {
        width: 92px;
      }

      .updates__row {
        flex-direction: column;
        align-items: flex-start;
      }

      .updates__date {
        width: auto;
      }
    }

    /* Reviews — один компонент */
    :where(.reviews, .reviews *) {
      box-sizing: border-box;
    }

    .reviews {
      padding: 32px 96px 24px;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
    }

    .reviews__title {
      margin: 0 0 24px;
      text-align: center;
      font-size: 40px;
      font-weight: 800;
      line-height: 48px;
      color: #36303B;
    }

    .reviews__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .review {
      padding: 24px;
      background: #FAF9FB;
      border-radius: 16px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .review__head {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .review__name {
      color: #36303B;
      font-size: 18px;
      font-weight: 700;
      line-height: 30px;
    }

    .review__date {
      color: #908499;
      font-size: 14px;
      font-weight: 700;
      line-height: 20px;
    }

    .review__text {
      color: #908499;
      font-size: 14px;
      font-weight: 400;
      line-height: 21px;
    }

    /* responsive */
    @media (max-width: 1200px) {
      .reviews {
        padding-left: 24px;
        padding-right: 24px;
      }

      .reviews__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 720px) {
      .reviews__title {
        font-size: 28px;
        line-height: 34px;
      }

      .reviews__grid {
        grid-template-columns: 1fr;
      }
    }

    /* How we rate — один компонент */
    :where(.how, .how *) {
      box-sizing: border-box;
    }

    .how {
      padding: 32px 96px 24px;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
    }

    .how__title {
      margin: 0 0 24px;
      text-align: center;
      font-size: 40px;
      font-weight: 800;
      line-height: 48px;
      color: #36303B;
    }

    .how__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
    }

    .how-card {
      padding: 24px;
      border-radius: 16px;
      outline: 1px solid #EDEBEF;
      outline-offset: -1px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 12px;
      text-align: center;
      background: transparent;
      /* на тёмном фоне будет смотреться как в PNG */
    }

    .how-card__ico {
      width: 48px;
      height: 48px;
      display: block;
    }

    .how-card__title {
      width: 100%;
      color: #36303B;
      font-size: 16px;
      font-weight: 700;
      line-height: 24px;
    }

    .how-card__text {
      width: 100%;
      color: #908499;
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
    }

    /* responsive */
    @media (max-width: 1200px) {
      .how {
        padding-left: 24px;
        padding-right: 24px;
      }

      .how__grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 720px) {
      .how__title {
        font-size: 28px;
        line-height: 34px;
      }

      .how__grid {
        grid-template-columns: 1fr;
      }
    }

    /* SEO text — один компонент */
    :where(.seo, .seo *) {
      box-sizing: border-box;
    }

    .seo {
      padding: 48px 96px;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
    }

    .seo__title {
      margin: 0 0 24px;
      text-align: center;
      font-size: 40px;
      font-weight: 800;
      line-height: 48px;
      color: #36303B;
    }

    .seo__content {
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      color: #655D6C;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }

    .seo__content p {
      margin: 0;
    }

    .seo__list {
      margin: 0;
      padding-left: 22px;
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .seo__list li {
      margin: 0;
    }

    /* responsive */
    @media (max-width: 1200px) {
      .seo {
        padding-left: 24px;
        padding-right: 24px;
      }
    }

    @media (max-width: 720px) {
      .seo__title {
        font-size: 28px;
        line-height: 34px;
      }
    }

    /* Footer — один блок */
    :where(.site-footer, .site-footer *) {
      box-sizing: border-box;
    }

    .site-footer {
      background: #FAF9FB;
      font-family: var(--font4, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
      color: #908499;
    }

    .site-footer__top {
      padding: 24px 96px 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .site-footer__logo img {
      width: 125px;
      height: 40px;
      display: block;
    }

    .site-footer__stores {
      display: flex;
      gap: 12px;
    }

    .store-btn {
      width: 126px;
      height: 37px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .store-btn img {
      width: 126px;
      height: 37px;
      display: block;
    }

    .site-footer__nav {
      padding: 0 96px 24px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 48px;
    }

    .fcol {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .fcol__head {
      padding-top: 24px;
      display: flex;
      align-items: center;
      gap: 12px;
      color: #908499;
    }

    .fcol__title {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 18.2px;
    }

    .fcol__arrow {
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #908499;
    }

    .fcol__arrow svg {
      display: block;
    }

    .fcol__link {
      color: #908499;
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
    }

    .fcol__link:hover {
      text-decoration: underline;
    }

    .site-footer__legal {
      padding: 0 96px 24px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .legal__text {
      color: #C0B9C7;
      font-size: 12px;
      font-weight: 400;
      line-height: 14.4px;
      max-width: 780px;
      /* визуально как в макете */
    }

    /* responsive */
    @media (max-width: 1200px) {

      .site-footer__top,
      .site-footer__nav,
      .site-footer__legal {
        padding-left: 24px;
        padding-right: 24px;
      }
    }

    @media (max-width: 860px) {
      .site-footer__nav {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
      }

      .legal__text {
        max-width: none;
      }
    }

    @media (max-width: 560px) {
      .site-footer__top {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
      }

      .site-footer__nav {
        grid-template-columns: 1fr;
      }

      .pbox__bonus {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
      }

      .poprow__delta {
        order: 5;
        width: 50%;
        align-items: flex-end;
      }

      .poprow__spark {
        width: 45% !important;
        height: 42px;
      }

      .promo__content {
        text-align: center;
        flex: 1;
        position: relative;
        z-index: 1;
        margin-top: 15%;
      }

      .promo__title {
        font-weight: 400;
        font-size: 28px;
        line-height: 109%;
        text-align: center;
        margin-top: 2px;
        font-family: "Chakra Petch", sans-serif;
      }
    }

    /* ---------- Motion + Hovers ---------- */

    :root {
      --t-fast: 160ms;
      --t-med: 240ms;
      --ease: cubic-bezier(.2, .8, .2, 1);
    }

    a,
    button,
    .btn,
    .pgame__btn,
    .casino-card__promo,
    .casino-card__play,
    .store-btn {
      transition: transform var(--t-fast) var(--ease),
        box-shadow var(--t-fast) var(--ease),
        filter var(--t-fast) var(--ease),
        background-color var(--t-fast) var(--ease),
        color var(--t-fast) var(--ease),
        border-color var(--t-fast) var(--ease),
        opacity var(--t-fast) var(--ease);
    }

    .btn:hover,
    .pgame__btn:hover {
      transform: translateY(-1px);
      filter: brightness(1.02);
    }

    .btn:active,
    .pgame__btn:active,
    .casino-card__promo:active {
      transform: translateY(0);
      filter: brightness(.98);
    }

    .casino-card,
    .pbox,
    .badcard,
    .poprow,
    .review,
    .how-card,
    .updates__row {
      transition: transform var(--t-med) var(--ease), box-shadow var(--t-med) var(--ease);
    }

    @media (hover:hover) {

      .casino-card:hover,
      .pbox:hover,
      .badcard:hover,
      .review:hover,
      .how-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
      }

      .poprow:hover,
      .pgame:hover,
      .updates__row:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 34px rgba(0, 0, 0, .08);
      }

      .chip:hover {
        filter: brightness(1.02);
        transform: translateY(-1px);
      }

      .nav a:hover {
        color: var(--green-2);
      }
    }

    .casino-card__promo:hover {
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
    }

    @media (prefers-reduced-motion: no-preference) {
      .hero__img {
        animation: floaty 6s ease-in-out infinite;
        will-change: transform;
        max-width: 100%;
        height: auto;
      }

      @keyframes floaty {

        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-10px);
        }
      }

      /* Bars: animate width once JS toggles .is-anim */
      .bars__fill {
        width: 0%;
        transition: width 900ms var(--ease);
      }

      .bars.is-anim .bars__fill {
        transition: width 900ms var(--ease);
      }
    }

    /* ---------- Mobile polish ---------- */
    @media (max-width: 767px) {

      /* unify side paddings to the global gutter */
      .providers,
      .badcas,
      .popblk,
      .reviews,
      .how,
      .seo {
        padding-left: var(--gutter);
        padding-right: var(--gutter);
      }

      .site-footer__top,
      .site-footer__nav,
      .site-footer__legal {
        padding-left: var(--gutter);
        padding-right: var(--gutter);
      }

      /* tighten big grids */
      .providers__grid,
      .badcas__grid,
      .reviews__grid,
      .how__grid {
        gap: 16px;
      }

      .poplist {
        gap: 14px;
      }

      .updates {
        gap: 10px;
      }

      /* make pop rows closer to mock */
      .poprow {
        padding: 14px;
        gap: 10px;
      }

      .poprow__logo {
        width: 62px;
        height: 42px;
      }

      .poprow__spark {
        width: 86px;
        height: 42px;
      }

      .poprow__spark img {
        width: 86px;
        height: 42px;
      }

      .poprow__pct {
        font-size: 18px;
      }

      .casino-card__hero-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 125%;
        border-radius: 20px;
        top: -5%;
        object-fit: cover;
        pointer-events: none;
      }

      .casino-card__bonus {
        position: relative;
        z-index: 2;
        margin-top: 16px;
        backdrop-filter: blur(8px);
        background: rgba(74, 251, 20, 0.5);
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        padding: 14px;
        height: 100%;
      }

      .casino-card__bonus-text {
        flex: 1;
        min-width: 0;
        text-align: center;
        gap: 5px;
      }

      .casino-card__gift {
        width: 52px;
        height: 52px;
        display: none;
      }

      .casino-card__bonus-kicker {
        font-weight: 700;
        line-height: 1.1;
        margin-bottom: 12px;
      }

      .casino-card__bonus-value {
        font-weight: 700;
        line-height: 100%;
        margin-bottom: 12px;
      }

      .promo__inner {
        border-radius: 18px;
        background: url(/views/img/banner-1-mobile.webp) center center / cover no-repeat;
        color: #fff;
        position: relative;
        background-position: left;
        overflow: hidden;
        min-height: 215px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px;
      }

      .promo .container {
        width: 100%;
      }

      .promo__content {
        text-align: center;
        flex: 1;
        position: relative;
        z-index: 1;
        margin-top: 5%;
        margin-right: -8%;
        margin-left: 25%;
        display: flex;
        flex-direction: column;
      }

      .promo__title {
        font-weight: 400;
        font-size: 24px;
        line-height: 109%;
        text-align: start;
        margin-top: 2px;

      }

      .promo__text {
        font-weight: 400;
        font-size: 18px;
        line-height: 144%;
        text-align: start;
        margin-top: 4px;
      }

    }

    /* ================= Patch: Offerwall + Slots carousel ================= 
.casino-card__logo{ object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.08); padding: 8px; }*/
    .casino-card__stat-num--down {
      color: #D74242;
    }

    /* Promo buttons now say "Забрать" */
    .casino-card__promo-text {
      text-decoration: none;
    }

    /* Slots carousel */
    .slots-carousel {
      margin-top: 14px;
    }

    .slots-carousel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .slots-carousel__arrows {
      display: flex;
      gap: 10px;
      flex: 0 0 auto;
    }

    .slots-carousel__btn {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
      font-size: 22px;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .slots-carousel__btn:disabled {
      opacity: .45;
      cursor: default;
    }

    .slots-carousel__viewport {
      overflow: hidden;
    }

    .slots-carousel__track {
      display: flex;
      gap: 18px;
      will-change: transform;
      transition: transform .35s ease;
    }

    .slots-carousel__slide {
      flex: 0 0 calc((100% - 18px*3)/4);
    }

    .slots-carousel .slot {
      margin-bottom: 0;
    }

    @media (max-width: 980px) {
      .slots-carousel__slide {
        flex-basis: calc((100% - 18px)/2);
      }
    }

    @media (max-width: 560px) {
      .slots-carousel__slide {
        flex-basis: 100%;
      }
    }

    /* ================= Patch: Offerwall + Slots carousel ================= 
.casino-card__logo{ object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.08); padding: 8px; }*/
    .casino-card__stat-num--down {
      color: #D74242;
    }

    /* Promo buttons now say "Забрать" */
    .casino-card__promo-text {
      text-decoration: none;
    }

    /* Slots carousel */
    .slots-carousel {
      margin-top: 14px;
    }

    .slots-carousel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .slots-carousel__arrows {
      display: flex;
      gap: 10px;
      flex: 0 0 auto;
    }

    .slots-carousel__btn {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      font-size: 26px;
      line-height: 1;
      font-weight: 900;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .slots-carousel__viewport {
      overflow: hidden;
    }

    .slots-carousel__track {
      display: flex;
      gap: 18px;
      will-change: transform;
      transition: transform .35s ease;
    }

    .slots-carousel__slide {
      flex: 0 0 calc((100% - 18px*3)/4);
    }

    .slots-carousel .slot {
      margin-bottom: 0;
    }

    @media (max-width: 980px) {
      .slots-carousel__slide {
        flex-basis: calc((100% - 18px)/2);
      }
    }

    @media (max-width: 560px) {
      .slots-carousel__slide {
        flex-basis: 100%;
      }
    }

    /* ================= Patch: Offerwall + Slots carousel ================= 
.casino-card__logo{ object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.08); padding: 8px; }*/
    .casino-card__stat-num--down {
      color: #D74242;
    }

    /* Promo buttons now say "Забрать" */
    .casino-card__promo-text {
      text-decoration: none;
    }

    /* Slots carousel */
    .slots-carousel {
      margin-top: 14px;
    }

    .slots-carousel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .slots-carousel__arrows {
      display: flex;
      gap: 10px;
      flex: 0 0 auto;
    }

    .slots-carousel__btn {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
      font-size: 22px;
      line-height: 1;
      font-weight: 900;
      color: #111827;
    }

    .slots-carousel__btn:disabled {
      opacity: .45;
      cursor: not-allowed;
    }

    .slots-carousel__viewport {
      overflow: hidden;
      margin-top: 14px;
    }

    .slots-carousel__track {
      display: flex;
      gap: 18px;
      will-change: transform;
    }

    .slots-carousel__slide {
      flex: 0 0 calc((100% - 18px*3) / 4);
    }

    .slots-carousel .slot {
      margin-bottom: 0;
    }

    @media (max-width: 980px) {
      .slots-carousel__slide {
        flex-basis: calc((100% - 18px) / 2);
      }
    }

    @media (max-width: 560px) {
      .slots-carousel__slide {
        flex-basis: 100%;
      }
    }

    /* ================= Patch: Offerwall + Slots carousel ================= 
.casino-card__logo{ object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.08); padding: 8px; }*/
    .casino-card__stat-num--down {
      color: #D74242;
    }

    /* Promo buttons now say "Забрать" */
    .casino-card__promo-text {
      text-decoration: none;
    }

    /* Slots carousel */
    .slots-carousel {
      margin-top: 14px;
    }

    .slots-carousel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 14px;
    }

    .slots-carousel__arrows {
      display: flex;
      gap: 10px;
    }

    .slots-carousel__btn {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 8px 18px rgba(17, 24, 39, .06);
      font-size: 22px;
      line-height: 1;
      font-weight: 900;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .slots-carousel__viewport {
      overflow: hidden;
    }

    .slots-carousel__track {
      display: flex;
      gap: 18px;
      will-change: transform;
      transition: transform .35s ease;
    }

    .slots-carousel__slide {
      flex: 0 0 calc((100% - 18px*3)/4);
    }

    .slots-carousel .slot {
      margin-bottom: 0;
    }

    @media (max-width: 980px) {
      .slots-carousel__slide {
        flex-basis: calc((100% - 18px)/2);
      }
    }

    @media (max-width: 560px) {
      .slots-carousel__slide {
        flex-basis: 100%;
      }
    }

    /* ================= Patch: Offerwall + Slots carousel ================= 
.casino-card__logo{ object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.08); padding: 8px; }*/
    .casino-card__stat-num--down {
      color: #D74242;
    }

    /* Promo buttons now say "Забрать" */
    .casino-card__promo-text {
      text-decoration: none;
    }

    /* Slots carousel */
    .slots-carousel {
      margin-top: 14px;
    }

    .slots-carousel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .slots-carousel__arrows {
      display: flex;
      gap: 10px;
      flex: 0 0 auto;
    }

    .slots-carousel__btn {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 10px 22px rgba(17, 24, 39, .06);
      font-size: 22px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .slots-carousel__btn:disabled {
      opacity: .45;
      cursor: not-allowed;
    }

    .slots-carousel__viewport {
      overflow: hidden;
    }

    .slots-carousel__track {
      display: flex;
      gap: 18px;
      will-change: transform;
      transition: transform .35s ease;
    }

    .slots-carousel__slide {
      flex: 0 0 calc((100% - 18px*3)/4);
      min-width: 0;
    }

    .slots-carousel .slot {
      margin-bottom: 0;
    }

    @media (max-width: 980px) {
      .slots-carousel__slide {
        flex-basis: calc((100% - 18px)/2);
      }
    }

    @media (max-width: 560px) {
      .slots-carousel__slide {
        flex-basis: 100%;
      }
    }


    /* ================= Patch: Offerwall + Slots carousel ================= 
.casino-card__logo{ object-fit: contain; border-radius: 14px; background: rgba(255,255,255,.08); padding: 8px; }*/
    .casino-card__stat-num--down {
      color: #D74242;
    }

    /* Promo buttons now say "Забрать" */
    .casino-card__promo-text {
      text-decoration: none;
    }

    /* Slots carousel */
    .slots-carousel {
      margin-top: 14px;
    }

    .slots-carousel__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 14px;
    }

    .slots-carousel__arrows {
      display: flex;
      gap: 10px;
      flex: 0 0 auto;
    }

    .slots-carousel__btn {
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: #fff;
      box-shadow: 0 10px 22px rgba(17, 24, 39, .06);
      font-size: 22px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .slots-carousel__btn:disabled {
      opacity: .45;
      cursor: not-allowed;
    }

    .slots-carousel__viewport {
      overflow: hidden;
    }

    .slots-carousel__track {
      display: flex;
      gap: 18px;
      will-change: transform;
      transition: transform .35s ease;
    }

    .slots-carousel__slide {
      flex: 0 0 calc((100% - 18px*3)/4);
      min-width: 0;
    }

    .slots-carousel .slot {
      margin-bottom: 0;
    }

    .casino-card__stat-sub {
      font-size: 14px;
    }

    /* =========================
   SLOTS: arrows + viewport padding + dots (like dots.svg)
   ========================= */

    /* viewport: make room for arrows so they don't get clipped by overflow */
    .slots-carousel__viewport {
      position: relative;
      overflow: hidden;

      /* space for arrows inside viewport */
      padding-left: 56px;
      padding-right: 56px;
    }

    @media (max-width: 560px) {
      .slots-carousel__viewport {
        padding-left: 44px;
        padding-right: 44px;
      }
    }

    /* track */
    .slots-carousel__track {
      display: flex;
      gap: 18px;
      /* must match JS gap */
      will-change: transform;
      transition: transform .35s ease;
    }

    /* arrows */
    .slots-carousel__btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 5;

      width: 44px;
      height: 44px;
      border: 0;
      padding: 0;
      background: transparent;
      cursor: pointer;

      display: inline-flex;
      align-items: center;
      justify-content: center;

      -webkit-tap-highlight-color: transparent;
    }

    .slots-carousel__btn img {
      width: 44px;
      height: 44px;
      display: block;
    }

    .slots-carousel__btn--prev {
      left: 6px;
    }

    .slots-carousel__btn--next {
      right: 6px;
    }

    /* dots: EXACT like dots.svg */
    .slots-carousel__dots {
      display: flex;
      justify-content: center;
      gap: 8px;
      /* svg spacing looks like 8px gap */
      margin-top: 14px;
    }

    .slots-carousel__dot {
      width: 24px;
      height: 24px;
      border-radius: 50%;

      border: 4px solid #D9D5DD;
      /* inactive stroke */
      background: #524C57;
      /* inactive fill */

      padding: 0;
      cursor: pointer;
    }

    .slots-carousel__dot.is-active {
      border-color: #FFDADD;
      /* active stroke */
      background: #F93646;
      /* active fill */
    }

    /* 1) сама карточка — колонка на всю высоту */
    .slots-carousel__slide {
      height: 100%;
    }

    .slot {
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    /* 2) тело карточки растягиваем */
    .slot__body {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
    }

    /* 3) Название слота — фиксируем на 2 строки */
    .slot__name {
      /* если у тебя другой font-size/line-height — подстрой значения ниже */
      line-height: 1.2;
      min-height: calc(1.2em * 2);
      /* ровно 2 строки */
    }

    /* аккуратно обрезать слишком длинные названия */
    .slot__name {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    /* 4) Кнопку прижимаем вниз */
    .slot__body .btn {
      margin-top: auto;
    }


    @media (max-width: 980px) {
      .slots-carousel__slide {
        flex-basis: calc((100% - 18px)/2);
      }
    }

    @media (max-width: 560px) {
      .slots-carousel__slide {
        flex-basis: 100%;
      }
    }


    .seo__content table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
      display: block;
      overflow-x: auto;
    }

    .seo__content table caption {
      padding: 20px;
    }

    th,
    td {
      border: 1px solid #ddd;
      /* Граница ячеек */
      padding: 8px;
      /* Внутренние отступы */
      text-align: left;
      /* Выравнивание текста */
    }

    th {
      background-color: #f2f2f2;
      /* Цвет фона заголовка */
      color: black;
      /* Цвет текста заголовка */
    }

    /* Чередование цветов строк */
    tr:nth-child(even) {
      background-color: #f9f9f9;
    }
  </style>
</head>

<body>
  <header class="header">
    <div class="container header__inner">
      <img alt="logo" class="logo__img" src="/views/img/Logo.svg" />

      <nav aria-label="Главное меню" class="nav">
        <a class="nav__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Рейтинги казино</a>
        <a class="nav__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Игры</a>
        <a class="nav__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Бонусы</a>
        <a class="nav__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Отзывы</a>
        <a class="nav__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Новости</a>
        <a class="nav__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Статьи</a>
      </nav>
      <button aria-label="Открыть меню" class="burger" data-burger="" type="button">
        <span></span><span></span><span></span>
      </button>
    </div>
    <div class="mobile-nav" data-mobile-nav="">
      <a href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Рейтинги казино</a>
      <a href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Игры</a>
      <a href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Бонусы</a>
      <a href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Отзывы</a>
      <a href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Новости</a>
      <a href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Статьи</a>
    </div>
  </header>
  <main>
    <!-- Header -->
    <section class="hero" id="top">
      <div class="container hero__inner">
        <div class="hero__content">
          <h1 class="hero__title">ТОП лучших онлайн казино России с лицензией</h1>
          <p class="hero__lead">
            ТОП-40 проверенных казино с лицензией и поддержкой <span>рубля (RUB)</span>.
            Эксклюзивные бонусы до <span>500,000₽</span>, быстрые выплаты, честные
            обзоры от экспертов. Играйте безопасно
          </p>
        </div>
        <div aria-hidden="true" class="hero__art">
          <!-- <img alt="hero" class="hero__img" src="/views/img/hero.webp" width="600" height="600" fetchpriority="high"> -->
          <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/RYss7VDb?site=zoom" target="_blank"
            rel="nofollow sponsored noopener noreferrer">
           Регистрация
          </a>
        </div>
      </div>
    </section>
    <!-- TOP 20 -->
    <section class="section" id="rating">
      <div class="container">
        <header class="section__head">
          <h2 class="section__title">ТОП 20 надежных онлайн казино</h2>
          <div class="chips" aria-label="Фильтры">
            <button class="chip is-active" data-chip="all" type="button">Все</button>
            <button class="chip" data-chip="popular" type="button">Популярные</button>
            <button class="chip" data-chip="russia" type="button">Россия</button>
            <button class="chip" data-chip="crypto" type="button">Криптовалютные</button>
            <button class="chip" data-chip="bonus" type="button">С бонусами</button>
          </div>
        </header>
        		<section class="section" id="rating">
      <div class="container">
 
<div class="grid-2 casino-grid" data-casino-grid="">
          <article class="casino-card" data-tags="popular russia">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">ВЫБОР КЛИЕНТОВ 2026</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="7k" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">7k</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">5.0</span>
              <span class="casino-card__reviews">(187 отзывов)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">До 750% на первый депозит + 500 фриспинов при регистрации</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Играть онлайн</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">4119</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+0</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+1,2%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              №1 в рейтинге казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Лучшие бонусы            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Гарантия вывода            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>2 часа</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>96.7%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>99.5%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Лучшие онлайн слоты</span>
                          <span class="casino-card__tag">Ставки на спорт</span>
                          <span class="casino-card__tag">Много бонусов</span>
                          <span class="casino-card__tag">Игра на рубли</span>
                          <span class="casino-card__tag">Покерные турниры</span>
                          <span class="casino-card__tag">24/7 поддержка</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ
        </a>
      </div>
    </article>
<article class="casino-card" data-tags="popular russia">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">МНОГО ТУРНИРОВ</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="Laki World" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">Laki World</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.9</span>
              <span class="casino-card__reviews">(149 отзывов)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">Бонус 500% на первый депозит и 200 фриспинов за регистрацию</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/HSnk9Z2V" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">4271</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+1</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+7%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Надежное онлайн казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Много популярных провайдеров            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>1000₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>до 12 часов</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>97.3%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>99.7%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Live</span>
                          <span class="casino-card__tag">Лицензия</span>
                          <span class="casino-card__tag">Мобильная версия</span>
                          <span class="casino-card__tag">Кэшбэк</span>
                          <span class="casino-card__tag">Круглосуточная поддержка</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/HSnk9Z2V" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ
        </a>
      </div>
    </article>
	

<article class="casino-card" data-tags="popular new">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Новинка</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="Vodka" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">Vodka</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.8</span>
              <span class="casino-card__reviews">(48 отзывов)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">125% на первый депозит и 350 фриспинов при регистрации</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/QK4Zpcpd" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">1883</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+4</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+34%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Новый бренд в каталоге казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Лучшая техподдержка            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>4500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>до 3 часов</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>96.5%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>мало данных</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Промокоды</span>
                          <span class="casino-card__tag">Онлайн слоты на реальные деньги</span>
                          <span class="casino-card__tag">Быстрые выплаты</span>
                          <span class="casino-card__tag">Безопасность</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/QK4Zpcpd" target="_blank" rel="nofollow sponsored noopener noreferrer">
          Играть онлайн
        </a>
      </div>
    </article>
	

<article class="casino-card" data-tags="russia new">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Много игр</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="Onion" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">Onion</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.7</span>
              <span class="casino-card__reviews">(91 отзыв)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">Приветственный бонус 200%</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/b5CvrK1N" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">4815</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+14</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+5%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Старый бренд            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Много игроков            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Лучшие провайдеры            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>1500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>до 12 часов</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>97.3%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>98.9%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Сезонные акции</span>
                          <span class="casino-card__tag">В списке проверенных казино</span>
                          <span class="casino-card__tag">Удобный каталог слотов</span>
                          <span class="casino-card__tag">Лотереи и розыгрыши</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/b5CvrK1N" target="_blank" rel="nofollow sponsored noopener noreferrer">
         ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>

<article class="casino-card" data-tags="russia new">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Много игр</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="1win" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">1win</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.6</span>
              <span class="casino-card__reviews">(91 отзыв)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">550 фриспинов + бонус 550% новичкам</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/7S6KJJr6" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">4815</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+14</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+5%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Старый бренд            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Много игроков            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Лучшие провайдеры            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>1500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>до 12 часов</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>97.3%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>98.9%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Сезонные акции</span>
                          <span class="casino-card__tag">В списке проверенных казино</span>
                          <span class="casino-card__tag">Удобный каталог слотов</span>
                          <span class="casino-card__tag">Лотереи и розыгрыши</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/7S6KJJr6" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>

<article class="casino-card" data-tags="popular russia">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Щедрые бонусы</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="UP-X" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">UP-X</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.5</span>
              <span class="casino-card__reviews">(177 отзывов)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">100 фриспинов в Le Bandit + 30% на депозит</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/PPtjtjpq" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">4432</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+11</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+74%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Проверенное казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Много игроков из России            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>3500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>мгновенно</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>97.4%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>99.5%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Многоязычный интерфейс</span>
                          <span class="casino-card__tag">Прогрессивные джекпоты</span>
                          <span class="casino-card__tag">Российское интернет казино</span>
                          <span class="casino-card__tag">Лицензия</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/PPtjtjpq" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>

<article class="casino-card" data-tags="new">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Разноообразие акций</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="DragonMoney" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">DragonMoney</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.5</span>
              <span class="casino-card__reviews">(42 отзыва)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Anjouan              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">Еженедельный кешбэк 10% + криптобонус 5% без отыгрыша</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/sjhY37nD" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">3995</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+3</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--down">-26%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-down-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Новое казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              VIP-программа            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Кэшбэк            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>5000₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>1 день</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>96.9%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>мало данных</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Быстрые выплаты</span>
                          <span class="casino-card__tag">Официальное казино онлайн</span>
                          <span class="casino-card__tag">Live Casino</span>
                          <span class="casino-card__tag">Поддержка RUB</span>
                          <span class="casino-card__tag">24/7 поддержка</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/sjhY37nD" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>

<article class="casino-card" data-tags="new crypto">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Высокий RTP</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="KiloGram" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">KiloGram</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.5</span>
              <span class="casino-card__reviews">(59 отзывов)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Anjouan              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">325% на депозит и 100 фриспинов за регистрацию</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/ncFG21Ms" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">3050</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+2</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+75%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Известное казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Лицензия            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Поддержка RUB            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>2500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>до 2 часов</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>97.9%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>98.9%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Казино с моментальными выплатами</span>
                          <span class="casino-card__tag">Безопасность</span>
                          <span class="casino-card__tag">Большой выбор слотов</span>
                          <span class="casino-card__tag">Кэшбэк</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/ncFG21Ms" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>

<article class="casino-card" data-tags="popular russia">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Для хайроллеров</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="Vavada" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">Vavada</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.5</span>
              <span class="casino-card__reviews">(93 отзыва)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">40 FS и 100% к депозиту</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/G5WB8Y" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">3864</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+4</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+13%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Быстрые выплаты            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              VR-казино            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Поддержка RUB            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>500₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>до 3 часов</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>96.7%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>97.1%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Мгновенные лотереи</span>
                          <span class="casino-card__tag">Автоигра</span>
                          <span class="casino-card__tag">Быстрые депозиты</span>
                          <span class="casino-card__tag">Одно из лучших казино России</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/G5WB8Y" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>

<article class="casino-card" data-tags="popular new">
      <div class="casino-card__hero">
        <img class="casino-card__hero-bg" src="/views/img/casino_bg-1.svg" alt="" aria-hidden="true" width="620" height="270" loading="lazy" decoding="async">

        <div class="casino-card__badge">Ежедневные акции</div>

        <div class="casino-card__headrow">
          <img class="casino-card__logo" src="/views/img/logoframe31.jpg" alt="Slotgames" width="160" height="96" loading="lazy" decoding="async">

          <div class="casino-card__head">
            <div class="casino-card__title">Slotgames</div>

            <div class="casino-card__meta">
              <span class="casino-card__star" aria-hidden="true">★</span>
              <span class="casino-card__rate">4.5</span>
              <span class="casino-card__reviews">(221 отзыв)</span>

              <span class="casino-card__license">
                <span class="casino-card__license-dot" aria-hidden="true"></span>
                Curacao              </span>
            </div>
          </div>
        </div>

        <div class="casino-card__bonus">
          <img class="casino-card__bonus-ico" src="/views/img/casino_present.svg" alt="" aria-hidden="true" width="72" height="72" loading="lazy" decoding="async">

          <div class="casino-card__bonus-text">
            <div class="casino-card__bonus-kicker">Приветственный бонус</div>
            <div class="casino-card__bonus-value">900 FS за регистрацию и бонус 225%</div>
          </div>

          <a class="casino-card__promo" href="https://bestcasinohub.site/gvVVB1F3" target="_blank" rel="nofollow sponsored noopener noreferrer">
            <span class="casino-card__promo-text">Забрать</span>
          </a>
        </div>
      </div>

      <div class="casino-card__body">
        <div class="casino-card__stats">
          <div class="casino-card__stat">
            <div class="casino-card__stat-num">1826</div>
            <div class="casino-card__stat-sub">Регистраций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num">+14</div>
            <div class="casino-card__stat-sub">Позиций за неделю</div>
          </div>

          <div class="casino-card__stat">
            <div class="casino-card__stat-num casino-card__stat-num--up">+34%</div>
            <div class="casino-card__stat-sub">Динамика за неделю</div>
          </div>

                    <div class="casino-card__chart">
            <img src="/views/img/casino_graph-up-4.svg" alt="" aria-hidden="true" width="140" height="90" loading="lazy" decoding="async">
          </div>
        </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__checks">
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Популярный бренд            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Еженедельные турниры            </div>
                      <div class="casino-card__check">
              <img class="casino-card__check-ico" src="/views/img/casino_check-1.svg" alt="" aria-hidden="true" width="18" height="18" loading="lazy" decoding="async">
              Демо игровые автоматы            </div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__info">
                      <div class="casino-card__info-item"><span>Минимальный депозит:</span><b>1000₽</b></div>
                      <div class="casino-card__info-item"><span>Скорость вывода:</span><b>1 час</b></div>
                      <div class="casino-card__info-item"><span>Средний RTP:</span><b>96.8%</b></div>
                      <div class="casino-card__info-item"><span>Репутация:</span><b>96.9%</b></div>
                      <div class="casino-card__info-item"><span>Крипта:</span><b>Есть</b></div>
                  </div>

        <div class="casino-card__divider"></div>

        <div class="casino-card__features">
          <div class="casino-card__features-title">Ключевые особенности:</div>
          <div class="casino-card__tags">
                          <span class="casino-card__tag">Купонные бонусы</span>
                          <span class="casino-card__tag">Тематические слоты</span>
                          <span class="casino-card__tag">Топовое казино онлайн</span>
                          <span class="casino-card__tag">Многоуровневая лояльность</span>
                      </div>
        </div>

        <a class="casino-card__play btn btn--green" href="https://bestcasinohub.site/gvVVB1F3" target="_blank" rel="nofollow sponsored noopener noreferrer">
          ИГРАТЬ ОНЛАЙН
        </a>
      </div>
    </article>
              
      </div>      </div>
    </section>      </div>
    </section>
    <!-- PROMO -->
    <section class="promo" id="bonus">
      <div class="container">
        <div class="promo__inner">
          <div class="promo__content">
            <div class="promo__title">1100 FS и 100% до 100 000 рублей</div>
            <div class="promo__text">ЗАБИРАЙ ПРЯМО СЕЙЧАС ОТ КАЗИНО ПОКЕРДОМ</div>
            <a class="pill pill--outline promo__cta" href="https://bestcasinohub.site/bKQd7kFR" target="_blank"
              rel="nofollow">ЗАБРАТЬ БОНУС</a>
          </div>
        </div>
      </div>
    </section>
    <!-- SLOTS -->
    <section class="section" id="games">
      <div class="container">


        <div class="slots-carousel" data-slots-carousel="">
          <div class="slots-carousel__head">
            <h2 class="section__title">Популярные игровые автоматы</h2>
          </div>

          <div class="slots-carousel__viewport" data-slots-viewport>
            <button aria-label="Предыдущие слоты" class="slots-carousel__btn slots-carousel__btn--prev" data-slots-prev
              type="button">
              <img src="/views/img/left.svg" alt="">
            </button>

            <div class="slots-carousel__track" data-slots-track></div>

            <button aria-label="Следующие слоты" class="slots-carousel__btn slots-carousel__btn--next" data-slots-next
              type="button">
              <img src="/views/img/right.svg" alt="">
            </button>
          </div>

          <div class="slots-carousel__dots" data-slots-dots role="navigation" aria-label="Навигация по слотам"></div>

        </div>
    </section>
    <!-- PROVIDERS -->
    <section class="section providers" id="articles">
      <div class="container">
        <h2 class="section__title">Популярные провайдеры слотов</h2>
        <div class="providers__grid">
          <!-- CARD 1 (blue/green) -->
          <article class="pbox">
            <header class="pbox__head">
              <div class="pbox__brand">
                <span class="pbox__brand-ico">
                  <img alt="Pragmatic Play" aria-hidden="true" loading="lazy"
                    src="/views/img/pragmatic-play-grey.png" />
                </span>
                <span class="pbox__brand-name">Pragmatic Play</span>
                <span class="pbox__brand-rate">
                  <span aria-hidden="true" class="pbox__brand-star">★</span>
                  <span class="pbox__brand-val">4.9</span>
                </span>
              </div>
              <button class="pbox__count" type="button">
                <span>291 игр</span>
                <span aria-hidden="true" class="pbox__chev"></span>
              </button>
            </header>
            <div class="pbox__bonus pbox__bonus--a">
              <img alt="" aria-hidden="true" class="pbox__bonus-logo" loading="lazy"
                src="/views/img/logo-1-pokerdom.jpg" />
              <div class="pbox__bonus-text">
                <div class="pbox__bonus-kicker">Бонус</div>
                <div class="pbox__bonus-value">100 FS в Gates of Pokerdom</div>
              </div>
              <a class="pbox__promo pbox__promo--green" href="https://bestcasinohub.site/bKQd7kFR" target="_blank"
                rel="nofollow"><span class="pbox__promo-text">Забрать</span></a>
            </div>
            <div class="pbox__list">
              <!-- row -->
              <div class="pgame">
                <img alt="" aria-hidden="true" class="pgame__img" src="/views/img/zeus-vs-hades-gods-of-war.jpg" />
                <div class="pgame__mid">
                  <div class="pgame__title">Zeus vs Hades — Gods of War</div>
                  <div class="pgame__meta">
                    <span class="prate">
                      <span class="prate__num">4.8</span>
                      <span aria-hidden="true" class="prate__star">★</span>
                    </span>
                    <span class="pgame__genre">История</span>
                  </div>
                </div>
                <a class="pgame__btn" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">ИГРАТЬ</a>
              </div>
              <div class="pgame">
                <img alt="" aria-hidden="true" class="pgame__img" src="/views/img/the-dog-house-dog-or-alive.jpg" />
                <div class="pgame__mid">
                  <div class="pgame__title">The Dog House — Dog or Alive</div>
                  <div class="pgame__meta">
                    <span class="prate">
                      <span class="prate__num">4.8</span>
                      <span aria-hidden="true" class="prate__star">★</span>
                    </span>
                    <span class="pgame__genre">Животные</span>
                  </div>
                </div>
                <a class="pgame__btn" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">ИГРАТЬ</a>
              </div>
              <div class="pgame">
                <img alt="" aria-hidden="true" class="pgame__img" src="/views/img/sugar-rush-1000.jpg" />
                <div class="pgame__mid">
                  <div class="pgame__title">Sugar Rush 1000</div>
                  <div class="pgame__meta">
                    <span class="prate">
                      <span class="prate__num">4.9</span>
                      <span aria-hidden="true" class="prate__star">★</span>
                    </span>
                    <span class="pgame__genre">Еда</span>
                  </div>
                </div>
                <a class="pgame__btn" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">ИГРАТЬ</a>
              </div>
            </div>
            <a class="pbox__more" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Смотреть все 291
              игр</a>
          </article>
          <!-- CARD 2 (purple/pink) -->
          <article class="pbox">
            <header class="pbox__head">
              <div class="pbox__brand">
                <span class="pbox__brand-ico">
                  <img alt="Play'n GO" aria-hidden="true" loading="lazy" src="/views/img/play-n-go-grey.png" />
                </span>
                <span class="pbox__brand-name">Play'n GO</span>
                <span class="pbox__brand-rate">
                  <span aria-hidden="true" class="pbox__brand-star">★</span>
                  <span class="pbox__brand-val">4.8</span>
                </span>
              </div>
              <button class="pbox__count" type="button">
                <span>152 игр</span>
                <span aria-hidden="true" class="pbox__chev"></span>
              </button>
            </header>
            <div class="pbox__bonus pbox__bonus--b">
              <img alt="" aria-hidden="true" class="pbox__bonus-logo" loading="lazy"
                src="/views/img/logo-4-joycasino.jpg" />
              <div class="pbox__bonus-text">
                <div class="pbox__bonus-kicker">Бонус</div>
                <div class="pbox__bonus-value">30 FS на Book of Dead</div>
              </div>
              <a class="pbox__promo pbox__promo--purple" href="/go/joycasino/" target="_blank"
                rel="nofollow"><span class="pbox__promo-text">Забрать</span></a>
            </div>
            <div class="pbox__list">
              <div class="pgame">
                <img alt="" aria-hidden="true" class="pgame__img" src="/views/img/book-of-dead.jpg" />
                <div class="pgame__mid">
                  <div class="pgame__title">Book of Dead</div>
                  <div class="pgame__meta">
                    <span class="prate">
                      <span class="prate__num">4.9</span>
                      <span aria-hidden="true" class="prate__star">★</span>
                    </span>
                    <span class="pgame__genre">Египет</span>
                  </div>
                </div>
                <a class="pgame__btn" href="/go/joycasino/" target="_blank"
                  rel="nofollow">ИГРАТЬ</a>
              </div>
              <div class="pgame">
                <img alt="" aria-hidden="true" class="pgame__img" src="/views/img/provider-game.svg" />
                <div class="pgame__mid">
                  <div class="pgame__title">Immortal with something else Romance</div>
                  <div class="pgame__meta">
                    <span class="prate">
                      <span class="prate__num">4.9</span>
                      <span aria-hidden="true" class="prate__star">★</span>
                    </span>
                    <span class="pgame__genre">Фентези</span>
                  </div>
                </div>
                <a class="pgame__btn" href="/go/joycasino/" target="_blank"
                  rel="nofollow">ИГРАТЬ</a>
              </div>
              <div class="pgame">
                <img alt="" aria-hidden="true" class="pgame__img" src="/views/img/gates-of-olympus.jpg" />
                <div class="pgame__mid">
                  <div class="pgame__title">Gates of Olympus</div>
                  <div class="pgame__meta">
                    <span class="prate">
                      <span class="prate__num">4.9</span>
                      <span aria-hidden="true" class="prate__star">★</span>
                    </span>
                    <span class="pgame__genre">Фентези</span>
                  </div>
                </div>
                <a class="pgame__btn" href="/go/joycasino/" target="_blank"
                  rel="nofollow">ИГРАТЬ</a>
              </div>
            </div>
            <a class="pbox__more" href="/go/joycasino/" target="_blank" rel="nofollow">Смотреть
              все 152 игр</a>
          </article>
        </div>
      </div>
    </section>
    <!-- NOT RECOMMENDED -->
    <section class="section badcas" id="news">
      <div class="container">
        <h2 class="section__title">Нерекомендуемые казино</h2>
        <div class="badcas__grid">
          <!-- card -->
          <article class="badcard">
            <div class="badcard__cap badcard__cap--top">Не рекомендуем!</div>
            <div class="badcard__body">
              <div class="badcard__head">
                <div class="badcard__left">
                  <div class="badcard__name">Sprut Casino</div>
                  <div class="badcard__rating">
                    <span aria-hidden="true" class="badcard__star">
                      <svg aria-hidden="true" focusable="false" height="16" viewbox="0 0 24 24" width="16">
                        <path
                          d="M12 2.6l2.63 5.33 5.89.86-4.26 4.15 1 5.86L12 16.95 6.74 18.8l1-5.86L3.48 8.79l5.89-.86L12 2.6z"
                          fill="#D74242"></path>
                      </svg>
                    </span>
                    <span class="badcard__rate">2.0</span>
                    <span class="badcard__reviews">(704 отзывов)</span>
                  </div>
                </div>
                <img alt="" aria-hidden="true" class="badcard__logo" loading="lazy" src="/views/img/sprut.jpg" />
              </div>
              <div class="badcard__reasons">
                <div class="badcard__reasons-title">Почему нужно избегать казино:</div>
                <ul class="badcard__list">
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Проблемы с верификацией</span>
                  </li>
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Задержки с выводом средств</span>
                  </li>
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Слабая поддержка игроков</span>
                  </li>
                </ul>
              </div>
            </div>
            <div class="badcard__cap badcard__cap--bottom">Плохое казино</div>
          </article>
          <!-- card -->
          <article class="badcard">
            <div class="badcard__cap badcard__cap--top">Не рекомендуем!</div>
            <div class="badcard__body">
              <div class="badcard__head">
                <div class="badcard__left">
                  <div class="badcard__name">1xBit</div>
                  <div class="badcard__rating">
                    <span aria-hidden="true" class="badcard__star">
                      <svg aria-hidden="true" focusable="false" height="16" viewbox="0 0 24 24" width="16">
                        <path
                          d="M12 2.6l2.63 5.33 5.89.86-4.26 4.15 1 5.86L12 16.95 6.74 18.8l1-5.86L3.48 8.79l5.89-.86L12 2.6z"
                          fill="#D74242"></path>
                      </svg>
                    </span>
                    <span class="badcard__rate">2.0</span>
                    <span class="badcard__reviews">(300 отзывов)</span>
                  </div>
                </div>
                <img alt="" aria-hidden="true" class="badcard__logo" loading="lazy" src="/views/img/1xbit.jpg" />
              </div>
              <div class="badcard__reasons">
                <div class="badcard__reasons-title">Почему нужно избегать казино:</div>
                <ul class="badcard__list">
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Навязчивые уведомления</span>
                  </li>
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Скрытые условия бонусов</span>
                  </li>
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Проблемы с верификацией</span>
                  </li>
                </ul>
              </div>
            </div>
            <div class="badcard__cap badcard__cap--bottom">Плохое казино</div>
          </article>
          <!-- card -->
          <article class="badcard">
            <div class="badcard__cap badcard__cap--top">Не рекомендуем!</div>
            <div class="badcard__body">
              <div class="badcard__head">
                <div class="badcard__left">
                  <div class="badcard__name">888Casino</div>
                  <div class="badcard__rating">
                    <span aria-hidden="true" class="badcard__star">
                      <svg aria-hidden="true" focusable="false" height="16" viewbox="0 0 24 24" width="16">
                        <path
                          d="M12 2.6l2.63 5.33 5.89.86-4.26 4.15 1 5.86L12 16.95 6.74 18.8l1-5.86L3.48 8.79l5.89-.86L12 2.6z"
                          fill="#D74242"></path>
                      </svg>
                    </span>
                    <span class="badcard__rate">2.0</span>
                    <span class="badcard__reviews">(742 отзывов)</span>
                  </div>
                </div>
                <img alt="" aria-hidden="true" class="badcard__logo" loading="lazy" src="/views/img/888casino.png" />
              </div>
              <div class="badcard__reasons">
                <div class="badcard__reasons-title">Почему нужно избегать казино:</div>
                <ul class="badcard__list">
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Проблемы с верификацией</span>
                  </li>
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Непрозрачные правила</span>
                  </li>
                  <li class="badcard__item">
                    <img alt="" aria-hidden="true" class="badcard__x" src="/views/img/close.svg" />
                    <span>Задержки с выводом средств</span>
                  </li>
                </ul>
              </div>
            </div>
            <div class="badcard__cap badcard__cap--bottom">Плохое казино</div>
          </article>
        </div>
      </div>
    </section>
    <section class="section popblk">
      <div class="container">
        <div class="popblk__top">
          <!-- LEFT: Popular now -->
          <div class="popcol">
            <h3 class="popcol__title">Набирающие популярность онлайн казино</h3>
            <div class="poplist">
              <article class="poprow">
                <span class="poprow__rank poprow__rank--1">1</span>
                <img alt="" aria-hidden="true" class="poprow__logo" loading="lazy"
                  src="/views/img/logo-1-pokerdom.jpg" />
                <div class="poprow__text">
                  <div class="poprow__name">Pokerdom</div>
                  <div class="poprow__sub">1622 регистраций за неделю</div>
                </div>
                <span class="poprow__spark">
                  <img alt="" aria-hidden="true" src="/views/img/popular-up.svg" />
                </span>
                <div class="poprow__delta poprow__delta--up">
                  <div class="poprow__pct">+16%</div>
                  <div class="poprow__days">за 7 дн</div>
                </div>
              </article>
              <article class="poprow">
                <span class="poprow__rank poprow__rank--2">2</span>
                <img alt="" aria-hidden="true" class="poprow__logo" loading="lazy" src="/views/img/logo-2-riobet.jpg" />
                <div class="poprow__text">
                  <div class="poprow__name">Riobet</div>
                  <div class="poprow__sub">2395 регистраций за неделю</div>
                </div>
                <span class="poprow__spark">
                  <img alt="" aria-hidden="true" src="/views/img/popular-up.svg" />
                </span>
                <div class="poprow__delta poprow__delta--up">
                  <div class="poprow__pct">+34%</div>
                  <div class="poprow__days">за 7 дн</div>
                </div>
              </article>
              <article class="poprow">
                <span class="poprow__rank poprow__rank--3">3</span>
                <img alt="" aria-hidden="true" class="poprow__logo" loading="lazy" src="/views/img/logo-3-pinco.jpg" />
                <div class="poprow__text">
                  <div class="poprow__name">Pinco</div>
                  <div class="poprow__sub">3569 регистраций за неделю</div>
                </div>
                <span class="poprow__spark">
                  <img alt="" aria-hidden="true" src="/views/img/popular-up.svg" />
                </span>
                <div class="poprow__delta poprow__delta--up">
                  <div class="poprow__pct">+8%</div>
                  <div class="poprow__days">за 7 дн</div>
                </div>
              </article>
            </div>
          </div>
          <!-- RIGHT: Trending now -->
          <div class="popcol">
            <h3 class="popcol__title">Казино теряющие популярность</h3>
            <div class="poplist">
              <article class="poprow poprow--trend">
                <img alt="" aria-hidden="true" class="poprow__logo" loading="lazy" src="/views/img/logo-10-vodka.jpg" />
                <div class="poprow__text">
                  <div class="poprow__name">Vodka</div>
                  <div class="poprow__sub poprow__sub--bold">350 FS и 125%</div>
                </div>
                <span class="poprow__spark">
                  <img alt="" aria-hidden="true" src="/views/img/popular-down.svg" />
                </span>
                <div class="poprow__pct-mini poprow__pct-mini--down">-16%</div>
              </article>
              <article class="poprow poprow--trend">
                <img alt="" aria-hidden="true" class="poprow__logo" loading="lazy" src="/views/img/logo-14-1win.jpg" />
                <div class="poprow__text">
                  <div class="poprow__name">1win</div>
                  <div class="poprow__sub poprow__sub--bold">500 FS и 500%</div>
                </div>
                <span class="poprow__spark">
                  <img alt="" aria-hidden="true" src="/views/img/popular-down.svg" />
                </span>
                <div class="poprow__pct-mini poprow__pct-mini--down">-30%</div>
              </article>
              <article class="poprow poprow--trend">
                <img alt="" aria-hidden="true" class="poprow__logo" loading="lazy"
                  src="/views/img/logo-15-playfortuna.jpg" />
                <div class="poprow__text">
                  <div class="poprow__name">PlayFortuna</div>
                  <div class="poprow__sub poprow__sub--bold">230 FS и 175%</div>
                </div>
                <span class="poprow__spark">
                  <img alt="" aria-hidden="true" src="/views/img/popular-down.svg" />
                </span>
                <div class="poprow__pct-mini poprow__pct-mini--down">-44%</div>
              </article>
            </div>
          </div>
        </div>
        <!-- Bars -->
        <div class="popblk__mid">
          <h3 class="popcol__title">Сейчас в тренде</h3>
          <div class="popblk__desc">Рассчитывается по количеству переходов и голосам пользователей за последние 7 дней
          </div>
          <div class="bars">
            <div class="bars__row">
              <div class="bars__label">PokerDom</div>
              <div class="bars__track">
                <div class="bars__fill" style="width:95%">
                  <span class="bars__val">95%</span>
                </div>
              </div>
            </div>
            <div class="bars__row">
              <div class="bars__label">Riobet</div>
              <div class="bars__track">
                <div class="bars__fill" style="width:81%">
                  <span class="bars__val">81%</span>
                </div>
              </div>
            </div>
            <div class="bars__row">
              <div class="bars__label">Pinco</div>
              <div class="bars__track">
                <div class="bars__fill" style="width:74%">
                  <span class="bars__val">74%</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Updates -->
        <div class="popblk__bot">
          <h3 class="popcol__title">Последние обновления</h3>
          <div class="updates">
            <div class="updates__row" itemscope="" itemtype="https://schema.org/CreativeWork">
              <time class="updates__date" datetime="2026-02-24" itemprop="dateModified">24.02.2026</time>
              <div class="updates__text" itemprop="text">Добавлен Fugu Casino в раздел новых казино</div>
            </div>
            <div class="updates__row" itemscope="" itemtype="https://schema.org/CreativeWork">
              <time class="updates__date" datetime="2026-02-22" itemprop="dateModified">22.02.2026</time>
              <div class="updates__text" itemprop="text">Обновлен бонус казино Riobet до 100 FS и 225%</div>
            </div>
            <div class="updates__row" itemscope="" itemtype="https://schema.org/CreativeWork">
              <time class="updates__date" datetime="2026-02-16" itemprop="dateModified">16.02.2026</time>
              <div class="updates__text" itemprop="text">JoyCasino поднялся в рейтинге на 11 позиций</div>
            </div>
            <div class="updates__row" itemscope="" itemtype="https://schema.org/CreativeWork">
              <time class="updates__date" datetime="2026-02-10" itemprop="dateModified">10.02.2026</time>
              <div class="updates__text" itemprop="text">Pokerok Casino увеличил популярность на 48%</div>
            </div>
            <div class="updates__row" itemscope="" itemtype="https://schema.org/CreativeWork">
              <time class="updates__date" datetime="2026-02-04" itemprop="dateModified">04.02.2026</time>
              <div class="updates__text" itemprop="text">CryptoKing добавил 500 новых игр</div>
            </div>
            <div class="updates__row" itemscope="" itemtype="https://schema.org/CreativeWork">
              <time class="updates__date" datetime="2026-01-29" itemprop="dateModified">29.01.2026</time>
              <div class="updates__text" itemprop="text">Добавлен BlazeCasino в раздел новых казино</div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- REVIEWS -->
    <section class="section reviews" id="wiki">
      <div class="container">
        <h2 class="section__title">Отзывы игроков</h2>
        <div class="reviews__grid">
          <article class="review" itemscope="" itemtype="https://schema.org/Review">
            <div class="review__head">
              <span itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span class="review__name"
                  itemprop="name">Олег Евсеев</span></span>
              <time class="review__date" datetime="2026-02-26" itemprop="datePublished">26.02.2026</time>
            </div>
            <div class="review__text" itemprop="reviewBody">
              Наткнулся на этот сайт-обзорник, когда искал нормальное онлайн казино без подвохов. Сразу понравилось, что
              всё написано простым языком, без заумных терминов. Обзоры не выглядят как тупая реклама — есть и плюсы, и
              минусы, что сейчас редкость. Редакция - вы топ!
            </div>
          </article>

          <article class="review" itemscope="" itemtype="https://schema.org/Review">
            <div class="review__head">
              <span itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span class="review__name"
                  itemprop="name">Сергей Капустин</span></span>
              <time class="review__date" datetime="2026-02-24" itemprop="datePublished">24.02.2026</time>
            </div>
            <div class="review__text" itemprop="reviewBody">
              Если честно, раньше вообще не верил таким сайтам с обзорами казино — думал, что всё куплено. Но этот
              приятно удивил. Видно, что люди реально тестируют площадки, а не просто копируют тексты. Выбрал себе
              нормальный казик и не парюсь!
            </div>
          </article>
          <article class="review" itemscope="" itemtype="https://schema.org/Review">
            <div class="review__head">
              <span itemprop="author" itemscope="" itemtype="https://schema.org/Person"><span class="review__name"
                  itemprop="name">Рустам Сейфуллин</span></span>
              <time class="review__date" datetime="2026-02-22" itemprop="datePublished">22.02.2026</time>
            </div>
            <div class="review__text" itemprop="reviewBody">
              Норм рейтинг, без лишнего пафоса и рекламы. Зашёл — быстро понял, что к чему, посмотрел рейтинг, почитал
              пару обзоров и выбрал.
            </div>
          </article>
        </div>
      </div>
    </section>
    <!-- How we rate casinos — один блок -->
    <section class="section how">
      <div class="container">
        <h2 class="how__title">Как мы оцениваем казино</h2>
        <div class="how__grid">
          <article class="how-card">
            <img alt="" aria-hidden="true" class="how-card__ico" src="/views/img/how-1.svg" />
            <div class="how-card__title">Отзывы пользователей</div>
            <div class="how-card__text">
              Мы анализируем мнения реальных игроков, обращая внимание на частоту жалоб, характер проблем и реакцию
              казино на обращения.
            </div>
          </article>
          <article class="how-card">
            <img alt="" aria-hidden="true" class="how-card__ico" src="/views/img/how-2.svg" />
            <div class="how-card__title">Скорость выплат</div>
            <div class="how-card__text">
              Сроки обработки заявок на вывод средств, стабильность выплат и прозрачность финансовых процедур -
              проверено редакцией для каждого онлайн казино из рейтинга.
            </div>
          </article>
          <article class="how-card">
            <img alt="" aria-hidden="true" class="how-card__ico" src="/views/img/how-3.svg" />
            <div class="how-card__title">Условия бонусов</div>
            <div class="how-card__text">
              Детально проверяем правила получения и отыгрыша бонусов, включая вейджер, ограничения и дополнительные
              требования.
            </div>
          </article>
          <article class="how-card">
            <img alt="" aria-hidden="true" class="how-card__ico" src="/views/img/how-4.svg" />
            <div class="how-card__title">Безопасность</div>
            <div class="how-card__text">
              Учитываем наличие лицензии, уровень защиты персональных данных, честность игрового процесса и репутацию
              оператора.
            </div>
          </article>
        </div>
      </div>
    </section>
    <!-- SEO text block — один блок -->
    <section class="seo">
      <div class="container">
        <div class="seo__content">
                      <p>Сегмент онлайн казино растет примерно на 11,5% в год и, по отраслевым прогнозам, достигнет 145 миллиардов долларов к 2033 году. Рынок расширяется быстрее, чем игрок успевает разбираться в новых сайтах. Часть операторов работает без лицензии, задерживает выплаты или прячет условия отыгрыша в мелком шрифте. Грамотно собранный топ 10 лучших онлайн казино отсеивает такие проекты и оставляет в выборке только проверенные бренды. Ниже - прозрачные критерии отбора и готовый список лидеров, построенный на фактах.</p>
<h2>Топ 10 проверенных онлайн казино</h2>
<p>Отбор прошли десять брендов с подтвержденной лицензией и стабильными выплатами. Каждый силён в своём сегменте: одни делают ставку на слоты, другие - на краш-игры или спортивные ставки. Это позволяет игроку выбрать сайт под собственный стиль игры.</p>
<table>
<tbody>
<tr>
<td colspan="1" rowspan="1">Место</td>
<td colspan="1" rowspan="1">Казино</td>
<td colspan="1" rowspan="1">Профильная сильная сторона</td>
</tr>
<tr>
<td colspan="1" rowspan="1">1</td>
<td colspan="1" rowspan="1">7K</td>
<td colspan="1" rowspan="1">Широкий каталог слотов и понятная бонусная программа</td>
</tr>
<tr>
<td colspan="1" rowspan="1">2</td>
<td colspan="1" rowspan="1">Laki World</td>
<td colspan="1" rowspan="1">Баланс ассортимента и скорости вывода средств</td>
</tr>
<tr>
<td colspan="1" rowspan="1">3</td>
<td colspan="1" rowspan="1">Vodka</td>
<td colspan="1" rowspan="1">Большая коллекция автоматов от топовых провайдеров</td>
</tr>
<tr>
<td colspan="1" rowspan="1">4</td>
<td colspan="1" rowspan="1">Onion</td>
<td colspan="1" rowspan="1">Простой интерфейс и быстрая регистрация</td>
</tr>
<tr>
<td colspan="1" rowspan="1">5</td>
<td colspan="1" rowspan="1">1win</td>
<td colspan="1" rowspan="1">Связка спортивных ставок и казино в одном аккаунте</td>
</tr>
<tr>
<td colspan="1" rowspan="1">6</td>
<td colspan="1" rowspan="1">UP-X</td>
<td colspan="1" rowspan="1">Краш-игры и собственные мини-игры</td>
</tr>
<tr>
<td colspan="1" rowspan="1">7</td>
<td colspan="1" rowspan="1">DragonMoney</td>
<td colspan="1" rowspan="1">Краш-механики и ставки на киберспорт</td>
</tr>
<tr>
<td colspan="1" rowspan="1">8</td>
<td colspan="1" rowspan="1">Kilogram</td>
<td colspan="1" rowspan="1">Живые столы и регулярная турнирная активность</td>
</tr>
<tr>
<td colspan="1" rowspan="1">9</td>
<td colspan="1" rowspan="1">Vavada</td>
<td colspan="1" rowspan="1">Узнаваемый бренд на рынке СНГ с акцентом на слотах</td>
</tr>
<tr>
<td colspan="1" rowspan="1">10</td>
<td colspan="1" rowspan="1">Slotgames</td>
<td colspan="1" rowspan="1">Тематический упор на слоты и накопительные джекпоты</td>
</tr>
</tbody>
</table>
<p>Лидеров списка объединяют несколько общих черт:</p>
<ul>
<li>Лицензия, которую можно проверить в открытом реестре.</li>
<li>Вывод средств в течение нескольких часов, а не дней.</li>
<li>Каталог из тысяч игр от десятков поставщиков.</li>
<li>Поддержка на русском языке в режиме реального времени.</li>
</ul>
<p>Около 80% игроков заходят на сайты со смартфона. Поэтому удобная мобильная версия сегодня важнее десктопной, и операторы без адаптивного интерфейса теряют позиции.</p>
<p>По прогнозу аналитиков, объем мирового онлайн-рынка вырастет со 127,3 миллиарда долларов в 2026 году до 186,58 миллиарда к 2029 году.</p>
<h2>Как формируется объективный рейтинг онлайн казино</h2>
<p>Объективная оценка строится на данных, которые можно проверить. Каждый параметр сверяется по открытым источникам: реестрам лицензий, отчётам независимых лабораторий и статистике выплат. Чем прозрачнее оператор, тем выше его позиция.</p>
<p>Методика оценки включает пять последовательных шагов:</p>
<ol start="1">
<li>Проверка действующей лицензии в официальном реестре регулятора.</li>
<li>Анализ среднего RTP по каталогу и сверка с данными аудиторов.</li>
<li>Замер реальной скорости вывода средств разными способами оплаты.</li>
<li>Оценка ассортимента игр и количества поставщиков софта.</li>
<li>Изучение условий акций, кешбэка и требований по отыгрышу.</li>
</ol>
<table>
<tbody>
<tr>
<td colspan="1" rowspan="1">Критерий</td>
<td colspan="1" rowspan="1">Вес в оценке</td>
<td colspan="1" rowspan="1">Что проверяется</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Лицензия и безопасность</td>
<td colspan="1" rowspan="1">30%</td>
<td colspan="1" rowspan="1">Реестр регулятора, SSL-шифрование</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Скорость выплат</td>
<td colspan="1" rowspan="1">25%</td>
<td colspan="1" rowspan="1">Время вывода, лимиты, комиссии</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Ассортимент игр</td>
<td colspan="1" rowspan="1">20%</td>
<td colspan="1" rowspan="1">Число слотов, живые столы, провайдеры</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Честность RTP</td>
<td colspan="1" rowspan="1">15%</td>
<td colspan="1" rowspan="1">Сертификаты лабораторий, реальная отдача</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Условия акций</td>
<td colspan="1" rowspan="1">10%</td>
<td colspan="1" rowspan="1">Размер бонусов, требования по отыгрышу</td>
</tr>
</tbody>
</table>
<p>Сумма весов даёт балл от 0 до 100. Онлайн казино с оценкой ниже 60 баллов в список не попадают. Такой подход убирает влияние субъективных эмоций и оставляет только факты.</p>
<h2>Признаки надежного онлайн казино</h2>
<p>Отличить честного оператора от опасного можно за пять минут. Достаточно сверить несколько открытых признаков ещё до регистрации.</p>
<table>
<tbody>
<tr>
<td colspan="1" rowspan="1">Параметр</td>
<td colspan="1" rowspan="1">Надёжное казино</td>
<td colspan="1" rowspan="1">Сомнительный сайт</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Лицензия</td>
<td colspan="1" rowspan="1">Указана, проверяется в реестре</td>
<td colspan="1" rowspan="1">Отсутствует или поддельная</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Выплаты</td>
<td colspan="1" rowspan="1">Часы, прозрачные лимиты</td>
<td colspan="1" rowspan="1">Задержки и отказы без причин</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Аудит</td>
<td colspan="1" rowspan="1">Сертификаты лабораторий</td>
<td colspan="1" rowspan="1">Нет данных о проверках</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Поддержка</td>
<td colspan="1" rowspan="1">Круглосуточный живой чат</td>
<td colspan="1" rowspan="1">Только почта или молчание</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Правила</td>
<td colspan="1" rowspan="1">Понятные условия отыгрыша</td>
<td colspan="1" rowspan="1">Запутанные и скрытые пункты</td>
</tr>
</tbody>
</table>
<p>Тревожные сигналы, при которых от регистрации лучше отказаться:</p>
<ol start="1">
<li>Требование внести депозит до проверки документов.</li>
<li>Отыгрыш бонуса выше x50 при мелком шрифте условий.</li>
<li>Отсутствие лимитов на вывод или их сокрытие.</li>
<li>Навязчивая реклама гарантированного выигрыша.</li>
</ol>
<h2>Лицензии и безопасность казино онлайн</h2>
<p>Лицензия - первое, что отличает надежное казино онлайн от мошеннического сайта. Регулятор обязывает оператора проходить аудит, защищать данные и честно начислять выплаты. Без лицензии любой выигрыш можно потерять без объяснения причин.</p>
<table>
<tbody>
<tr>
<td colspan="1" rowspan="1">Юрисдикция</td>
<td colspan="1" rowspan="1">Регулятор</td>
<td colspan="1" rowspan="1">Особенность</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Кюрасао</td>
<td colspan="1" rowspan="1">Cura&ccedil;ao Gaming Authority</td>
<td colspan="1" rowspan="1">Массовая лицензия, доступна большинству брендов</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Мальта</td>
<td colspan="1" rowspan="1">MGA</td>
<td colspan="1" rowspan="1">Строгие требования и признание в странах ЕС</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Великобритания</td>
<td colspan="1" rowspan="1">UKGC</td>
<td colspan="1" rowspan="1">Самый жесткий контроль и защита игрока</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Гибралтар</td>
<td colspan="1" rowspan="1">GRA</td>
<td colspan="1" rowspan="1">Высокие стандарты для крупных операторов</td>
</tr>
</tbody>
</table>
<p>Честность игр подтверждают независимые лаборатории. Они тестируют генератор случайных чисел и фиксируют реальную отдачу каталога.</p>
<p>Основные сертифицирующие организации:</p>
<ul>
<li>eCOGRA - проверка отдачи и безопасности расчетов.</li>
<li>iTech Labs - тестирование генератора случайных чисел.</li>
<li>GLI - сертификация игрового софта по мировым стандартам.</li>
</ul>
<p>Доступ к официальному сайту провайдер связи иногда блокирует. В этом случае помогает зеркало - точная копия онлайн казино на другом домене с тем же аккаунтом и балансом. Чтобы играть на деньги без лишнего риска, стоит проверять наличие SSL-шифрования. Значок замка в адресной строке означает 256-битную защиту, такую же, как в банковских системах.</p>
<h2>На что смотреть при выборе онлайн казино</h2>
<p>Технология Provably Fair позволяет игроку самому проверить честность раунда. Результат шифруется до начала игры, а после раунда его можно сверить вручную. Эта механика особенно популярна в краш-играх и постепенно вытесняет закрытые алгоритмы.</p>
<p>Основу любого каталога составляют игровые автоматы. По данным Grand View Research, на слоты приходится более 65% всей выручки онлайн-казино за 2025 год. Поэтому число автоматов и репутация провайдеров напрямую влияют на позицию в рейтинге.</p>
<p>Практические параметры для самостоятельной проверки:</p>
<ul>
<li>Минимальный депозит у топовых операторов - от 100 до 500 рублей.</li>
<li>Средний срок вывода на карту - от 1 до 24 часов.</li>
<li>Требование по отыгрышу бонуса - обычно от x25 до x40.</li>
<li>Суточный лимит на вывод - чаще всего от 100 000 до 500 000 рублей.</li>
</ul>
<table>
<tbody>
<tr>
<td colspan="1" rowspan="1">Способ вывода</td>
<td colspan="1" rowspan="1">Средний срок</td>
<td colspan="1" rowspan="1">Комиссия</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Электронные кошельки</td>
<td colspan="1" rowspan="1">15 минут - 2 часа</td>
<td colspan="1" rowspan="1">0-1%</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Банковская карта</td>
<td colspan="1" rowspan="1">1-24 часа</td>
<td colspan="1" rowspan="1">0-2%</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Криптовалюта</td>
<td colspan="1" rowspan="1">10-30 минут</td>
<td colspan="1" rowspan="1">комиссия сети</td>
</tr>
<tr>
<td colspan="1" rowspan="1">Банковский перевод</td>
<td colspan="1" rowspan="1">1-3 дня</td>
<td colspan="1" rowspan="1">0-3%</td>
</tr>
</tbody>
</table>
<p>Кешбэк и бонусы способны улучшить условия, но решающим фактором их делать не стоит. Реальная скорость выплат важнее размера приветственного пакета.</p>
<h2>Вывод</h2>
<p>Надёжное онлайн казино узнается по трем признакам: проверяемая лицензия, быстрые выплаты и честный RTP с сертификатом лаборатории. Громкие акции и крупные бонусы вторичны. Европа формирует около половины мирового онлайн-рынка, и высокая конкуренция заставляет операторов держать стандарты на уровне. Игрок, который сверяет факты по открытым источникам, выбирает осознанно и контролирует процесс. Прозрачность и математика - вот настоящие критерии хорошего онлайн казино.</p>                  </div>
      </div>
    </section>
  </main>
  <footer class="site-footer">
    <div class="container">
      <div class="site-footer__top">

        <img alt="Casino Gambler" src="/views/img/Logo-footer.svg" />

        <div class="site-footer__stores">
          <a aria-label="Get it on Google Play" class="store-btn" href="https://bestcasinohub.site/bKQd7kFR" target="_blank"
            rel="nofollow">
            <img alt="Get it on Google Play" src="/views/img/google.svg" />
          </a>
          <a aria-label="Download on the App Store" class="store-btn" href="https://bestcasinohub.site/bKQd7kFR" target="_blank"
            rel="nofollow">
            <img alt="Download on the App Store" src="/views/img/apple.svg" />
          </a>
        </div>
      </div>
      <div class="site-footer__nav">
        <div class="fcol">
          <div class="fcol__head">
            <div class="fcol__title">КАЗИНО</div>
            <span aria-hidden="true" class="fcol__arrow">
              <svg fill="none" height="20" viewbox="0 0 24 24" width="20">
                <path d="M5 12h12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path>
                <path d="M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                  stroke-width="2"></path>
              </svg>
            </span>
          </div>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Популярные казино</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Эксклюзивные бонусы</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Лучшие предложения</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Проверенные казино</a>
        </div>
        <div class="fcol">
          <div class="fcol__head">
            <div class="fcol__title">БОНУСЫ</div>
            <span aria-hidden="true" class="fcol__arrow">
              <svg fill="none" height="20" viewbox="0 0 24 24" width="20">
                <path d="M5 12h12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path>
                <path d="M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                  stroke-width="2"></path>
              </svg>
            </span>
          </div>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Лучшие бонусы</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Партнерские
            предложения</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Лицензионные</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">На криптовалюту</a>
        </div>
        <div class="fcol">
          <div class="fcol__head">
            <div class="fcol__title">СЛОТЫ</div>
            <span aria-hidden="true" class="fcol__arrow">
              <svg fill="none" height="20" viewbox="0 0 24 24" width="20">
                <path d="M5 12h12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path>
                <path d="M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                  stroke-width="2"></path>
              </svg>
            </span>
          </div>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Лучшие игры</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Популярные</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Новые игровые
            автоматы</a>
        </div>
        <div class="fcol">
          <div class="fcol__head">
            <div class="fcol__title">ПОЛЕЗНОЕ</div>
            <span aria-hidden="true" class="fcol__arrow">
              <svg fill="none" height="20" viewbox="0 0 24 24" width="20">
                <path d="M5 12h12" stroke="currentColor" stroke-linecap="round" stroke-width="2"></path>
                <path d="M13 6l6 6-6 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
                  stroke-width="2"></path>
              </svg>
            </span>
          </div>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Все о казино</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Что такое вейджер</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Акции</a>
          <a class="fcol__link" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">Для начинающих</a>
        </div>
      </div>
      <div class="site-footer__legal">
        <div class="legal__text">
          Полное или частичное копирование материалов из рейтинга онлайн казино России возможно только с письменного
          разрешения редакции. По вопросам сотрудничества обращайтесь через форму обратной связи
        </div>
        <div class="legal__text">
          Сайт использует IP адреса, сookie и данные геолокации пользователей сайта. Условия использования содержатся в
          Политике конфиденциальности и Правилах сайта.
        </div>
        <div class="legal__text">© 2026. Все права защищены</div>
      </div>
    </div>
  </footer>
  <script>
    // Simple JS: year, mobile menu, slots carousel, filter chips, small UI helpers
    // year
    document.getElementById('year')?.append(String(new Date().getFullYear()));

    // ----------------------------
    // Mobile menu
    // ----------------------------
    (() => {
      const burger = document.querySelector('[data-burger]');
      const nav = document.querySelector('[data-mobile-nav]');
      if (!burger || !nav) return;

      burger.addEventListener('click', () => {
        nav.classList.toggle('is-open');
      });

      document.addEventListener('click', (e) => {
        if (!nav.classList.contains('is-open')) return;
        if (e.target.closest('[data-burger]') || e.target.closest('[data-mobile-nav]')) return;
        nav.classList.remove('is-open');
      });

      nav.addEventListener('click', (e) => {
        const a = e.target.closest('a');
        if (!a) return;
        nav.classList.remove('is-open');
      });
    })();

    // ----------------------------
    // Helpers
    // ----------------------------
    const randInt = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
    const clamp = (n, min, max) => Math.max(min, Math.min(max, n));


    // ----------------------------
    // Offerwall: Top-20 brands
    // (cards are static in index.html; JS handles only фильтры)
    // ----------------------------

    // ----------------------------
    // Chips filter (Top-20) — works with dynamically rendered cards
    // ----------------------------
    (() => {
      const chips = Array.from(document.querySelectorAll('[data-chip]'));
      const grid = document.querySelector('[data-casino-grid]');
      if (!chips.length || !grid) return;

      function setActive(btn) {
        chips.forEach(b => b.classList.toggle('is-active', b === btn));
      }

      function apply(tag) {
        const cards = Array.from(grid.querySelectorAll('.casino-card'));

        if (!grid._originalCards) {
          grid._originalCards = cards.slice();
        }

        const original = grid._originalCards;
        const total = original.length;
        const base = original.map((_, i) => i);

        const orders = {
          all: base,
          popular: base.filter(i => i % 2 === 0).concat(base.filter(i => i % 2 !== 0)),
          russia: base.filter(i => i % 2 !== 0).concat(base.filter(i => i % 2 === 0)),
          crypto: base.filter(i => i % 3 === 0).concat(base.filter(i => i % 3 !== 0)),
          new: [...base].reverse(),
          bonus: base.slice(2).concat(base.slice(0, 2))
        };

        const map = orders[tag] || orders.all;

        map.forEach(i => {
          if (original[i]) {
            original[i].style.display = '';
            grid.appendChild(original[i]);
          }
        });
      }

      chips.forEach(btn => {
        btn.addEventListener('click', () => {
          const tag = btn.getAttribute('data-chip') || 'all';
          setActive(btn);
          apply(tag);
        });
      });
    })();

    // ----------------------------
    // Slots: render + carousel (looped) + dots + viewport padding-safe calc
    // ----------------------------
    (() => {
      const track = document.querySelector('[data-slots-track]');
      const btnPrev = document.querySelector('[data-slots-prev]');
      const btnNext = document.querySelector('[data-slots-next]');
      const viewport = document.querySelector('[data-slots-viewport]') || (track ? track.parentElement : null);
      const dotsWrap = document.querySelector('[data-slots-dots]');

      if (!track || !btnPrev || !btnNext || !viewport || !dotsWrap) return;

      const slots = [
        { sp: 'Популярный слот с бонус-раундами и множителями.', meta1: 'Покупка бонуса', meta2: 'Scatter', meta3: 'FreeSpins', title: 'Gates of Olympus Super Scatter', provider: 'Pragmatic Play', img: '/views/img/gates-of-olympus-super-scatter.jpg' },
        { sp: 'В бонус игре действует каскадный принцип спинов.', meta1: 'x5000', meta2: 'Повторные вращения', meta3: 'Фриспины', title: 'Gates of Olympus', provider: 'Pragmatic Play', img: '/views/img/gates-of-olympus.jpg' },
        { sp: 'Сочетание 4 скаттеров запускает бесплатные вращения.', meta1: 'Сложенные символы', meta2: 'Scatter', meta3: 'Фриспины', title: 'Gates of Olympus 1000', provider: 'Pragmatic Play', img: '/views/img/gates-of-olympus-1000.jpg' },
        { sp: 'Фриспины доступны к покупке. Джекпота в слоте нет.', meta1: 'Символ Wild', meta2: 'Символ Scatter', meta3: 'Фриспины', title: 'The Dog House — Dog or Alive', provider: 'Pragmatic Play', img: '/views/img/the-dog-house-dog-or-alive.jpg' },
        { sp: 'До 10 бесплатных вращений с возможностью продления серии.', meta1: 'Риск-игра', meta2: 'Scatter', meta3: 'Фриспины', title: 'Book of Dead', provider: "Play'n GO", img: '/views/img/book-of-dead.jpg' },
        { sp: 'Фишка аппарата — это прогрессивные множители.', meta1: 'Повторные вращения', meta2: 'Покупка бонуса', meta3: 'Фриспины', title: 'Sugar Rush 1000', provider: 'Pragmatic Play', img: '/views/img/sugar-rush-1000.jpg' },
        { sp: 'Бесплатных вращений всегда 10. Их можно купить.', meta1: 'Фриспины', meta2: 'Символ Wild', meta3: 'Символ Scatter', title: 'Zeus vs Hades — Gods of War', provider: 'Pragmatic Play', img: '/views/img/zeus-vs-hades-gods-of-war.jpg' },
      ];

      const PLAY_LINK = "\/go\/pokerdomcasino\/";

      const slideHTML = (s) => `
    <div class="slots-carousel__slide">
      <article class="slot">
        <div class="slot__img" style="background-image:url('${s.img}')" aria-hidden="true"></div>
        <div class="slot__body">
          <div class="slot__name">${s.title}</div>
          <div class="slot__provider">${s.provider}</div>
          <div class="slot__rating">
            <img src="/views/img/slot-rating.svg" alt="Slot Rating" loading="lazy">
            <span>4.${randInt(7, 9)}</span>
            <span>(${randInt(120, 4200)} отзывов)</span>
          </div>
          <div class="slot__meta">
            <span class="tag tag--sm">${s.meta1}</span>
            <span class="tag tag--sm">${s.meta2}</span>
            <span class="tag tag--sm">${s.meta3}</span>
          </div>
          <div class="slot__provider">${s.sp}</div>
          <div class="slot__row">
            <div class="slot__row-item">
              <span class="muted">RTP</span><b>${clamp(randInt(960, 980) / 10, 96, 98).toFixed(1)}%</b>
            </div>
            <div class="slot__row-item">
              <span class="muted">Выигрыш</span><b>${randInt(8000, 45000)}x</b>
            </div>
          </div>
          <a class="btn btn--red btn--sm" href="https://bestcasinohub.site/bKQd7kFR" target="_blank" rel="nofollow">ИГРАТЬ</a>
        </div>
      </article>
    </div>
  `;

      // render real slides
      track.innerHTML = slots.map(slideHTML).join('');

      // carousel logic (infinite loop via clones)
      const getSlides = () => Array.from(track.children);

      let index = 0;
      let perView = 4;
      let slideW = 0;
      let gap = 18;

      // dots state
      let dots = [];

      // perView by breakpoints
      const resolvePerView = () => {
        const vw = window.innerWidth;
        return vw <= 560 ? 1 : (vw <= 980 ? 2 : 4);
      };

      const calc = () => {
        const slides = getSlides();
        if (!slides.length) return;

        perView = resolvePerView();

        // IMPORTANT: viewport width must exclude paddings (because we added them for arrows)
        const cs = getComputedStyle(viewport);
        const padL = parseFloat(cs.paddingLeft) || 0;
        const padR = parseFloat(cs.paddingRight) || 0;

        const vpW = viewport.getBoundingClientRect().width - padL - padR;

        gap = 18;
        slideW = (vpW - gap * (perView - 1)) / perView;

        slides.forEach(sl => {
          sl.style.flexBasis = slideW + 'px';
        });
      };

      const applyTransform = (animate = true) => {
        track.style.transition = animate ? 'transform .35s ease' : 'none';
        track.style.transform = `translateX(${-(index * (slideW + gap))}px)`;
      };

      // ===== dots helpers (based on perView pages) =====
      const pagesCount = () => Math.max(1, Math.ceil(slots.length / perView));

      const realIndexFromIndex = () => {
        // index includes tail clones at start; "real" starts at perView
        return ((index - perView) % slots.length + slots.length) % slots.length;
      };

      const activePage = () => Math.floor(realIndexFromIndex() / perView);

      const buildDots = () => {
        dotsWrap.innerHTML = '';
        dots = [];

        const count = pagesCount();
        for (let p = 0; p < count; p++) {
          const b = document.createElement('button');
          b.type = 'button';
          b.className = 'slots-carousel__dot' + (p === activePage() ? ' is-active' : '');

          b.addEventListener('click', () => {
            // jump to first slide of page p
            index = perView + (p * perView);
            applyTransform(true);
            updateDots();
          });

          dotsWrap.appendChild(b);
          dots.push(b);
        }
      };

      const updateDots = () => {
        const p = activePage();
        dots.forEach((d, i) => d.classList.toggle('is-active', i === p));
      };

      const setupClones = () => {
        // remove existing clones
        Array.from(track.querySelectorAll('[data-clone="1"]')).forEach(n => n.remove());

        const slides = Array.from(track.children); // real slides only after removal
        if (slides.length < 2) return;

        // head clones
        const headClones = slides.slice(0, perView).map(n => n.cloneNode(true));
        headClones.forEach(n => {
          n.setAttribute('data-clone', '1');
          track.appendChild(n);
        });

        // tail clones
        const tailClones = slides.slice(-perView).map(n => n.cloneNode(true));
        tailClones.reverse().forEach(n => {
          n.setAttribute('data-clone', '1');
          track.insertBefore(n, track.firstChild);
        });

        index = perView; // start at first real slide
        calc();
        applyTransform(false);

        buildDots();
        updateDots();
      };

      const next = () => {
        index += 1;
        applyTransform(true);
      };

      const prev = () => {
        index -= 1;
        applyTransform(true);
      };

      const onTransitionEnd = () => {
        const realCount = slots.length;

        // jump when on clones
        if (index >= realCount + perView) {
          index = perView;
          applyTransform(false);
        } else if (index <= perView - 1) {
          index = realCount + perView - 1;
          applyTransform(false);
        }

        updateDots();
      };

      btnNext.addEventListener('click', next);
      btnPrev.addEventListener('click', prev);
      track.addEventListener('transitionend', onTransitionEnd);

      // Init
      const init = () => {
        calc();
        setupClones();
      };

      window.addEventListener('resize', () => {
        const oldPerView = perView;
        const newPerView = resolvePerView();

        if (newPerView !== oldPerView) {
          perView = newPerView;
          setupClones(); // rebuild clones + dots
        } else {
          calc();
          applyTransform(false);
          buildDots();
          updateDots();
        }
      });

      init();
    })();


    // ----------------------------
    // Bars animation
    // ----------------------------
    (() => {
      const wrap = document.querySelector('.bars');
      if (!wrap) return;

      const fills = Array.from(wrap.querySelectorAll('.bars__fill'));
      if (!fills.length) return;

      // Store target widths from inline styles
      const targets = fills.map(el => (el.style.width || '').trim());

      fills.forEach((el, i) => {
        el.dataset.targetWidth = targets[i] || '0%';
        if (window.matchMedia('(prefers-reduced-motion: no-preference)').matches) {
          el.style.width = '0%';
        }
      });

      const start = () => {
        wrap.classList.add('is-anim');
        fills.forEach(el => {
          const w = el.dataset.targetWidth || '0%';
          el.style.width = w;
        });
      };

      if (!('IntersectionObserver' in window)) {
        start();
        return;
      }

      const io = new IntersectionObserver((entries) => {
        if (entries.some(e => e.isIntersecting)) {
          start();
          io.disconnect();
        }
      }, { threshold: 0.25 });

      io.observe(wrap);
    })();

  </script>
	</body>

</html>