/*!
Theme Name: fast-theme
Author: xside
Description: fast-theme for fast websites
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fast-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ========== RESET + BASE ========== */
*, *::before, *::after { box-sizing: border-box; }
* { min-width: 0; }
html, body { height: 100%; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
  color: #e8f0ff;
  background: #1d3584;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img, svg, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
ul, ol { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }

/* ========== THEME VARS ========== */
:root{
  --header-h:72px;
  --sidebar-w:264px;
  --sidebar-w-mini:84px;
  --content-max:1440px;
  --radius:14px;

  --bg-900:#070b1a; --bg-800:#0a0e23; --bg-700:#0f1540; --bg-600:#141b53; --bg-500:#1b2472; --bg-400:#22318f;
  --brand-500:#2563eb; --brand-600:#1e4fd8; --brand-700:#173fb3;
  --accent-500:#10b981; --accent-600:#0ca36f; --accent-700:#0b8a60;
  --warn-500:#f59e0b; --danger-500:#ef4444;

  --text-100:#f4f7ff; --text-200:#d9e4ff; --text-300:#b9c8ff; --muted:#93a4d1;

  --shadow-1:0 6px 16px rgba(5,12,47,.35), inset 0 1px 0 rgba(255,255,255,.04);
  --shadow-2:0 12px 28px rgba(5,12,47,.45), 0 2px 8px rgba(0,0,0,.2);
  --glass:rgba(255,255,255,.06);
}

/* ========== SCROLLBAR ========== */
*::-webkit-scrollbar { height: 10px; width: 10px; }
*::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#3a56e0,#2743ce); border-radius: 999px; }
*::-webkit-scrollbar-track { background: transparent; }

/* ========== HELPERS ========== */
.skip-link{ position:absolute; left:8px; top:-48px; z-index:10000; background:#11183d; color:#fff; padding:10px 14px; border-radius:8px; transition:top .2s; }
.skip-link:focus{ top:8px; }
.container { width: min(100%, var(--content-max)); margin-inline: auto; }
.hidden { display: none !important; }
.muted { color: var(--muted); }

/* ========== LAYOUT CONTAINERS ========== */
.section {
  padding: 24px clamp(16px, 2.2vw, 28px);
  margin: 0 auto;
  max-width: calc(var(--content-max) + var(--sidebar-w));
}
.section__title {
  margin: 24px 0 14px;
  font-size: clamp(18px, 1.6vw, 22px);
  font-weight: 700;
  color: var(--text-100);
}

/* ========== HEADER (FIXED) ========== */
.header{
  position: fixed; inset: 0 0 auto 0; height: var(--header-h); z-index: 1000;
  background: linear-gradient(180deg, #1b2aa3, #16237f 55%, #121c63 100%);
  box-shadow: var(--shadow-1);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.header__inner{
  height: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 16px;
  align-items: center;
  padding: 0 clamp(12px,2vw,24px);
  max-width: calc(var(--content-max) + var(--sidebar-w));
  margin: 0 auto;
    background: url(/wp-content/uploads/2025/09/grenades-pattern.webp);
    background-size: 93px;	
}
.logo{ display:inline-flex; align-items:center; gap:10px; font-weight:800; letter-spacing:.2px; color:#fff; white-space:nowrap; }
.logo img{ height:34px; width:auto; filter: drop-shadow(0 3px 10px rgba(16,185,129,.25)); }
.search{
  display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center;
  max-width:680px; min-width:260px; margin-left:max(8px,3vw);
}
.search input{
  width:100%; height:42px;
  background: radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.10), rgba(255,255,255,.04) 60%), var(--glass);
  border:1px solid rgba(255,255,255,.12); color:#fff; border-radius:999px; padding:0 14px;
  outline:none; transition:border-color .2s, box-shadow .2s, background .2s; box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.search input::placeholder{ color:#c6d3ff99; }
.search input:focus{ border-color:#6ea8ff; box-shadow:0 0 0 3px rgba(99,102,241,.25); }
.header__actions{ display:inline-flex; gap:10px; white-space:nowrap; }
.btn{
  --bg:#2737b3; --bg2:#1e2a8f; --bd:rgba(255,255,255,.15); --txt:#fff;
  border:1px solid var(--bd); background:linear-gradient(180deg, var(--bg), var(--bg2));
  color:var(--txt); padding:10px 14px; border-radius:12px; cursor:pointer; box-shadow:var(--shadow-1);
  transition:transform .12s ease, filter .2s ease, box-shadow .2s ease;
}
.btn:hover{ filter:brightness(1.06); }
.btn:active{ transform:translateY(1px); }
.btn--ghost{ --bg:rgba(255,255,255,.05); --bg2:rgba(255,255,255,.02); --bd:rgba(255,255,255,.14); --txt:#e8f0ff; backdrop-filter: blur(6px); }
.btn--primary{ --bg:#2b5cf3; --bg2:#2349cf; }
.btn--success{ --bg:#14c98a; --bg2:#0ba96f; }
.btn--icon{
  width:42px; height:42px; border-radius:999px; border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(180deg,#2737b3,#1e2a8f); display:grid; place-items:center; box-shadow:var(--shadow-1); cursor:pointer;
}

/* Burger */
.burger{
  width:42px; height:42px; border-radius:10px; border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(180deg,#2737b3,#1e2a8f); box-shadow:var(--shadow-1);
  display:inline-grid; place-content:center; gap:4px; cursor:pointer;
}
.burger span{ width:20px; height:2px; background:#fff; border-radius:999px; transition: transform .25s, opacity .25s; }
/* крестик когда открыто мобильное меню или свернут десктоп */
body.nav-open .burger span:nth-child(1),
.burger[aria-expanded="false"] span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
body.nav-open .burger span:nth-child(2),
.burger[aria-expanded="false"] span:nth-child(2){ opacity: 0; }
body.nav-open .burger span:nth-child(3),
.burger[aria-expanded="false"] span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }

/* ========== SIDEBAR (FIXED) ========== */
.sidebar{
  position: fixed; top: var(--header-h); left: 0; bottom: 0; z-index: 900;
  width: var(--sidebar-w);
  background: linear-gradient(180deg, #182889, #162277 60%, #121c63 100%);
  border-right: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow-1);
  display: grid; grid-template-rows: 1fr auto;
  transition: width .2s ease;
}
.sidebar__nav{ padding:14px 10px 12px; overflow:auto; }
.sidebar__nav a{
  display:grid; grid-template-columns:36px 1fr; align-items:center; gap:12px;
  padding:10px 12px; border-radius:12px; color:var(--text-200);
  transition: background .15s, color .15s, transform .1s;
}
.sidebar__nav li + li{ margin-top:6px; }
.sidebar__nav a:hover{ background:rgba(255,255,255,.06); color:#fff; }
.sidebar__nav .active > a, .sidebar__nav a:active{
  background: linear-gradient(180deg, #2645e7, #2038c9);
  color:#fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.sidebar__footer{
  padding:12px; display:grid; grid-auto-flow:column; gap:10px; border-top:1px solid rgba(255,255,255,.08);
}
.lang{ padding:8px 10px; border-radius:10px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); cursor:pointer; }
.lang.alt{ background: rgba(255,255,255,.03); }

/* Sidebar icons */
.i{ width:24px; height:24px; display:inline-block; border-radius:6px; background: linear-gradient(180deg,#2e48ef,#1f38c8); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 6px 14px rgba(16,24,80,.35); }
.i--home{ background-image: radial-gradient(8px 8px at 6px 6px,#92b4ff 40%,transparent 41%), radial-gradient(8px 8px at 18px 18px,#6bf0c4 40%,transparent 41%); background-size:22px 22px,22px 22px; background-repeat:no-repeat; }
.i--gift{ background-image: radial-gradient(8px 8px at 50% 40%, #ffdd71 40%, transparent 41%); }
.i--chip, .i--live, .i--jackpot, .i--sport, .i--trophy, .i--vip, .i--help { opacity: .9; }

/* Collapsed sidebar (desktop) */
body.sidebar-collapsed{ --sidebar-w: var(--sidebar-w-mini); }
body.sidebar-collapsed .sidebar__nav a{ grid-template-columns:36px 0; justify-items:center; }
body.sidebar-collapsed .sidebar__nav .label{ opacity:0; visibility:hidden; width:0; overflow:hidden; }
body.sidebar-collapsed .sidebar__footer{ grid-auto-flow:row; justify-items:center; }
body.sidebar-collapsed .main{ margin-left: var(--sidebar-w-mini); }

/* ========== MAIN WRAP ========== */
.main{ padding-top: var(--header-h); margin-left: var(--sidebar-w); min-height: 100vh; transition: margin-left .2s ease; padding-left: 5px;}


footer {
	padding-top: var(--header-h);
    margin-left: var(--sidebar-w);
}
/* ========== SLIDER ========== */
.slider{
  position: relative; border-radius: var(--radius);
  background: linear-gradient(180deg, #182889, #162277 60%, #121c63);
  padding: clamp(12px, 1.2vw, 16px);
  box-shadow: var(--shadow-2);
}
.slider__viewport{ overflow: hidden; border-radius: calc(var(--radius) - 6px); }
.slider__track{ display: grid; grid-auto-flow: column; grid-auto-columns: 100%; transition: transform .55s cubic-bezier(.22,.85,.27,1); }
.slide{ position: relative; min-height: clamp(240px, 34vw, 380px); isolation: isolate; overflow: hidden; display: grid; align-items: stretch; }
.slide__bg, .slide__bg::after{
  position: absolute; inset: 0; border-radius: 12px; z-index: 0;
  background: radial-gradient(120% 160% at 80% 0%, #2b5cf3 0%, #1e2a8f 50%, #141b53 100%);
}
.slide__bg.alt{ background: radial-gradient(120% 160% at 10% 0%, #8b5cf6 0%, #4c1d95 55%, #141b53 100%); }
.slide__bg.alt2{ background: radial-gradient(120% 160% at 10% 0%, #22d3ee 0%, #0891b2 55%, #0b3b66 100%); }
.slide__content{ position: relative; z-index: 2; padding: clamp(18px, 3vw, 32px); display: grid; align-content: center; gap:10px; max-width:720px; color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.15); }
.slide .badge{ display:inline-block; background: linear-gradient(180deg,#ffb648,#f59e0b); color:#0b0e29; font-weight:800; padding:6px 10px; border-radius:999px; box-shadow:0 4px 14px rgba(245,158,11,.35); }
.slide__title{ font-size: clamp(22px, 3.4vw, 38px); font-weight: 900; letter-spacing:.2px; }
.slide__desc{ color: var(--text-200); max-width: 52ch; }
.slide__cta{ display: inline-flex; gap: 10px; margin-top: 6px; }
.slider__arrow{
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(180deg, #2637b7, #1f2e9a); box-shadow: var(--shadow-1);
  display: grid; place-items: center; cursor: pointer; color:#fff; z-index:3;
}
.slider__arrow span{ font-size: 24px; transform: translateY(-1px); }
.slider__arrow.prev{ left: 10px; }
.slider__arrow.next{ right: 10px; }
.slider__arrow:hover{ filter: brightness(1.06); }
/* Parallax decor */
.parallax{ position:absolute; border-radius:50%; filter:blur(1px); opacity:.45; z-index:1; }
.p1{ width:240px; height:240px; right:-40px; bottom:-40px; background: radial-gradient(circle at 30% 30%, #22d3ee, #2349cf); }
.p2{ width:180px; height:180px; right:120px; top:24px; background: radial-gradient(circle at 30% 30%, #10b981, #1f2e9a); }
.p3{ width:260px; height:260px; left:-60px; bottom:-50px; background: radial-gradient(circle at 40% 40%, #f59e0b, #7c2d12); }
/* slide enter animation */
.slide [data-anim]{ opacity:0; transform:translateY(12px) scale(.98); transition: transform .5s ease, opacity .5s ease; }
.slide.is-active [data-anim]{ opacity:1; transform:none; }
.slide.is-active [data-anim]:nth-child(1){ transition-delay:.05s; }
.slide.is-active [data-anim]:nth-child(2){ transition-delay:.12s; }
.slide.is-active [data-anim]:nth-child(3){ transition-delay:.18s; }
.slide.is-active [data-anim]:nth-child(4){ transition-delay:.26s; }

/* ========== CATEGORY CHIPS (with icons) ========== */
.chips{ display:flex; align-items:center; gap:8px; flex-wrap:nowrap; padding:14px 4px 4px; overflow-x:auto; scrollbar-width:thin; }
.chip{
  --bg: rgba(255,255,255,.06);
  color: var(--text-200);
  background: var(--bg);
  border:1px solid rgba(255,255,255,.12);
  padding:8px 12px; border-radius:999px; cursor:pointer;
  transition: background .15s, color .15s, transform .1s, border-color .15s;
  white-space:nowrap; display:inline-flex; align-items:center; gap:8px;
}
.chip .ci{ width:16px; height:16px; color:#bfe0ff; }
.chip:hover{ background: rgba(255,255,255,.1); color:#fff; }
.chip.active{
  color:#0b0e29; background: linear-gradient(180deg, #8fd3ff, #5ea5ff);
  border-color: transparent; box-shadow: 0 6px 16px rgba(59,130,246,.35);
}
.chips__all{ margin-left:auto; font-weight:700; color:#9fc1ff; padding:8px 12px; border-radius:10px; }
.chips__all:hover{ background: rgba(255,255,255,.06); color:#cde0ff; }

/* ========== GAMES GRID ========== */
.grid.games{ --min:168px; display:grid; grid-template-columns: repeat(auto-fill, minmax(var(--min), 1fr)); gap:14px; }
.card.game{
  position:relative; overflow:hidden; border-radius:16px;
  background: linear-gradient(180deg, #0d143a, #0b102e);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 20px rgba(5,12,47,.4);
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
  display:grid; grid-template-rows:1fr auto;
}
.card.game img{ width:100%; aspect-ratio:3/4; object-fit:cover; background:#0a0e23; }
.card.game .game__title{ padding:10px 12px; font-weight:700; color:var(--text-100); background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); }
.card.game:hover{ transform: translateY(-4px); box-shadow: 0 16px 34px rgba(11,19,61,.55); border-color: rgba(137,180,255,.35); }
.badge{ position:absolute; top:10px; left:10px; z-index:2; padding:6px 10px; border-radius:999px; font-weight:800; font-size:12px; }
.badge--num{
  display:grid; place-items:center; width:28px; height:28px; border-radius:999px;
  background: linear-gradient(180deg,#2b5cf3,#2039c7); color:#fff; border:1px solid rgba(255,255,255,.24);
  box-shadow: 0 8px 18px rgba(32,57,199,.45);
}

/* ========== FOOTER ========== */
.footer{
  margin:28px auto 0; padding:26px clamp(16px,2.2vw,28px);
  background: linear-gradient(180deg, #0b102e, #0a0e23);
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer__cols{
  display:grid; gap:22px; grid-template-columns: repeat(4, minmax(0,1fr));
  max-width: calc(var(--content-max) + var(--sidebar-w)); margin:0 auto;
}
.footer__cols h4{ font-size:14px; text-transform:uppercase; letter-spacing:.8px; color:#b9c8ff; margin-bottom:12px; }
.footer__cols li + li{ margin-top:8px; }
.footer__cols a{ color:#9fb2ff; }
.footer__cols a:hover{ color:#cfe0ff; text-decoration: underline; }
.footer__legal{
  max-width: calc(var(--content-max) + var(--sidebar-w));
  margin:18px auto 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.08);
  color:#8da1dd; font-size:13px;
}

/* ========== ACCESSIBILITY / STATES ========== */
:focus-visible { outline:3px solid #6ea8ff; outline-offset:2px; }
a:focus-visible, button:focus-visible { border-radius:10px; }

@supports (backdrop-filter: blur(6px)) {
  .header.scrolled{
    background: linear-gradient(180deg, rgba(27,42,163,.85), rgba(18,28,99,.9));
    backdrop-filter: blur(6px);
  }
}

/* ========== REDUCED MOTION ========== */
@media (prefers-reduced-motion: reduce){ *{ transition:none !important; animation:none !important; } }

/* ========== RESPONSIVE ========== */
@media (max-width:1280px){ :root{ --sidebar-w:240px; } }

@media (max-width:1100px){
  .search{ margin-left:12px; min-width:200px; }
  .footer__cols{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width:980px){
  :root{ --sidebar-w:0px; }
  .sidebar{ width:280px; transform: translateX(-100%); transition: transform .25s ease; top: var(--header-h); height: calc(100vh - var(--header-h)); }
  body.nav-open .sidebar{ transform: translateX(0); }
  .main{ margin-left:0; }
  body.nav-open::after{
    content:""; position:fixed; inset: var(--header-h) 0 0 0; background: rgba(7,11,26,.55);
    backdrop-filter: blur(2px); z-index:800;
  }
}

@media (max-width:860px){
  .header__inner{ gap:10px; }
  .search{ grid-template-columns: 1fr auto; max-width:100%; margin-left:0; min-width:0; }
  .footer__cols{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width:600px){
  :root{ --header-h:64px; }
  .btn--icon, .burger{ width:38px; height:38px; }
  .grid.games{ --min:140px; gap:12px; }
  .footer__cols{ grid-template-columns: 1fr; }
}

/* ========== PAGE BG DECOR ========== */
body::before{
  content:""; position:fixed; inset:-20% -10% auto -10%; height:60%;
  background: radial-gradient(50% 50% at 20% 20%, rgba(37,99,235,.18), transparent 60%),
              radial-gradient(60% 60% at 80% 10%, rgba(16,185,129,.12), transparent 70%);
  pointer-events:none; z-index:0;
}


/* ========== RESPONSIVE ========== */
@media (max-width:980px){ .sidebar{ width:280px; transform: translateX(-100%); }
body.nav-open .sidebar{ transform: translateX(0); } }



  .slider {
      position: relative;
      height: var(--slider-height);
      min-height: 420px;
      overflow: hidden;
      isolation: isolate;
      color: #fff;
    }

    /* Пузырьковый «cartoon»-паттерн поверх видео */
    .slider::before{
      content:"";
      position:absolute; inset:0;
      z-index: 1;
      background:
        radial-gradient(20% 30% at 20% 20%, rgba(255,255,255,.10), transparent 60%),
        radial-gradient(16% 24% at 70% 10%, rgba(255,255,255,.08), transparent 60%),
        radial-gradient(18% 20% at 85% 70%, rgba(255,255,255,.10), transparent 60%),
        radial-gradient(12% 16% at 15% 80%, rgba(255,255,255,.06), transparent 60%);
      mix-blend-mode: screen;
      pointer-events:none;
    }

    /* Лёгкая вуаль для читабельности */
    .slider::after {
      content:"";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(15,21,36,.25), rgba(15,21,36,.45));
      z-index: 1;
      pointer-events: none;
    }

    /* Видео-фон */
    .slider__bg { position:absolute; inset:0; z-index:0; overflow:hidden; }
    .slider__bg video {
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit: cover;
      filter: saturate(110%) brightness(0.9);
      pointer-events:none;
    }

    /* Сцена слайдов поверх */
    .slider__stage { position:relative; height:100%; z-index:2; }

    .slider__slide {
      position:absolute; inset:0;
      padding: clamp(16px, 4vw, 56px);
      text-align:center;
      opacity:0; transition: opacity var(--slide-fade) ease;
      pointer-events:none;
    }
    .slider__slide.is-active { opacity:1; pointer-events:auto; }

    .slider__content { max-width:min(1100px,92vw); }

    /* Заголовок с лёгкой обводкой/тенью как в играх */
    .slider__title{
      margin:0 0 .45em;
      font-size: clamp(26px, 6vw, 64px);
      line-height: 1.05;
      letter-spacing: .5px;
      text-wrap: balance;
      -webkit-text-stroke: 2px rgba(10,25,55,.35);
      text-shadow:
        0 4px 0 rgba(0,0,0,.18),
        0 12px 24px rgba(0,0,0,.35);
    }

    .slider__text{
      margin: 0 auto 1.3em;
      max-width: 72ch;
      font-size: clamp(16px, 2.4vw, 20px);
      opacity:.98;
      text-shadow: 0 2px 10px rgba(0,0,0,.35);
    }

    /* Кнопки — «глянцевые» с толстой обводкой и нижней «ступенькой» */
    .btns { display:inline-flex; gap:14px; flex-wrap:wrap; justify-content:center; }

    .btn{
      position:relative;
      appearance:none; border:0; cursor:pointer; user-select:none;
      font: 700 16px/1 "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
      text-transform: uppercase; letter-spacing: .6px;
      padding: 14px 22px;
      border-radius: 14px;
      color:#fff;
      transform: translateY(0);
      transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
      box-shadow:
        0 6px 0 var(--outline),            /* нижний бордюр-ступенька */
        0 12px 22px rgba(0,0,0,.28);       /* общая тень */
      text-shadow: 0 2px 0 rgba(0,0,0,.25);
      outline: 3px solid var(--outline);
      outline-offset: -3px;
      overflow:hidden;
    }
    /* Блик сверху */
    .btn::after{
      content:"";
      position:absolute; left:6px; right:6px; top:6px; height:45%;
      background: linear-gradient(to bottom, rgba(255,255,255,.65), rgba(255,255,255,0) 70%);
      border-radius: 10px;
      pointer-events:none;
      mix-blend-mode: soft-light;
    }

    /* Варианты как в примере: синяя и зелёная */
    .btn--blue{
      background: linear-gradient(180deg, var(--blue-1) 10%, var(--blue-2) 60%, var(--blue-3) 120%);
      outline-color: #143A7A;
      box-shadow:
        0 6px 0 #143A7A,
        0 12px 22px rgba(0,0,0,.28);
    }
    .btn--green{
      background: linear-gradient(180deg, var(--green-1) 10%, var(--green-2) 60%, var(--green-3) 120%);
      outline-color: #0F5C1D;
      box-shadow:
        0 6px 0 #0F5C1D,
        0 12px 22px rgba(0,0,0,.28);
    }

    .btn:hover{ transform: translateY(-2px); filter: brightness(1.03); }
    .btn:active{
      transform: translateY(3px);
      box-shadow:
        0 2px 0 var(--outline),
        0 8px 16px rgba(0,0,0,.25);
    }
    .btn:focus-visible{ outline: 4px solid #fff; outline-offset: 2px; }

    /* Стрелки — «пузырьки» */
    .slider__arrows{
      position:absolute; inset:0; display:flex; align-items:center; justify-content:space-between;
      padding: 0 clamp(8px, 2vw, 24px); z-index:3; pointer-events:none;
    }
    .arrow{
      pointer-events:auto; width:56px; height:56px; border-radius:14px;
      display:grid; place-items:center; font-size:28px; line-height:1;
      color:#fff; cursor:pointer; border:0;
      background: linear-gradient(180deg, #6FB6FF 10%, #2E7BEF 70%);
      outline: 3px solid #0E2A57; outline-offset: -3px;
      box-shadow: 0 6px 0 #0E2A57, 0 10px 18px rgba(0,0,0,.28);
      transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
    }
    .arrow:hover{ transform: translateY(-2px); filter: brightness(1.05); }
    .arrow:active{ transform: translateY(2px); box-shadow: 0 3px 0 #0E2A57, 0 6px 12px rgba(0,0,0,.25); }

    /* Точки — «конфетки» */
    .slider__dots{
      position:absolute; left:50%; bottom:16px; transform: translateX(-50%);
      display:flex; gap:10px; z-index:3;
    }
    .dot{
      position:relative;
      width:14px; height:14px; border-radius:50%;
      background: linear-gradient(180deg, #ffffff 0%, #A4D0FF 45%, #2E7BEF 120%);
      outline: 3px solid #0E2A57; outline-offset: -3px;
      box-shadow: 0 4px 0 #0E2A57, 0 8px 16px rgba(0,0,0,.25);
      cursor:pointer;
      transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
    }
    .dot::after{
      content:""; position:absolute; left:3px; right:3px; top:2px; height:42%;
      background: linear-gradient(to bottom, rgba(255,255,255,.85), rgba(255,255,255,0));
      border-radius: 50%;
      pointer-events:none;
    }
    .dot:hover{ transform: translateY(-1px); filter: brightness(1.05); }
    .dot[aria-current="true"]{
      background: linear-gradient(180deg, #B4FF8F 10%, #2FCC40 70%);
      outline-color:#0F5C1D;
      box-shadow: 0 4px 0 #0F5C1D, 0 8px 16px rgba(0,0,0,.25);
    }

    /* Мобильный: постер вместо видео */
    @media (max-width: 767px) {
      .slider__bg video { display:none; }
      .slider {
        background: center/cover no-repeat url("https://pistol.viki.monster/wp-content/uploads/2025/09/desktop_intro-v4.jpg");
      }
    }

    /* Prefer-reduced-motion: без автоигры анимаций */
    @media (prefers-reduced-motion: reduce) {
      .slider__slide { transition:none; }
    }


/* Палитра/контуры */
:root{
  --pc-blue-1:#8fd0ff; --pc-blue-2:#3a91ff; --pc-blue-3:#1b56b5;
  --pc-outline:#0E2A57; --pc-shadow:rgba(0,0,0,.35);
  --pc-orange-1:#FFA84D; --pc-orange-2:#FF7A17; --pc-orange-3:#C84E00;
  --pc-green-1:#9BFF7A; --pc-green-2:#36D744; --pc-green-3:#158221;
}

/* Карточка оффера */
.promo-card{
  position: relative;
  display: inline-block;
  max-width: min(980px, 92vw);
  margin: 0 auto;
  border-radius: 20px;
  outline: 4px solid var(--pc-outline);
  outline-offset: -4px;
  box-shadow: 0 10px 0 var(--pc-outline), 0 20px 40px var(--pc-shadow);
  /* Слоёный фон: блики + паттерн + синий градиент */
  background:
    radial-gradient(120px 80px at 92% 18%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%),
    radial-gradient(120px 80px at 8% 14%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%),
    radial-gradient(18px 18px at 20% 30%, rgba(255,255,255,.18), transparent 60%),
    radial-gradient(18px 18px at 40% 65%, rgba(255,255,255,.14), transparent 60%),
    radial-gradient(18px 18px at 70% 40%, rgba(255,255,255,.16), transparent 60%),
    linear-gradient(180deg, var(--pc-blue-1) 0%, var(--pc-blue-2) 50%, var(--pc-blue-3) 115%);
}

/* Внутренние отступы */
.promo-body{
  padding: clamp(18px, 3.6vw, 28px) clamp(16px, 4vw, 40px) clamp(22px, 4.4vw, 34px);
  text-align: center;
}

/* Верхняя «лента» */
.promo-ribbon{
  position: absolute; left: 50%; top: -20px; transform: translateX(-50%);
  background: linear-gradient(180deg, var(--pc-orange-1), var(--pc-orange-2) 70%, var(--pc-orange-3) 120%);
  color:#fff; padding: 8px 18px; border-radius: 10px;
  font: 700 16px/1.1 "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  text-shadow: 0 2px 0 rgba(0,0,0,.25);
  outline: 4px solid #7A2A00; outline-offset:-4px;
  box-shadow: 0 8px 0 #7A2A00, 0 12px 22px rgba(0,0,0,.25);
}
.promo-ribbon::before,
.promo-ribbon::after{
  content:""; position:absolute; top:50%; width:22px; height:14px; transform: translateY(-50%);
  background: linear-gradient(180deg, #FF9840, #E76409 90%);
  outline:4px solid #7A2A00; outline-offset:-4px; box-shadow:0 6px 0 #7A2A00;
  clip-path: polygon(0 0, 100% 30%, 100% 70%, 0 100%); /* «хвостики» */
  border-radius: 3px;
}
.promo-ribbon::before{ left:-18px; transform: translateY(-50%) scaleX(-1); }
.promo-ribbon::after{ right:-18px; }

/* Большой заголовок внутри карточки */
.promo-title{
  margin: clamp(6px, .8vw, 10px) 0 clamp(12px, 1.2vw, 16px);
  font: 800 clamp(24px, 5.8vw, 54px)/1.05 "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  color: #FFD86A; /* базовый тон букв */
  background: linear-gradient(180deg, #FFE99C 0%, #FFC54D 45%, #FF9F17 90%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  -webkit-text-stroke: 2px rgba(10,25,55,.45);
  text-shadow:
    0 3px 0 rgba(0,0,0,.25),
    0 10px 18px rgba(0,0,0,.3);
}

/* Кнопка CTA с «глянцем» и «ступенькой» */
.promo-cta{
  position: relative; display: inline-block;
  margin-top: clamp(10px, 1.2vw, 14px);
  padding: 14px 28px;
  border-radius: 16px;
  font: 800 clamp(16px, 2.6vw, 26px)/1 "Fredoka", system-ui, -apple-system, "Segoe UI", Roboto, Arial;
  text-transform: uppercase; letter-spacing: .6px;
  color:#fff; text-decoration:none;
  background: linear-gradient(180deg, var(--pc-green-1) 8%, var(--pc-green-2) 60%, var(--pc-green-3) 120%);
  outline: 4px solid #0F5C1D; outline-offset: -4px;
  box-shadow: 0 8px 0 #0F5C1D, 0 16px 28px rgba(0,0,0,.28);
  text-shadow: 0 2px 0 rgba(0,0,0,.25);
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
  overflow: hidden;
}
.promo-cta::after{ /* верхний блик */
  content:""; position:absolute; left:8px; right:8px; top:7px; height:46%;
  background: linear-gradient(to bottom, rgba(255,255,255,.65), rgba(255,255,255,0) 70%);
  border-radius: 12px; pointer-events:none; mix-blend-mode: soft-light;
}
.promo-cta:hover{ transform: translateY(-2px); filter: brightness(1.04); }
.promo-cta:active{ transform: translateY(3px); box-shadow: 0 4px 0 #0F5C1D, 0 10px 18px rgba(0,0,0,.25); }

/* Декоративные «дырки» на кнопке */
.promo-cta .hole{
  --x:50%; --y:50%; --s:16px;
  position:absolute; left:var(--x); top:var(--y); width:var(--s); height:var(--s);
  transform: translate(-50%, -50%) rotate(0.0001deg);
  border-radius:50%;
  /* слои: белая кромка, чёрный центр, лёгкая тень и «сколы» */
  background:
    radial-gradient(circle at 50% 50%, #000 0 55%, transparent 56%),
    radial-gradient(circle at 50% 50%, #fff 0 68%, transparent 69%),
    radial-gradient(circle at 70% 35%, rgba(255,255,255,.35), transparent 60%);
  box-shadow:
    0 1px 0 rgba(0,0,0,.4) inset,
    0 2px 6px rgba(0,0,0,.45);
}
.promo-cta .hole::before{
  /* маленькие «сколы» вокруг отверстия */
  content:""; position:absolute; inset:-6px;
  background:
    conic-gradient(from 10deg, transparent 0 20deg, rgba(255,255,255,.65) 20deg 24deg, transparent 24deg 60deg,
                   rgba(255,255,255,.5) 60deg 64deg, transparent 64deg 120deg,
                   rgba(255,255,255,.45) 120deg 124deg, transparent 124deg 200deg,
                   rgba(255,255,255,.5) 200deg 204deg, transparent 204deg 360deg);
  -webkit-mask: radial-gradient(circle at 50% 50%, transparent 0 58%, #000 59%);
          mask: radial-gradient(circle at 50% 50%, transparent 0 58%, #000 59%);
  pointer-events:none;
}

/* Адаптив: немного плотнее на узких экранах */
@media (max-width: 480px){
  .promo-card{ border-radius:16px; }
  .promo-ribbon{ padding:7px 14px; top:-18px; }
  .promo-title{ -webkit-text-stroke: 1.5px rgba(10,25,55,.45); }
}

:root{
--gap: 18px;
--rail-pad: 12px;
--card-w: 240px; /* ширина карточки /
--card-r: 18px; / скругление /
--shadow: 0 6px 14px rgba(0,0,0,.35);
--blue-1:#0b3d8d; / подстрой под тему */
--blue-2:#062e6b;
}
.strip{
position: relative;
margin: 28px 0 40px;
}

.strip__head{
display:flex; align-items:center; justify-content:space-between;
margin-bottom: 14px;
gap: 10px;
}

.strip__title{
font: 700 28px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color:#fff; margin:0;
text-shadow: 0 2px 0 rgba(0,0,0,.2);
}

.strip__controls{
display:flex; align-items:center; gap:10px;justify-content: flex-end;
    margin-bottom: 10px;
}

.strip__seeall{
font:600 14px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color:#cfe3ff; text-decoration:none; padding:8px 10px; border-radius:10px;
background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);
transition:.2s;
}
.strip__seeall:hover{ background:rgba(255,255,255,.12); }

.strip__arrow{
inline-size:38px; block-size:38px; border-radius:12px; border:none; cursor:pointer;
display:grid; place-items:center; background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.18); transition:.2s;
}
.strip__arrow:hover{ background:rgba(255,255,255,.16); }
.strip__arrow:disabled{ opacity:.45; cursor:default; }
.strip__arrow::before{
content:""; inline-size:18px; block-size:18px; mask-size:contain; mask-repeat:no-repeat;
background:#fff;
}
.strip__arrow.prev::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>'); }
.strip__arrow.next::before{ mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z"/></svg>'); }

.strip__rail{
display:grid;
grid-auto-flow: column;
grid-auto-columns: var(--card-w);
gap: var(--gap);
padding-inline: var(--rail-pad);
scroll-snap-type: x mandatory;
overflow-x:auto; overflow-y:visible;
overscroll-behavior-inline: contain;
scroll-padding-inline: var(--rail-pad);
-webkit-overflow-scrolling: touch;
/* маска для мягких краёв */
-webkit-mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}
.strip__rail:focus{ outline:2px solid rgba(255,255,255,.25); outline-offset:2px; }

.game-card{
position:relative; scroll-snap-align:start;
inline-size:var(--card-w); aspect-ratio: 3/4; border-radius:var(--card-r);
background:linear-gradient(180deg, var(--blue-1), var(--blue-2));
box-shadow: var(--shadow); overflow:hidden; user-select:none;
}
.game-card > img{
inline-size:100%; block-size:100%; object-fit:cover; display:block;
transition: transform .25s ease;
}
.game-card:hover > img{ transform: scale(1.03); }

/* бейдж NEW */
.badge{
position:absolute; right:12px; bottom:12px;
padding:6px 10px; border-radius:10px; font:700 12px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
color:#fff; text-transform:uppercase; letter-spacing:.4px;     right: inherit;
    bottom: inherit;
}
.badge--new{
background:#ff3b30;
box-shadow: 0 4px 10px rgba(255,59,48,.5), inset 0 1px 0 rgba(255,255,255,.3);
}

/* вариант карточки категории со снизу подписью */
.game-card--category .game-card__label{
position:absolute; left:0; right:0; bottom:0;
padding:12px 14px 14px;
color:#fff; font:900 22px/1.1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
text-shadow: 0 2px 0 rgba(0,0,0,.35);
}

/* адаптив: уменьшаем карточку на узких экранах */
@media (max-width: 1160px){
:root{ --card-w: 220px; }
}
@media (max-width: 840px){
:root{ --card-w: 200px; --rail-pad: 10px; }
.strip__title{ font-size:24px; }
}

/* скрываем стрелки на тач‑устройствах при отсутствии hover */
@media (hover: none){
.strip__arrow{ display:none; }
}

/* ===== Casino footer ===== */
footer .casino-footer{
  --bg1:#1e46d2; --bg2:#1238b9; --text:#e8f0ff; --muted:#b7c6e6;
  --link:#ffffff; --link-hover:#bfe1ff; --line:rgba(255,255,255,.14);
  --pill: rgba(255,255,255,.07);
  background:
    radial-gradient(900px 520px at 80% -10%, #3a68ff 0%, transparent 55%),
    radial-gradient(700px 360px at 10% 10%, rgba(255,255,255,.12) 0%, transparent 50%),
    linear-gradient(180deg, var(--bg1), var(--bg2));
  color:var(--text);
  padding: 36px 20px 24px;
}
footer .cf__inner{ max-width:1200px; margin:0 auto; }

footer .cf__grid{
  display:grid; gap:26px 18px;
  grid-template-columns: repeat(6, minmax(160px, 1fr));
	text-align: center;
}
@media (max-width: 1100px){ .cf__grid{ grid-template-columns: repeat(3, minmax(200px, 1fr)); } }
@media (max-width: 680px){ .cf__grid{ grid-template-columns: repeat(2, minmax(180px, 1fr)); } }

footer .cf__h{
  margin:0 0 10px; color:#fff;
  font:700 14px/1.15 Inter, system-ui, Segoe UI, Roboto, Arial;
  letter-spacing:.2px;
}
footer .cf__list{ list-style:none; padding:0; margin:0; }
footer .cf__list li{ margin:9px 0; }
footer .cf__list a{
  color:var(--link); text-decoration:none;
  font:500 13px/1.35 Inter, system-ui, Segoe UI, Roboto, Arial;
  opacity:.95; transition:color .15s ease, opacity .15s ease;
}
footer .cf__list a:hover{ color:var(--link-hover); opacity:1; }
footer .cf__col--terms .cf__h{ text-align:left; }

footer .cf__middle{
  display:grid; grid-template-columns:1fr 1fr 1fr;
  gap:18px; align-items:center;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:22px 0; margin:20px 0 10px;
}
footer .cf__label{
  color:#dbe6ff; font:700 14px/1.2 Inter, system-ui;
}
footer .cf__label--right{ justify-self:end; text-align:right; }
@media (max-width: 820px){
  .cf__middle{ grid-template-columns:1fr; }
  .cf__label--right{ justify-self:start; text-align:left; }
}

/* Chips (payments) */
footer .cf__chips{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:18px 0 10px; justify-content: center;}
footer .chip{
  display:inline-grid; place-items:center; width:106px; height:38px;
  background:var(--pill); border:1px solid var(--line); border-radius:10px;
  box-shadow:0 6px 14px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.15);
  color:#fff; cursor:default; padding:0 10px;
}
footer .chip--more{ width:auto; padding:0 12px; cursor:pointer; gap:8px; }
footer .chip__logo{ font:800 12px/1 Inter, system-ui; text-transform:uppercase; letter-spacing:.3px; }

/* Brand coloring (простые стили вместо изображений) */
.chip__logo--visa{ color:#fff; background:#0a4bc1; padding:6px 12px; border-radius:7px; }
.chip__logo--mc{ color:#fff; background:#1b1b1b; padding:6px 12px; border-radius:7px; }
.chip__logo--maestro{ color:#fff; background:#156dd1; padding:6px 12px; border-radius:7px; }
.chip__logo--pix{ color:#fff; background:#5b38f6; padding:6px 12px; border-radius:7px; }
.chip__logo--apple{ background:#111; padding:6px 12px; border-radius:7px; }
.chip__logo--gpay{ background:#202124; padding:6px 12px; border-radius:7px; }
.chip__logo--skrill{ background:#7a2a7b; padding:6px 12px; border-radius:7px; }
.chip__logo--neteller{ background:#45b649; padding:6px 12px; border-radius:7px; }
.chip__logo--btc{ background:#f7931a; padding:6px 12px; border-radius:7px; }

footer .cf__more{ display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; }

/* 18+ badge */
footer .cf__badge{ display:grid; place-items:center; margin:10px 0; }
footer .cf__badge span{
  display:inline-grid; place-items:center;
  width:56px; height:56px; border-radius:50%;
  color:#97b6ff; border:2px solid #97b6ff; font:800 16px/1 Inter, system-ui; opacity:.95;
}

/* Licenses drop */
footer .cf__licenses{ display:flex; align-items:center; gap:8px; color:#cfe0ff; margin:8px 0 10px; }
footer .cf__lic{ font:700 13px/1 Inter, system-ui; }
footer .cf__drop{
  width:28px; height:28px; border-radius:8px; border:1px solid var(--line);
  background:var(--pill); color:#fff; display:grid; place-items:center; cursor:pointer;
}
footer .cf__lic-list{
  list-style:none; margin:8px 0 0; padding:8px 10px;
  background:rgba(0,0,0,.2); border:1px solid var(--line); border-radius:10px;
}
footer .cf__lic-list li{ margin:6px 0; }
footer .cf__lic-list a{ color:#d7e6ff; text-decoration:none; font-size:13px; }
footer .cf__lic-list a:hover{ color:#fff; }

/* Legal */
footer .cf__legal{ color:var(--muted); font:400 12px/1.6 Inter, system-ui; margin-top:6px; text-align:center; }
footer .cf__copy{ margin:.4rem 0 0; color:#a8b8db }























/* Контейнер карточки */
.slider .slide__content{
  position:relative;
  width:min(92vw, 325px);
  padding:18px 16px 16px;
  border-radius:16px;
  background:
    radial-gradient(60% 120% at 50% -10%, rgba(255,255,255,.25), transparent 60%),
    linear-gradient(180deg, #3ea5ff 0%, #1b6be2 60%, #1551b8 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.45),
    inset 0 -4px 12px rgba(9, 26, 68, .5),
    0 10px 18px rgba(4, 20, 54, .45);
  border:2px solid #0a3b8f;
}

/* Едва заметный паттерн (чип) поверх синего фона */
.slider .slide__content::after{
  content:"";
  position:absolute; inset:0;
  background:
    url('data:image/svg+xml;utf8,\
    <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">\
      <g fill="none" stroke="%23ffffff" stroke-opacity=".18" stroke-width="2">\
        <circle cx="14" cy="14" r="8"/><path d="M14 1v6M14 21v6M1 14h6M21 14h6M6 6l4 4M22 22l-4-4M22 6l-4 4M6 22l4-4"/>\
      </g></svg>') repeat;
  opacity:.55;
  mix-blend-mode:overlay;
  pointer-events:none;
}

/* Маленькие “блики” в углах */
.slider .slide__content:before{
  content:"";
  position:absolute; top:6px; left:6px; width:10px; height:10px; border-radius:50%;
  background:#fff; opacity:.7; filter:blur(.3px);
  box-shadow: 0 0 0 2px rgba(255,255,255,.15), 312px 0 0 0 #fff;
  border:1px solid rgba(255,255,255,.35);
}

/* Бейдж-лента */
.slider .badge{
  position:absolute; top:-14px; left:30%; transform:translateX(-50%);
  display:inline-block; padding:6px 14px 7px;
  background:linear-gradient(180deg, #ff9e3d, #f3721a);
  color:#fff; font:800 12px/1.1 system-ui, -apple-system, Inter, Segoe UI, Roboto;
  text-shadow:0 1px 0 rgba(0,0,0,.25); letter-spacing:.3px; border-radius:8px;
  bottom: inherit;
  right: inherit;
}
.slider .badge::before, .slider .badge::after{
  content:""; position:absolute; top:10px; width:14px; height:12px; background:#f3721a;
}
.slider .badge::before{ right:100%; border-radius:4px 0 0 4px; transform:skewX(-18deg); }
.slider .badge::after{ left:100%; border-radius:0 4px 4px 0; transform:skewX(18deg); }

/* Заголовок */
.slider .slide__title{
  margin:18px 6px 10px;
  color:#ffe16a;
  font:900 clamp(18px, 7vw, 22px)/1.1 "Inter", system-ui, Segoe UI, Roboto, Arial;
  text-align:center;
  text-shadow:
    0 2px 0 rgba(0,0,0,.35),
    0 0 0.7px #0a2c66, 0 0 1.2px #0a2c66,
    0 1.2px 0 #0a2c66, 0 -1.2px 0 #0a2c66, 1.2px 0 0 #0a2c66, -1.2px 0 0 #0a2c66;
  letter-spacing:.3px;
}

/* Подзаголовок — можно спрятать на мобиле для сходства со скрином */
.slider .slide__desc{
  margin:0 6px 14px; color:rgba(255,255,255,.9);
  font:600 12px/1.35 Inter, system-ui;
  text-align:center;
}
@media (max-width:420px){ .slider .slide__desc{ display:none; } }

/* CTA обертка */
.slider .slide__cta{
  display:grid; gap:10px; place-items:center;
}

/* Главная зелёная кнопка */
.slider .btn{
  appearance:none; border:none; cursor:pointer; border-radius:14px;
  font:900 16px/1 Inter, system-ui; letter-spacing:.6px;
}
.slider .btn--success{
  position:relative;
  width:100%;
  padding:16px 14px;
  color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.35);
  background:
    linear-gradient(180deg, #4bea77 0%, #1fc54a 70%, #19a63f 100%);
  border:2px solid #0a7a2e;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    inset 0 -3px 8px rgba(0,0,0,.25),
    0 10px 0 #0a2c66, 0 12px 18px rgba(0,0,0,.45);
  text-transform:uppercase;
  transform:translateY(0);
  transition:transform .1s ease, box-shadow .1s ease, filter .2s ease;
}

/* Псевдо “bullet holes” на кнопке (комбинация radial-gradient) */
.slider .btn--success::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:
   /* белая кромка */
   radial-gradient(circle at 24px 18px, rgba(255,255,255,.95) 0 6px, transparent 6.5px),
   radial-gradient(circle at calc(50% + 22px) 28px, rgba(255,255,255,.95) 0 6px, transparent 6.5px),
   radial-gradient(circle at calc(100% - 28px) 16px, rgba(255,255,255,.95) 0 5.5px, transparent 6px),
   /* чёрное отверстие */
   radial-gradient(circle at 24px 18px, #0b0f14 0 4px, transparent 4.2px),
   radial-gradient(circle at calc(50% + 22px) 28px, #0b0f14 0 4px, transparent 4.2px),
   radial-gradient(circle at calc(100% - 28px) 16px, #0b0f14 0 3.6px, transparent 3.8px);
  mix-blend-mode:normal;
  opacity:.9;
}

/* Ховер/активация */
.slider .btn--success:hover{ filter:saturate(1.1); }
.slider .btn--success:active{
  transform:translateY(2px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.25),
    inset 0 -2px 6px rgba(0,0,0,.3),
    0 8px 0 #0a2c66, 0 10px 14px rgba(0,0,0,.45);
}

/* Вторая кнопка — “призрак”, можно скрыть на узком экране */
.btn--ghost{
  background:transparent; color:#e9f1ff;
  border:2px dashed rgba(255,255,255,.35); padding:10px 14px;
  font-weight:800; text-transform:uppercase;
}
@media (max-width:420px){ .btn--ghost{ display:none; } }

/* Небольшая анимация появления для [data-anim] */
@keyframes popIn{ from{ transform:translateY(8px) scale(.98); opacity:0 } to{ transform:none; opacity:1 } }
[data-anim]{ animation:popIn .35s ease both; }
.badge[data-anim]{ animation-delay:.05s }
.slide__title[data-anim]{ animation-delay:.12s }
.slide__desc[data-anim]{ animation-delay:.18s }
.slide__cta[data-anim]{ animation-delay:.24s }


@media (max-width:768px){
.chips {
	flex-wrap: wrap!important;
	}
}


@media (max-width: 680px) {
    footer .cf__grid {
        grid-template-columns: max-content;
		display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
    }
}


.seo-content a {color: silver; text-decoration: underline}

.seo-content p {
    margin-bottom: 15px;
}

.seo-content h2 {
    margin-top: 30px;
}

.seo-content {
    margin-left: 10px;
    margin-right: 10px;
}