:root{
  --color-bg:#161C24;
  --color-card:#1a222c;
  --color-text:#cdd6e3;
  --color-muted:#96a0b1;
  --color-accent:#31d67b;
  --color-orange:#ff8a34;
  --color-link:#31d67b;
  --color-border:#233042;
  --radius:16px;
  --radius-lg:20px;
  --shadow:0 8px 24px rgba(0,0,0,.35);
}

/* === Sidebar === */
:root{
  --sidebar-w: 72px; /* ширина бокового меню */
}

.sidebar{
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: var(--sidebar-w);
  background: #1d2839;
  border-right: 1px solid var(--color-border);
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  z-index: 60;
}
.sidebar__logo img{ height: 26px; display:block }
.sidebar__nav{ flex: 1; overflow: auto; width: 100%; }
.sidebar__list{
  list-style: none; margin: 35px 0 0; padding: 0;
  display: grid; gap: 10px; justify-items: center;
}
.sidebar__btn{
  width: 44px; height: 44px; display: grid; place-items: center;
  border-radius: 12px;
  background: var(--color-card);
  border: 1px solid var(--color-border);
  text-decoration: none;
  transition: border-color .2s, transform .1s;
}
.sidebar__btn:hover{ border-color: var(--color-accent) }
.sidebar__btn:active{ transform: translateY(1px) }
.sidebar__btn svg{ width: 20px; height: 20px; fill: currentColor; color: var(--color-text) }

/* Сдвиг основного контента, чтобы не ехал под сайдбар */
body.with-sidebar .header,
body.with-sidebar .main,
body.with-sidebar .hero,
body.with-sidebar .filters,
body.with-sidebar .footer{
  padding-left: var(--sidebar-w);
}

/* Мобильное поведение: скрываем сайдбар, открываем через бургер */
@media (max-width: 767.98px){
  .sidebar{ transform: translateX(-100%); transition: transform .25s ease }
  .sidebar.is-open{ transform: translateX(0) }
  body.with-sidebar .header,
  body.with-sidebar .main,
  body.with-sidebar .hero,
  body.with-sidebar .filters,
  body.with-sidebar .footer{
    padding-left: 0;
  }
}

/* На планшете/десктопе всегда статичен */
@media (min-width: 768px){
  .sidebar{ transform: none }
  body{ padding-left: var(--sidebar-w) } /* альтернативный сдвиг, если не хочется добавлять в секции */
  /* можно убрать предыдущий блок с padding-left у секций, если используешь эту строку */
}


/* Base */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
  background:var(--color-bg);
  color:var(--color-text);
}
img{max-width:100%;display:block}
.container{width:min(1200px,100% - 32px);margin-inline:auto}
.muted{color:var(--color-muted);font-size:.9rem}

/* Header / nav / buttons (минимум, чтобы всё выглядело) */
/* ======== HEADER ======== */
.header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: #11171c;
  border-bottom: 1px solid var(--color-border);
  height: 64px;
  display: flex;
  align-items: center;
}

.header__row--wide {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.header__logo img {
  height: 32px;
  display: block;
}

.header__search {
  position: relative;
  display: flex;
  align-items: center;
  background: #1a222c;
  border-radius: 999px;
  overflow: hidden;
  height: 42px;
  padding: 0 12px;
  transition: background 0.2s;
}

.header__search:hover {
  background: #202a34;
}

.header__input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-size: 0.95rem;
  color: var(--color-text);
  padding: 0 8px;
}

.header__input::placeholder {
  color: var(--color-muted);
}

.header__icon {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.header__icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-muted);
  fill: none;
  stroke-width: 2;
}

.header__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header__link {
  color: var(--color-accent);
  font-weight: 500;
  text-decoration: none;
  font-size: 0.95rem;
  transition: color 0.2s;
}

.header__link:hover {
  color: #3df690;
}

/* Accent button for registration */
.btn--accent {
  background: var(--color-accent);
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  padding: 8px 16px;
  border: none;
  transition: background 0.2s;
}

.btn--accent:hover {
  background: #3df690;
}

/* Mobile adjustments */
@media (max-width: 767.98px) {
  .header {
    height: auto;
    padding: 8px 0;
  }

  .header__row--wide {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .header__actions {
    justify-content: flex-end;
  }

  .header__search {
    width: 100%;
  }
}


.search{display:none;gap:8px;align-items:center}
.search__input{width:100%;padding:10px 12px;border-radius:12px;background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}

.nav{display:none}
.nav__list{display:flex;flex-wrap:wrap;gap:12px;align-items:center;list-style:none;margin:0;padding:0}
.nav__link{display:inline-block;padding:8px 12px;border-radius:999px;background:var(--color-card);border:1px solid var(--color-border);text-decoration:none;color:var(--color-text)}
.nav__link:hover{border-color:var(--color-accent);color:#fff}



.btn{--pad:10px 16px;display:inline-flex;align-items:center;justify-content:center;padding:var(--pad);border-radius:12px;background:var(--color-accent);color:#081115;text-decoration:none;font-weight:600;border:1px solid transparent;box-shadow:var(--shadow)}
.btn--lg{--pad:14px 20px;border-radius:14px}
.btn--ghost{background:transparent;border-color:var(--color-border);color:var(--color-text);box-shadow:none}
.btn--ghost:hover{border-color:var(--color-accent);color:#fff}

/* Hero и фильтры (чтобы верхняя секция собралась) */
.hero{padding:24px 0}
.hero__inner{display:grid;grid-template-columns:1fr;gap:20px;background:linear-gradient(135deg,rgba(49,214,123,.1),rgba(255,138,52,.08));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}
.hero__banner{min-height:160px;border-radius:12px;background:radial-gradient(60% 80% at 60% 40%,rgba(255,138,52,.25),transparent 60%), radial-gradient(50% 80% at 20% 70%,rgba(49,214,123,.25),transparent 60%)}
.hero__title{margin:0 0 6px;font-size:1.6rem}
.hero__text{margin:0 0 14px;color:var(--color-muted)}

.filters{padding:8px 0}
.chips{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow:auto}
.chip{display:inline-block;padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);text-decoration:none;color:var(--color-text);white-space:nowrap}
.chip.is-active{background:rgba(49,214,123,.15);border-color:var(--color-accent)}

/* ==== SLIDER ==== */
.slider { padding: 18px 0 8px; }
.slider__viewport{
  position: relative;
  background: #0f1418;
  overflow: hidden;
}
.slider__track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  scroll-snap-type: x mandatory;
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.slide{
  position: relative;
  display: block;
  min-height: clamp(160px, 30vw, 340px);
  scroll-snap-align: start;
  text-decoration: none;
  color: var(--color-text);
  isolation: isolate;
}
.slide__bg{
  position: absolute; inset: 0;
  background: url('') center/cover no-repeat;
  background-image: var(--img);
  filter: saturate(95%);
}
.slide::after{
  /* лёгкий затемняющий градиент под текст */
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(50% 120% at 25% 40%, rgba(0,0,0,.35), transparent 60%),
              radial-gradient(70% 120% at 75% 60%, rgba(0,0,0,.25), transparent 60%);
  z-index: 0;
}
.slide__content{
  position: relative; z-index: 1;
  display: grid; gap: 8px;
  align-content: center;
  height: 100%;
  padding: clamp(16px,3vw,28px);
  max-width: min(680px, 90%);
}
.slide__content h2{
  margin: 0; line-height: 1.1;
  font-weight: 800; letter-spacing: .2px;
  font-size: clamp(18px, 3.2vw, 34px);
}
.slide__content h2 span{ color: #ffcc66; text-shadow: 0 1px 0 rgba(0,0,0,.2); }
.slide__content p{
  margin: 0; color: var(--color-muted); font-weight: 600;
  text-transform: uppercase; letter-spacing: .6px;
}
.slider__dots{
  position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%);
  display: flex; gap: 10px; align-items: center;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(0,0,0,.18);
  backdrop-filter: blur(6px);
}
.slider__dot{
  width: 72px; height: 6px; border-radius: 999px;
  background: #65707f; opacity: .45; border: 1px solid rgba(0,0,0,.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.slider__dot.is-active{
  background: var(--color-accent);
  opacity: 1;
}

/* адаптивность */
@media (max-width: 767.98px){
  .slider__dot{ width: 36px; }
  .slide{ min-height: clamp(160px, 48vw, 260px); }
}

/* ===== Providers + Chips ===== */
.providers-filters{ padding: 10px 0 6px; }

.hscroll{ display: flex; gap: 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 6px 2px; }
.hscroll::-webkit-scrollbar{ height:8px }
.hscroll::-webkit-scrollbar-thumb{ background:#1e2732; border-radius:999px }
.hscroll{ scrollbar-color:#1e2732 transparent; scrollbar-width:thin }

/* Providers row */
.providers{ list-style:none; margin:0 0 10px; padding:0; align-items:center; }
.provider{
  display:inline-flex; align-items:center; justify-content:center;
  height:44px; min-width:140px; padding:0 18px;
  border-radius:999px; text-decoration:none; color:#cfd7e4;
  background:#1a222c; border:1px solid var(--color-border);
  letter-spacing:.4px; font-weight:700; opacity:.9;
}
.provider:hover{ border-color: var(--color-accent); opacity:1 }

/* Chips row */
.filters-row{ display:flex; align-items:center; gap:12px; }
.chips{ list-style:none; margin:0; padding:0; align-items:center; }
.chip{
  display:inline-flex; align-items:center; gap:8px;
  height:40px; padding:0 14px; border-radius:999px;
  background:#2a313b; border:1px solid #3a4553;
  text-decoration:none; color:var(--color-text); white-space:nowrap; font-weight:600;
}
.chip:hover{ border-color: var(--color-accent) }
.chip.is-active{ background:#3b464f; border-color: var(--color-accent) }

/* Icon pills (мини-эмодзи в кружке) */
.ico{
  width:26px; height:26px; border-radius:50%;
  display:inline-grid; place-items:center; font-style:normal; font-size:14px;
  background:#1f2731; border:1px solid #3a4553;
}
.ico--heart{ background:#35272a }      .ico--heart:before{ content:"❤" }
.ico--like{  background:#2f3826 }      .ico--like:before{  content:"👍" }
.ico--bolt{  background:#2f2838 }      .ico--bolt:before{  content:"⚡" }
.ico--rocket{background:#22342d }      .ico--rocket:before{content:"🛸" }
.ico--cam{   background:#332525 }      .ico--cam:before{   content:"📹" }
.ico--board{ background:#293529 }      .ico--board:before{ content:"🟢" }
.ico--gem{   background:#1f2f2a }      .ico--gem:before{   content:"💎" }

/* Search pill to look like chip */
.chip-search{
  display:flex; align-items:center; flex:0 0 auto;
  height:40px; padding:0 12px; border-radius:999px;
  background:#2a313b; border:1px solid #3a4553;
  min-width:210px;
}
.chip-search__icon{
  width:18px; height:18px; margin-right:8px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M10 4a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm9 15-4-4\"/></svg>') center/contain no-repeat;
  background:#93a0b1;
}
.chip-search__input{
  background:transparent; border:0; outline:0; color:var(--color-text);
  width:160px;
}
.chip-search__input::placeholder{ color:#93a0b1 }

/* Responsive behavior */
@media (max-width: 1023.98px){
  .filters-row{ gap:10px }
  .chip-search{ min-width:180px }
}
@media (max-width: 767.98px){
  .providers{ margin-bottom:8px }
  .filters-row{ flex-wrap:nowrap }
  .chip-search{ flex: 0 0 200px }             /* остаётся в конце ряда */
}
@media (min-width: 1024px){
  .hscroll{ overflow-x: visible; flex-wrap: wrap }  /* на десктопе перенос */
}

/* Контейнер секции: строго две строки */
.providers-filters .container{
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 12px;
}

/* Общая настройка горизонтальных рядов */
.hscroll{
  display: flex;
  gap: 12px;
  overflow-x: auto;            /* и на десктопе, и на мобиле */
  -webkit-overflow-scrolling: touch;
  padding: 6px 2px;
  flex-wrap: nowrap;           /* всегда одна строка */
  white-space: nowrap;
  justify-content: space-between;
}
.hscroll::-webkit-scrollbar{ height:8px }
.hscroll::-webkit-scrollbar-thumb{ background:#1e2732; border-radius:999px }
.hscroll{ scrollbar-color:#1e2732 transparent; scrollbar-width:thin }

/* 1-я строка: провайдеры — одна линия */
.providers{ list-style:none; margin:0; padding:0; align-items:center; }
.provider{
  display:inline-flex; align-items:center; justify-content:center;
  height:30px; min-width:140px; padding:0 14px;
  border-radius:999px; text-decoration:none; color:#cfd7e4;
  background:#1a222c; border:1px solid var(--color-border);
  letter-spacing:.4px; font-weight:700; opacity:.9; font-size: 12px;
}
.provider:hover{ border-color: var(--color-accent); opacity:1 }

/* 2-я строка: чипы слева (скроллятся), поиск справа — фикс */
.filters-row{
  display: grid;
  grid-template-columns: 1fr auto;   /* чипы занимают всё, поиск прижат справа */
  align-items: center;
  gap: 12px;
}
.chips{ list-style:none; margin:0; padding:0; align-items:center; }
.chip{
  display:inline-flex; align-items:center; gap:8px;
  height:40px; padding:0 14px; border-radius:999px;
  background:#2a313b; border:1px solid #3a4553;
  text-decoration:none; color:var(--color-text); white-space:nowrap; font-weight:600;
}
.chip:hover{ border-color: var(--color-accent) }
.chip.is-active{ background:#3b464f; border-color: var(--color-accent) }

/* Поиск-пилюля справа (не скроллится, всегда на правом краю 2-й строки) */
.chip-search{
  display:flex; align-items:center; flex:0 0 auto;
  height:40px; padding:0 12px; border-radius:999px;
  background:#2a313b; border:1px solid #3a4553;
  min-width:210px;
}
.chip-search__icon{
  width:18px; height:18px; margin-right:8px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M10 4a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm9 15-4-4"/></svg>') center/contain no-repeat;
  background:#93a0b1;
}
.chip-search__input{
  background:transparent; border:0; outline:0; color:var(--color-text); width:160px;
}
.chip-search__input::placeholder{ color:#93a0b1 }

/* Моб. подстройки: всё остаётся в две строки, каждая строка — скролл */
@media (max-width: 767.98px){
  .chip-search{ min-width: 180px }
}

/* Slider bg — одно правило, без шортханда background */
.slide__bg{
  position:absolute; inset:0;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  background-image: var(--img); /* ключевая строка */
}

/* Скрываем горизонтальную полосу прокрутки, но оставляем возможность скроллить */
.hscroll {
  -ms-overflow-style: none;  /* IE и Edge */
  scrollbar-width: none;     /* Firefox */
}

.hscroll::-webkit-scrollbar {
  display: none;             /* Chrome, Safari и Opera */
}

/* базовая шапка */
.header{position:sticky;top:0;z-index:60;background:#11171c;border-bottom:1px solid var(--color-border)}
.header__row--wide{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;height:56px}
.header__logo img{height:auto; width: 200px;}

/* бургер */
.burger{width:30px;height:20px;display:grid;place-items:center;background:transparent; border: none;}
.burger span{width:18px;height:2px;background:var(--color-text);display:block;}
.burger span+span{margin-top:4px}

/* десктоп-поиск */
.header__search{display:none;align-items:center;background:#1a222c;height:30px;padding:0 12px}
.header__input{flex:1;background:transparent;outline:0;color:var(--color-text);font-size:.95rem}
.header__input::placeholder{color:var(--color-muted)}
.header__icon{background:none;display:grid;place-items:center}
.header__icon svg{width:18px;height:18px;stroke:var(--color-muted);fill:none;stroke-width:2}

/* действия справа */
.header__actions{display:flex;align-items:flex-end;justify-content: flex-end;gap:10px}
.btn--accent{    color: #fff;
    background: #00ab55;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0, 171, 85, .25);}
.header__search-btn{width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;background:#1a222c;display:grid;place-items:center}
.header__search-btn svg{width:18px;height:18px;stroke:#93a0b1;fill:none;stroke-width:2}

/* выпадающий поиск (моб.) */
.search-drop{display:none;border-top:1px solid var(--color-border);background:#11171c;padding:10px 0}
.search-drop__form{display:flex;gap:8px;align-items:center;width:min(1200px,100% - 32px);margin:0 auto}
.search-drop__input{flex:1;height:42px;border-radius:999px;background:#1a222c;border:1px solid var(--color-border);color:var(--color-text);padding:0 14px}
.search-drop__btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--color-border);background:#1a222c}
.search-drop__btn{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="white" d="M10 4a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm9 15-4-4"/></svg>') center/18px no-repeat;background-color:#93a0b1}

/* состояния */
.header.is-search-open .search-drop{display:block}

/* адаптив: моб. вид */
@media (max-width:767.98px){
  .header__search{display:none}                  /* скрыть большую пилюлю */
  .burger{display:grid}
}

/* адаптив: планшет/десктоп */
@media (min-width:768px){
  .burger{display:none}                          /* бургер убираем */
  .header__search{display:flex}                  /* показать большую пилюлю */
  .header__search-btn{display:none}              /* круглая лупа не нужна */
  .search-drop{display:none!important}           /* дроп не нужен */
}

@media (max-width: 767px) {
   .btn--accent {
           padding: 8px 16px;
           font-size: 14px;
           font-weight: 600;
           border-radius: 4px;
}
.header__search-btn {
    width: 30px;
    height: 30px;
}

}

/* ==== Games (final) ==== */
.games{padding:16px 0 8px}
.games__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.games__title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem}
.games__bolt{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#242b34;border:1px solid #3a4553}
.games__bolt::before{content:"";width:12px;height:12px;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 2 3 14h7l-1 8 12-14h-7l1-6Z"/></svg>') center/contain no-repeat;background:linear-gradient(180deg,#ffa144,#9b5cff)}
.games__more{color:var(--color-accent);text-decoration:none;font-weight:600}

/* заполняем ширину секции */
.games__grid{
  --gap:16px;
  display:grid;
  gap:var(--gap);
  grid-template-columns:repeat(2,minmax(0,1fr));  /* моб */
  align-items:stretch;
  margin:0; padding:0; list-style:none;
  padding-bottom: 16px;
}
@media (min-width:768px){  .games__grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:1024px){ .games__grid{grid-template-columns:repeat(4,minmax(0,1fr))} }
@media (min-width:1280px){ .games__grid{grid-template-columns:repeat(6,minmax(0,1fr))} } /* десктоп ровно 6 */

/* карточка */
.game{list-style:none}
.game__link{position:relative;display:block;height:100%;border-radius:16px;overflow:hidden;background:#1a222c;border:1px solid var(--color-border)}
.game__img{display:block;width:100%;aspect-ratio:4/5;background:var(--img) center/cover no-repeat}
.game__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;opacity:0;transition:opacity .2s;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}
.game__link:hover .game__overlay{opacity:1}
.game__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.45);border:2px solid rgba(255,255,255,.25)}
.game__play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);width:0;height:0;border-left:16px solid var(--color-accent);border-top:10px solid transparent;border-bottom:10px solid transparent}
.game__meta{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}
.game__name{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game__demo{color:var(--color-muted)}
/* Заголовок секции */
.games__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.games__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

/* Круглая иконка с молнией */
.games__bolt {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #242b34;
  border: 1px solid #3a4553;
  position: relative;
  overflow: hidden;
}

/* Молния по центру, нормальный размер */
.games__bolt::before {
  content: "";
  width: 14px;
  height: 14px;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 2 3 14h7l-1 8 12-14h-7l1-6Z"/></svg>') center/contain no-repeat;
  background: linear-gradient(180deg, #ffa144, #9b5cff);
}

/* Ссылка "Показать ещё" */
.games__more {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
}
.games__more:hover {
  color: #3df690;
}

@media (max-width: 767px) {
    .games__more {
        display: none;
}}

/* ===== JACKPOT BAR ===== */
.jackpots{ padding: 10px 0; }
.jp-wrap{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr)) auto; /* 4 сегмента + кнопка */
  align-items: center;
  gap: 0;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  /* фон-переходы и мягкая фактура */
  background:
    radial-gradient(160% 100% at 50% 50%, rgba(255,255,255,.06), transparent 60%),
    repeating-linear-gradient(120deg, rgba(255,255,255,.02) 0 6px, rgba(255,255,255,0) 6px 12px),
    linear-gradient(90deg,#2c5771 0%, #2a7d80 30%, #1f8b78 55%, #2aa45d 80%, #2eb35a 100%);
}

/* разделители между сегментами */
.jp-item{ position: relative; display:flex; gap:12px; align-items:center; padding:16px 18px; color:#fff; text-decoration:none }
.jp-item + .jp-item::before{
  content:""; position:absolute; left:0; top:14px; bottom:14px;
  width:1px; background:rgba(255,255,255,.25); opacity:.35;
}

.jp-ico{ flex:0 0 auto; width:70px; height:70px; border-radius:10px; overflow:hidden; display:grid; place-items:center; }
.jp-ico img{ width:100%; height:100%; object-fit:contain; display:block; }

.jp-text{ display:grid; gap:2px; line-height:1.1 }
.jp-name{ font-weight:800; text-transform:uppercase; letter-spacing:.4px; font-size:1.02rem; }
.jp-value{ font-weight:800; font-size:1.1rem; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,.25) }

/* правая кнопка "Инфо" */
.jp-info{
  display:inline-flex; align-items:center; justify-content:center;
  gap:8px; margin-right:10px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.25);
  color:#fff; text-decoration:none; padding:10px 16px; border-radius:999px;
}
.jp-info__ico{
  width:20px; height:20px; border-radius:50%; display:grid; place-items:center;
  background:#fff; color:#0c1510; font-weight:800; font-family:system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.jp-info__txt{ font-weight:700 }

/* адаптивность */
@media (max-width: 1023.98px){
  .jp-wrap{
    grid-template-columns: 1fr;  /* 2х2 сетка */
    row-gap: 0;
  }
  .jp-info{ grid-column: 1 / -1; margin: 8px 10px; justify-self: end; }
  .jp-item + .jp-item::before{ display:none } /* разделители убираем в сетке 2x2 */
  .jp-item{ padding:14px 16px }
  .jp-name{ font-size:1rem }
  .jp-value{ font-size:1.05rem }
}
.jp-info {
    align-items: flex-start;
    justify-content: flex-start;
    justify-self: auto;
        text-align: center;
}
@media (max-width: 599.98px){
  .jp-ico{ width:40px; height:40px }
  .jp-item{ padding:12px 14px }
}


/* === Promo split === */
.promo-split{ padding: 8px 0 6px; }
.promo-split__grid{
  display:grid; gap:16px;
  grid-template-columns:1fr;
}
@media (min-width:768px){
  .promo-split__grid{ grid-template-columns:1fr 1fr; }
}

.promo-card{
  position:relative; display:block; color:#fff; text-decoration:none;
  min-height: clamp(180px, 26vw, 260px);
  /* даём возможность боковой картинке вылезти за радиус */
  overflow: visible;
}
.promo-card__inner{
  position:relative; height:100%;
  border-radius:16px;
  overflow:hidden;                 /* фон обрезается по радиусу */
  background-image: var(--bg);
  background-size:cover;
  background-position:center right;
  isolation:isolate;
}

/* затемнение под текст слева */
.promo-card__inner::after{
  content:""; position:absolute; inset:0; z-index:1;
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%,
                                     rgba(0,0,0,.2) 42%,
                                     rgba(0,0,0,0) 70%);
}

/* контент */
.promo-card__content{
  position:relative; z-index:2;
  display:grid; gap:14px; align-content:center;
  height:100%;
  padding: 22px clamp(16px,3vw,28px);
}
.promo-card__content h3{
  margin:0; line-height:1.05; letter-spacing:.2px; text-transform:uppercase;
  font-weight:800; font-size: clamp(20px, 3.4vw, 30px);
}

/* кнопка */
.promo-card__btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 16px; border-radius:10px;
  background: var(--color-accent); color:#0e1512;
  font-weight:700; border:1px solid rgba(0,0,0,.08);
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  transition: transform .15s, filter .2s;
  max-width: 50%;
}
.promo-card:hover .promo-card__btn{ filter:brightness(1.05) }
.promo-card:active .promo-card__btn{ transform:translateY(1px) }

/* Боковая картинка (выходит вправо) */
.promo-card__side{
  position:absolute; right:-24px; bottom:-8px; z-index:2;
  width:min(42%, 360px); aspect-ratio: 1/1;
  background-image: var(--side);
  background-size:contain; background-repeat:no-repeat; background-position:center;
  pointer-events:none;                 /* не перехватывает клики */
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.35));
  transform: translateZ(0);            /* четче рендер */
}
/* чуть уменьшить на узких */
@media (max-width: 767.98px){
  .promo-card__side{ right:-14px; width:min(56%, 320px); }
  .promo-card__content{ padding-right: 38% } /* чтобы текст не наезжал */
}



@media (max-width: 767px) {
    .promo-card {
        display: none;
}}


/* Заголовок над лентой */
.events{ padding:14px 0 }
.events__head-row{ display:flex; gap:16px; margin-bottom:10px; align-items:center; }
.events__head{ display:flex; gap:10px; align-items:center }
.events__ico{ width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#242b34;border:1px solid #3a4553 }
.events__title{ margin:0; font-size:1.25rem }

/* Лента карточек */
.events__scroll{
  display:flex; gap:16px; align-items:stretch;
  overflow-x:auto; padding:6px 2px 10px;
  scroll-snap-type:x mandatory;  /* приятная фиксация по карточкам */
}
.events__scroll > .event{ scroll-snap-align:start; }

/* скрыть полосу прокрутки */
.events__scroll{ scrollbar-width:none; }
.events__scroll::-webkit-scrollbar{ height:0; width:0; }

/* Карточка фиксированной “плиткой” */
.event{
  flex:0 0 clamp(240px, 32vw, 390px);  /* ширина карточки адаптивная */
  background:var(--color-card);
  border:1px solid var(--color-border);
  border-radius:14px; overflow:hidden; list-style:none;
}
.event__link{ display:grid; grid-template-rows:auto 1fr; text-decoration:none; color:var(--color-text); height:100% }
.event__img{ aspect-ratio: 16/9; background:var(--img) center/cover no-repeat; position:relative; display:block }
.event__badge{ position:absolute; z-index:2; margin:10px; padding:6px 10px; background:linear-gradient(180deg,#35e084,#28c46f); color:#0d1512; font-weight:700; border-radius:8px; border:1px solid rgba(0,0,0,.15) }
.event__body{ display:grid; gap:8px; padding:14px }
.event__row{ display:flex; align-items:center; gap:8px }
.event__name{ font-weight:700; font-size:1.05rem }
.event__meta{ font-size:.92rem }
.event__label{ font-size:.9rem }
.event__prize{ font-weight:800; font-size:1.1rem; color:#fff }
.event__more{ margin-top:8px; display:inline-block; color:var(--color-accent); font-weight:600 }
.event__more:hover{ color:#3df690 }
.event:hover{ border-color:#2f8f62 }

/* === EVENTS: mobile fixes (full-bleed scroll, proper card size) === */
@media (max-width: 767.98px){
  /* делаем ленту на всю ширину экрана: выносим за паддинги контейнера */
  .events .events__scroll{
    margin-left:  calc(-1 * (var(--container-pad, 16px)));
    margin-right: calc(-1 * (var(--container-pad, 16px)));
    padding-left:  var(--container-pad, 16px);
    padding-right: var(--container-pad, 16px);
  }

  /* если контейнер без переменной — подстрахуем */
  .container { --container-pad: 16px; }

  /* карточка шире, чтобы смотреться как «слайд» */
  .events .event{
    flex: 0 0 84vw;                 /* видно одну карту почти на весь экран */
    max-width: 380px;               /* стопор на больших мобилках */
  }

  /* изображение выше — как в рефе */
  .events .event__img{
    aspect-ratio: 16 / 9;
    min-height: 160px;
  }

  /* бейдж не слипается с радиусом */
  .events .event__badge{
    margin: 12px;
    transform: translateZ(0);
  }

  /* чутка уплотним контент */
  .events .event__body{ padding: 12px }
  .events .event__name{ font-size: 1rem }
  .events .event__meta{ font-size: .9rem }
}

/* плавный скролл/drag на iOS/Android */
.events .events__scroll{
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
}
.events .events__scroll > .event{ scroll-snap-align: start }

/* совсем узкие экраны — ещё шире карта */
@media (max-width: 360px){
  .events .event{ flex-basis: 90vw; }
}

@media (max-width: 767.98px){
  .events .events__head-row .events__head:nth-child(2){ display:none; }
}

/* === EVENTS: мобильная горизонтальная лента без подрезания === */
@media (max-width: 767.98px){
  /* лента на всю ширину экрана, вне контейнера */
  .events .events__scroll{
    width: 100vw;
    margin-left:  calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0 16px 12px;           /* внутренние отступы вместо контейнера */
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }
  .events .events__scroll > .event{ scroll-snap-align: start; }

  /* карточка — почти на весь экран */
  .events .event{
    flex: 0 0 calc(100vw - 32px);   /* ширина = экран минус паддинги ленты */
    max-width: none;
  }

  /* картинка повыше, бейдж не упирается в радиус */
  .events .event__img{ aspect-ratio: 16/9; min-height: 180px; }
  .events .event__badge{ margin: 12px; }

  /* чутка плотнее текст */
  .events .event__body{ padding: 12px; }
  .events .event__name{ font-size: 1rem; }
  .events .event__meta{ font-size: .9rem; }
}

/* скрываем полосу прокрутки у ленты */
.events .events__scroll{ scrollbar-width: none; }
.events .events__scroll::-webkit-scrollbar{ width:0; height:0; }


/* ===== Footer ===== */
.site-footer{margin-top:28px;border-top:1px solid var(--color-border);padding:22px 0 36px}
.footer__grid{
  display:grid;gap:20px;align-items:start;
  grid-template-columns: 1fr;             /* mobile */
}
.footer__logo img{height:28px;display:block;opacity:.95}
.footer__col{}
.footer__title{margin:0 0 10px;font-size:1rem;font-weight:700}
.footer__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer__list a{color:var(--color-text);text-decoration:none;opacity:.9}
.footer__list a:hover{color:#fff}

/* контакты */
.footer__contacts .footer__contact-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.footer__contact-list a{color:var(--color-link);text-decoration:none}
.footer__contact-list a:hover{color:#3df690}
.i{--sz:18px;width:var(--sz);height:var(--sz);display:inline-block;margin-right:10px;
    border:1px solid #3a4553;border-radius:6px;opacity:.9;vertical-align:-3px}
.i--chat {mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 5h16v11a2 2 0 0 1-2 2H9l-5 3v-3H6a2 2 0 0 1-2-2V5Z"/></svg>') center/70% no-repeat;background:#93a0b1}
.i--bag  {mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 7h12l1 12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2L6 7Zm3 0V5a3 3 0 1 1 6 0v2"/></svg>') center/70% no-repeat;background:#93a0b1}
.i--gift {mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 11h18v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9Zm0-2 2-4h14l2 4H3Zm8 0v12"/></svg>') center/70% no-repeat;background:#93a0b1}

/* низ футера */
.footer__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}
.pay{display:flex;gap:12px;list-style:none;margin:0;padding:0;color:var(--color-muted)}

/* Responsive */
@media (min-width:768px){
  .footer__grid{
    grid-template-columns: auto 1fr 1fr 1.2fr; /* logo + 3 колонки */
  }
}


/* ==== Legal Footer ==== */
.legal {
  border-top: 1px dashed #2b333e;
  padding: 24px 0 32px;
  color: var(--color-muted, #9ba4b0);
  font-size: 0.875rem;
  line-height: 1.5;
}

.legal__grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

.legal__text {
  flex: 1 1 600px;
  max-width: 900px;
}
.legal__text p {
  margin: 0 0 12px;
}
.legal__text a {
  color: var(--color-accent, #00c569);
  text-decoration: none;
}
.legal__text a:hover {
  color: #3df690;
}

.legal__logos {
  display: flex;
  align-items: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.legal__logos img {
  height: 28px;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.legal__logos img:hover {
  opacity: 1;
}

/* ===== Responsive ===== */
@media (max-width: 992px) {
  .legal__grid {
    flex-direction: column;
    gap: 20px;
  }
  .legal__text {
    flex: none;
    width: 100%;
  }
  .legal__logos {
    justify-content: flex-start;
    gap: 16px;
  }
  .legal__logos img {
    height: 24px;
  }
}

/* Bottom mobile bar */
.mbar{
  position:fixed; left:0; right:0; bottom:0;
  z-index:70;
  background:#1a222c;
  border-top:1px solid var(--color-border,#233042);
  padding-bottom: max(6px, env(safe-area-inset-bottom)); /* iOS safe area */
  display:none;
}
@media (max-width:767.98px){ .mbar{ display:block } }

.mbar__list{
  margin:0; padding:8px 10px 6px;
  list-style:none; display:flex; align-items:flex-end; justify-content:space-between;
  position:relative; min-height:64px;
}

/* обычные пункты */
.mbar__item{ flex:1 1 25%; text-align:center }
.mbar__link{
  display:flex; flex-direction:column; align-items:center; gap:4px;
  text-decoration:none; color:var(--color-text,#cdd6e3); font-size:.5rem; opacity:.9;
}
.mbar__link.is-active{ color:#fff }
.mbar__link .mbar__ico{
  width:22px; height:22px; fill:currentColor; opacity:.9;
}

/* FAB по центру */
.mbar__fab{
  position:absolute; left:50%; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:6px;
}
.mbar__fabbtn{
  width:56px; height:56px; border-radius:999px;
  background:var(--color-accent,#31d67b); color:#0d1512;
  display:grid; place-items:center; border:4px solid #1a222c;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  transform:translateY(-22px);
}
.mbar__fabbtn svg{ width:26px; height:26px; fill:currentColor }
.mbar__fablabel{
  font-size:.5rem; color:var(--color-text,#cdd6e3);
  transform:translateY(-18px); /* подпись ближе к FAB */
}

/* небольшие ховеры */
.mbar__link:hover{ color:#fff }
.mbar__fabbtn:active{ transform:translateY(-20px) }



/* сверхузкие дисплеи — ещё компактнее */
@media (max-width: 360px){
  .mbar__link{ font-size: .5rem; }
  .mbar__item:nth-child(2){ margin-right: 40px; }
  .mbar__item:nth-last-child(2){ margin-left: 40px; }
  .mbar__fabbtn{ width: 48px; height: 48px; transform: translateY(-5px); }
  .mbar__fabbtn svg{ width:22px; height:22px; }
  .mbar__fablabel{ transform: translateY(-5px); }
}

.text {
	gap: 20px;
}
.textseo {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 16px;
}

/* для горизонтальных списков */
.hscroll[data-scroll="x"]{
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  touch-action: pan-x;     /* позволяет свайп по оси X */
  user-select: none;
}

.vxod {
	color: #00ab55;
    text-decoration: none;
	 background-color: transparent;
	 font: inherit;
	 cursor: pointer;
	 box-shadow: none; }

	 /* Нативная горизонтальная прокрутка, без JS */
.hscroll[data-scroll="x"]{
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
  touch-action: pan-x;      /* важно для тач-жестов */
  user-select: none;
}
.hscroll::-webkit-scrollbar{ height: 0 }




@media (max-width: 767px) {
    .vxod{
        display: none;
}}
/* =========================
   KAKTUS CASINO: NEON DESERT / CACTUS-GLOW
   Scope: #kaktus-slider
   ========================= */

#kaktus-slider{
  --kkt-bg1:#07110f;
  --kkt-bg2:#0b1512;

  --kkt-ink: rgba(255,255,255,.86);
  --kkt-muted: rgba(255,255,255,.62);

  --kkt-lime:#2bff88;
  --kkt-green:#10d46c;
  --kkt-cyan:#36f3ff;
  --kkt-gold:#ffd36a;
  --kkt-pink:#ff4fd8;

  --kkt-radius: 26px;
  --kkt-shadow: 0 26px 90px rgba(0,0,0,.58);
  --kkt-border: rgba(255,255,255,.10);

  max-width: 1160px;
  margin: 26px auto;
  padding: 0;
  color: var(--kkt-ink);
}

#kaktus-slider .container{
  position: relative;
  padding: 26px 20px 74px;
  border-radius: var(--kkt-radius);
  overflow: hidden;
  box-shadow: var(--kkt-shadow);

  background:
    radial-gradient(880px 420px at 18% 12%, rgba(43,255,136,.18), transparent 62%),
    radial-gradient(860px 420px at 86% 18%, rgba(54,243,255,.14), transparent 62%),
    radial-gradient(860px 420px at 72% 92%, rgba(255,211,106,.10), transparent 66%),
    linear-gradient(180deg, rgba(11,21,18,.96), rgba(7,17,15,.96));
  border: 1px solid rgba(255,255,255,.10);
}

/* “desert dust” + лёгкий noise */
#kaktus-slider .container::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(rgba(255,255,255,.14) 1px, transparent 2px);
  background-size: 34px 34px;
  opacity: .06;
  pointer-events:none;
}

/* “cactus needles” – декоративная кайма сверху/снизу */
#kaktus-slider .container::after{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  top: 12px;
  height: 10px;
  border-radius: 999px;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(43,255,136,.0) 0 10px,
      rgba(43,255,136,.42) 10px 12px,
      rgba(43,255,136,.0) 12px 22px
    );
  box-shadow: 0 0 0 6px rgba(43,255,136,.05);
  opacity: .75;
  pointer-events:none;
}

/* -------------------------
   Text area glass card
   ------------------------- */
#kaktus-slider .text{
  position: relative;
  padding: 18px 16px 8px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  box-shadow: 0 14px 38px rgba(0,0,0,.32);
}

/* -------------------------
   H1: gradient neon text + underline
   ------------------------- */
#kaktus-slider h1{
  margin: 0 0 12px;
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.08;
  font-size: clamp(24px, 2.8vw, 44px);

  /* gradient text */
  background: linear-gradient(90deg, var(--kkt-lime), var(--kkt-cyan), var(--kkt-gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent; /* [web:754][web:760] */

  text-shadow: 0 0 28px rgba(43,255,136,.10);
  position: relative;
  padding-bottom: 12px;
}

#kaktus-slider h1::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: 0;
  width: 260px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(43,255,136,.90), rgba(54,243,255,.60), rgba(255,211,106,.55));
  box-shadow: 0 0 0 6px rgba(43,255,136,.06);
}

/* paragraphs blocks: “карточки текста” */
#kaktus-slider .textseo{
  margin: 12px 0;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(680px 220px at 18% 0%, rgba(43,255,136,.10), transparent 62%),
    rgba(255,255,255,.02);
  color: rgba(255,255,255,.78);
  line-height: 1.9;
  box-shadow: 0 12px 28px rgba(0,0,0,.24);
  position: relative;
  overflow: hidden;
}

/* “неоновая колючка” слева у каждого SEO блока */
#kaktus-slider .textseo::before{
  content:"";
  position:absolute;
  left: 12px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(43,255,136,.85), rgba(54,243,255,.55), rgba(255,211,106,.45));
  box-shadow: 0 0 18px rgba(43,255,136,.14);
  opacity: .9;
}

/* -------------------------
   H2
   ------------------------- */
#kaktus-slider h2{
  margin: 22px 0 10px;
  padding-left: 18px;
  font-weight: 900;
  font-size: clamp(18px, 1.6vw, 26px);
  color: rgba(255,255,255,.92);
  position: relative;
}

#kaktus-slider h2::before{
  content:"🌵";
  position:absolute;
  left:0;
  top: .05em;
  filter: drop-shadow(0 0 14px rgba(43,255,136,.18));
}

/* =========================
   TABLE: “NEEDLE CARDS” (3 columns)
   ========================= */

#kaktus-slider .meo-kkt-table-jyrtpa{
  width: 100%;
  margin: 14px 0 8px;

  border-collapse: separate;
  border-spacing: 0 14px; /* gap между карточками */ /* [web:706] */
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* header: glass capsule */
#kaktus-slider .meo-kkt-table-jyrtpa thead th{
  padding: 14px 16px;
  text-align: left;
  white-space: nowrap;
  font-weight: 950;
  color: rgba(255,255,255,.92);

  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(90deg, rgba(43,255,136,.22), rgba(54,243,255,.16), rgba(255,211,106,.14));
}
#kaktus-slider .meo-kkt-table-jyrtpa thead th:first-child{
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}
#kaktus-slider .meo-kkt-table-jyrtpa thead th:last-child{
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* body cells */
#kaktus-slider .meo-kkt-table-jyrtpa tbody td{
  padding: 16px 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  color: rgba(255,255,255,.80);
  vertical-align: top;
  position: relative;
  overflow: hidden;
}

/* row looks like 1 big card */
#kaktus-slider .meo-kkt-table-jyrtpa tbody td:first-child{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 950;
  color: rgba(255,255,255,.92);
  padding-left: 54px;
}

/* cactus “badge” in first column */
#kaktus-slider .meo-kkt-table-jyrtpa tbody td:first-child::before{
  content:"🌵";
  position:absolute;
  left: 16px;
  top: 14px;
  font-size: 22px;
  filter: drop-shadow(0 0 16px rgba(43,255,136,.18));
}

/* animated “needle line” across each cell (subtle) */
#kaktus-slider .meo-kkt-table-jyrtpa tbody td::after{
  content:"";
  position:absolute;
  left: 14px;
  right: 14px;
  top: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(43,255,136,0),
    rgba(43,255,136,.60),
    rgba(54,243,255,.45),
    rgba(255,211,106,.35),
    rgba(43,255,136,0)
  );
  opacity: .18;
  pointer-events:none;
}

/* right radius */
#kaktus-slider .meo-kkt-table-jyrtpa tbody td:last-child{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* hover: “колючая подсветка” */
#kaktus-slider .meo-kkt-table-jyrtpa tbody tr:hover td{
  border-color: rgba(43,255,136,.22);
  background:
    radial-gradient(680px 220px at 18% 0%, rgba(43,255,136,.12), transparent 62%),
    rgba(0,0,0,.20);
  transform: translateY(-1px);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

/* -------------------------
   Mobile
   ------------------------- */
@media (max-width: 860px){
  #kaktus-slider .container{
    padding: 18px 12px 54px;
    border-radius: 20px;
  }

  #kaktus-slider .meo-kkt-table-jyrtpa{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    border-spacing: 0 10px;
  }

  #kaktus-slider .meo-kkt-table-jyrtpa th,
  #kaktus-slider .meo-kkt-table-jyrtpa td{
    min-width: 220px;
  }
}