/* ============================================================
   spinogambinoit.com — редизайн, направление «sala notturna»
   22.08.2026, второй заход. Первый (светлый лист + Anton)
   отклонён владельцем: читался как информационный сайт.
   Текст, ссылки, data-link, <picture>, JSON-LD не трогаются.
   ============================================================ */

@font-face{font-family:'Prata';src:url('/fonts/prata-latin.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212;}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-latin.woff2') format('woff2');
  font-weight:400 800;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212;}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-latinext.woff2') format('woff2');
  font-weight:400 800;font-style:normal;font-display:swap;
  unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1EFF,U+2020,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF;}

:root{
  --cs-night:#130B20;          /* сливовая ночь, не плоский чёрный */
  --cs-night-2:#1B1030;
  --cs-felt:#221540;           /* сукно стола */
  --cs-card:#1E1336;
  --cs-line:rgba(233,190,91,.20);
  --cs-line-soft:rgba(255,255,255,.09);
  --cs-gold:#E9BE5B;
  --cs-gold-hot:#F6D98A;
  --cs-neon:#E0459B;           /* пурпурный неон вывески */
  --cs-neon-soft:rgba(224,69,155,.28);
  --cs-text:#F2ECFA;
  --cs-text-soft:#B9AAD4;
  --cs-r:18px;
  --cs-r-sm:12px;
  --cs-rail:212px;
}

/* ---------- зал ---------- */
html,body{background:var(--cs-night)!important;color:var(--cs-text)!important;}
body{
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:17px;line-height:1.65;
  /* свет над столом: две подсветки вместо плоской заливки */
  background-image:
    radial-gradient(1100px 620px at 50% -6%,rgba(224,69,155,.20),transparent 62%),
    radial-gradient(900px 520px at 92% 22%,rgba(233,190,91,.12),transparent 60%),
    radial-gradient(760px 480px at 4% 68%,rgba(120,60,200,.16),transparent 62%)!important;
  background-attachment:fixed!important;background-repeat:no-repeat!important;
}
main,section,article,aside{color:var(--cs-text);}

/* ---------- типографика: антиква вывески против гротеска текста ---------- */
h1,h2,.bbe-games-block-head{
  font-family:'Prata',Georgia,'Times New Roman',serif!important;
  font-weight:400!important;line-height:1.02;letter-spacing:-.012em;
  color:var(--cs-text)!important;text-transform:none!important;
}
main h1:first-child,main h1.cea-sping-page-head:first-child,h1.cea-sping-page-head{
  font-family:'Prata',Georgia,serif!important;
  font-size:clamp(2.4rem,5.2vw,4.3rem)!important;line-height:1.02!important;
  letter-spacing:-.012em!important;text-transform:none!important;
  background:linear-gradient(96deg,var(--cs-gold-hot) 0%,var(--cs-gold) 42%,#C99B3A 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
h2{font-size:clamp(1.6rem,2.9vw,2.5rem)!important;margin:0 0 .55em;}
h3{font-family:'Manrope',sans-serif!important;font-weight:800!important;font-size:.94rem!important;
   text-transform:uppercase;letter-spacing:.13em;color:var(--cs-gold)!important;margin:1.9em 0 .5em;}
main p,main li,main td,main summary,main dd{color:var(--cs-text-soft)!important;}
main p{max-width:70ch;}
main strong,main b{color:var(--cs-text)!important;}

/* ---------- шапка: латунная линия вывески ---------- */
header.bda-sping-top{
  background:rgba(19,11,32,.86)!important;backdrop-filter:blur(14px)!important;
  border-bottom:1px solid var(--cs-line)!important;box-shadow:0 10px 34px rgba(0,0,0,.45)!important;
}
nav.eaf-top-menu a,header.bda-sping-top .L0z9OvXEWsN46rS,nav.eaf-top-menu > div{
  font-weight:700;text-transform:uppercase;letter-spacing:.09em;font-size:.74rem!important;
  color:var(--cs-text-soft)!important;background:none!important;border-radius:0!important;
  border-bottom:2px solid transparent;
}
nav.eaf-top-menu a.active{color:var(--cs-gold)!important;border-bottom-color:var(--cs-gold)!important;}
nav.eaf-top-menu a:hover,header.bda-sping-top .L0z9OvXEWsN46rS:hover{color:var(--cs-gold-hot)!important;}
header.bda-sping-top i{color:inherit!important;}

/* ---------- ОСЬ: hero во всю ширину, свет прожектора ---------- */
.ccb-sping-lead{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding:clamp(30px,5vw,72px) 0 clamp(26px,4vw,56px)!important;
  background:
    radial-gradient(760px 380px at 50% 0%,rgba(224,69,155,.30),transparent 66%),
    linear-gradient(180deg,var(--cs-night-2) 0%,var(--cs-night) 100%)!important;
  border-bottom:1px solid var(--cs-line)!important;border-radius:0!important;
}
.dcf-sping-slogan{
  font-family:'Manrope',sans-serif!important;font-style:normal!important;font-weight:800!important;
  text-transform:uppercase;letter-spacing:.26em;font-size:.72rem!important;
  color:var(--cs-neon)!important;margin:0 0 1.3em!important;
}
.cde-sping-lead-gradient-strip{
  border-radius:var(--cs-r)!important;overflow:hidden;
  border:1px solid var(--cs-line)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset!important;
}

/* ---------- ОСЬ: боковой рельс с латунной линией ---------- */
.bde-sping-wrap{max-width:1200px!important;margin:0 auto!important;padding:0 24px!important;}
.fcd-sping-body-block{padding:clamp(30px,4.4vw,60px) 0!important;background:transparent!important;border:none!important;}
@media(min-width:1000px){
  .fcd-sping-body-block > .bde-sping-wrap{
    display:grid!important;grid-template-columns:var(--cs-rail) minmax(0,1fr)!important;
    column-gap:54px!important;align-items:start!important;
  }
  .fcd-sping-body-block > .bde-sping-wrap > h2{
    grid-column:1;position:sticky;top:94px;margin:0;
    font-size:clamp(1.4rem,1.9vw,1.95rem)!important;
    padding-right:14px;border-right:1px solid var(--cs-line);
  }
  .fcd-sping-body-block > .bde-sping-wrap > *:not(h2){grid-column:2;}
}

/* ---------- ОСЬ: ритм — секции через одну на сукне ---------- */
.fcd-sping-body-block:nth-of-type(even){
  background:linear-gradient(180deg,rgba(34,21,64,.72),rgba(34,21,64,.34))!important;
  box-shadow:0 0 0 100vmax rgba(34,21,64,.5)!important;clip-path:inset(0 -100vmax)!important;
  border-top:1px solid var(--cs-line-soft)!important;border-bottom:1px solid var(--cs-line-soft)!important;
}

/* ---------- ОСЬ: числа как жетоны, не карточки ---------- */
.ccf-sping-stats-matrix{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:0!important;margin:1.6em 0 0!important;border-top:1px solid var(--cs-line);
}
.eac-sping-fig-tile{
  background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;
  border-bottom:1px solid var(--cs-line-soft)!important;border-right:1px solid var(--cs-line-soft)!important;
  padding:24px 18px 20px!important;text-align:left!important;
}
.ddf-sping-fig-glyph{display:none!important;}
.fde-sping-fig-val{
  font-family:'Prata',Georgia,serif!important;font-weight:400!important;
  font-size:clamp(2.4rem,4.4vw,3.7rem)!important;line-height:1!important;margin:0 0 .14em!important;
  background:linear-gradient(180deg,var(--cs-gold-hot),#C99B3A)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  text-shadow:0 0 34px rgba(233,190,91,.28);
}
.aab-sping-fig-cap{
  font-size:.7rem!important;text-transform:uppercase;letter-spacing:.16em;
  color:var(--cs-text-soft)!important;font-weight:700!important;
}

/* ---------- ОСЬ: витрина игр — bento со свечением ---------- */
.fce-sping-games-block{
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
  padding:clamp(34px,5vw,70px) 0!important;
  background:
    radial-gradient(820px 420px at 50% 0%,rgba(233,190,91,.13),transparent 64%),
    linear-gradient(180deg,var(--cs-felt),var(--cs-night))!important;
  border-top:1px solid var(--cs-line)!important;border-bottom:1px solid var(--cs-line)!important;
}
.bbe-games-block-head{
  font-family:'Prata',Georgia,serif!important;color:var(--cs-text)!important;
  font-size:clamp(1.7rem,2.9vw,2.4rem)!important;margin:0 0 .7em!important;text-transform:none!important;
}
.fff-sping-games-matrix{
  display:grid!important;
  /* ячейка не крупнее нативных 300px: апскейл мылил плитки */
  grid-template-columns:repeat(auto-fill,minmax(184px,1fr))!important;
  gap:14px!important;justify-content:center!important;
}
.dec-sping-slot-tile{
  background:var(--cs-card)!important;border:1px solid var(--cs-line-soft)!important;
  border-radius:var(--cs-r-sm)!important;overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.dec-sping-slot-tile:hover{
  transform:translateY(-4px);border-color:var(--cs-gold)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.55),0 0 0 1px var(--cs-line),0 0 30px var(--cs-neon-soft)!important;
}
.dec-sping-slot-tile img{width:100%;height:100%;object-fit:cover;display:block;}
.def-sping-slot-veil{background:linear-gradient(to top,rgba(12,6,22,.94) 0%,rgba(12,6,22,.34) 58%,transparent 100%)!important;}
.cdb-sping-slot-head{color:#fff!important;font-weight:700!important;}
@media(max-width:760px){
  .fff-sping-games-matrix{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  }

/* ---------- CTA: золотая фишка ---------- */
.cce-sping-play-act,.cff-mobile-nav2-act,.fac-sping-copy-code-act{
  background:linear-gradient(180deg,var(--cs-gold-hot),var(--cs-gold) 55%,#C99B3A)!important;
  color:#241703!important;border:none!important;border-radius:999px!important;
  font-weight:800!important;text-transform:uppercase;letter-spacing:.08em;
  box-shadow:0 10px 26px rgba(233,190,91,.26)!important;
}
.cce-sping-play-act:hover,.cff-mobile-nav2-act:hover{
  box-shadow:0 14px 34px rgba(233,190,91,.42),0 0 24px var(--cs-neon-soft)!important;color:#241703!important;
}
.faf-mobile-nav2-act-secondary{
  background:transparent!important;color:var(--cs-gold)!important;
  box-shadow:inset 0 0 0 1px var(--cs-gold)!important;
}

/* ---------- таблицы: сукно с латунной шапкой ---------- */
main .table-wrapper{
  background:rgba(30,19,54,.72)!important;border:1px solid var(--cs-line)!important;
  border-radius:var(--cs-r)!important;overflow-x:auto;
}
main .table-wrapper table,main .table-wrapper tr,main .table-wrapper tbody{background:transparent!important;}
main .table-wrapper th{
  background:rgba(233,190,91,.10)!important;color:var(--cs-gold)!important;
  font-size:.7rem!important;text-transform:uppercase;letter-spacing:.12em;font-weight:800!important;
  text-align:left;padding:13px 15px!important;border:none!important;
}
main .table-wrapper td{
  padding:13px 15px!important;border:none!important;
  border-top:1px solid var(--cs-line-soft)!important;color:var(--cs-text-soft)!important;background:transparent!important;
}
main .table-wrapper tr:hover td{background:rgba(224,69,155,.08)!important;color:var(--cs-text)!important;}

/* ---------- карточки, FAQ, чипы ---------- */
main .cae-sping-qa-unit,main .fee-qa-unit,main .bcc-sping-security-chip,
main .faf-sping-flow-body,main .bdc-sping-restricted-unit,main .fcd-sping-p,
main .afa-sping-info-pane,main .deb-sping-wheel-tile,main .dfb-sping-cashback-fig,
main .cbb-sping-info-success,main .cca-sping-info-warning{
  background:linear-gradient(180deg,rgba(30,19,54,.9),rgba(30,19,54,.62))!important;
  border:1px solid var(--cs-line-soft)!important;border-radius:var(--cs-r)!important;
  box-shadow:none!important;color:var(--cs-text)!important;
}
main .bea-sping-qa-question,main .cef-qa-question{
  color:var(--cs-text)!important;font-weight:800!important;font-size:1rem!important;padding:16px 18px!important;
  background:transparent!important;
}
main .acf-sping-qa-answer,main .aaa-qa-answer,main .acf-sping-qa-answer div{
  color:var(--cs-text-soft)!important;background:transparent!important;padding:0 18px 16px!important;
}
main .cbb-sping-info-success{border-left:3px solid var(--cs-gold)!important;}
main .cca-sping-info-warning{border-left:3px solid var(--cs-neon)!important;}
main .add-sping-lang-pill,main .abb-sping-vendor-pill{
  background:rgba(255,255,255,.05)!important;border:1px solid var(--cs-line-soft)!important;
  border-radius:999px!important;color:var(--cs-text-soft)!important;
  font-size:.74rem!important;padding:6px 12px!important;
}
main .dbe-sping-security-glyph,main .cca-sping-wheel-glyph,main .fdb-sping-deal-glyph,
main .abd-sping-info-glyph,main .bde-sping-cashback-glyph{
  background:rgba(233,190,91,.12)!important;color:var(--cs-gold)!important;border-radius:12px!important;
}
main .bfa-sping-flow-number{
  font-family:'Prata',Georgia,serif!important;font-size:2.5rem!important;
  color:var(--cs-gold)!important;background:none!important;-webkit-text-fill-color:currentColor!important;
}
main .eca-sping-cashback-fig-val{color:var(--cs-gold)!important;}
main .fff-sping-cashback-fig-cap,main .dae-sping-strip-cap,main .abb-sping-deal-cap{color:var(--cs-text-soft)!important;}
main .fbe-sping-wheel-name{color:var(--cs-text)!important;}
main .eeb-sping-security-chip-head,main .bbb-sping-flow-head{color:var(--cs-text)!important;font-weight:800!important;}
main .dab-sping-security-chip-text,main .eec-sping-flow-text,main .eaf-sping-info-body{color:var(--cs-text-soft)!important;}
main .fed-sping-opener,main .fed-sping-opener p{color:var(--cs-text-soft)!important;}
main .cde-sping-age-chip{background:rgba(224,69,155,.16)!important;color:#F7A8D0!important;font-weight:800!important;}

/* ---------- боковая панель ---------- */
aside.afd-sidebar{background:rgba(19,11,32,.9)!important;border-right:1px solid var(--cs-line-soft)!important;}
.bdf-sidebar-unit{color:var(--cs-text-soft)!important;border-radius:12px!important;}
.bdf-sidebar-unit.active,.bdf-sidebar-unit:hover{background:rgba(233,190,91,.12)!important;color:var(--cs-gold)!important;}

/* ---------- футер ---------- */
footer{
  background:linear-gradient(180deg,var(--cs-night),#0C0616)!important;
  border-top:1px solid var(--cs-line)!important;color:var(--cs-text-soft)!important;
}
footer a{color:var(--cs-text)!important;}
footer a:hover{color:var(--cs-gold)!important;}
footer p,footer li,footer span,footer div{color:var(--cs-text-soft)!important;}
.footer-affiliate-disclosure{border-top-color:var(--cs-line-soft)!important;color:#9A8CB8!important;}

/* ---------- доступность ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible,[data-link]:focus-visible{
  outline:3px solid var(--cs-gold)!important;outline-offset:2px!important;
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

/* ---------- кнопки шапки и баннеров: золотая фишка вместо алой ---------- */
.bff-act-register,.bae-sping-sticky-strip2-act,
[class*="-act-register"],[class*="sticky-strip"][class*="-act"]{
  background:linear-gradient(180deg,var(--cs-gold-hot),var(--cs-gold) 55%,#C99B3A)!important;
  color:#241703!important;border:none!important;border-radius:999px!important;
  font-weight:800!important;letter-spacing:.06em;
  box-shadow:0 8px 22px rgba(233,190,91,.28)!important;
}
.dab-act-login,[class*="-act-login"]{
  background:transparent!important;color:var(--cs-gold)!important;
  border:1px solid var(--cs-gold)!important;border-radius:999px!important;font-weight:700!important;
}
.dab-act-login:hover,[class*="-act-login"]:hover{background:rgba(233,190,91,.12)!important;color:var(--cs-gold-hot)!important;}

/* ссылка «все игры» под витриной */
.fce-sping-games-block a,.fce-sping-games-block [class*="all-games"],
.fce-sping-games-block [class*="-more"]{
  color:var(--cs-gold)!important;border-color:var(--cs-gold)!important;
}
.fce-sping-games-block a:hover{color:var(--cs-gold-hot)!important;}

/* ============================================================
   Первый экран: герой — бонусный баннер, а не абзац текста.
   Порядок меняется ТОЛЬКО визуально (CSS order), разметка и
   последовательность в DOM не трогаются.
   ============================================================ */
main.afd-sping-article:has(.fbd-new-games-block){display:flex!important;flex-direction:column!important;}
main.afd-sping-article:has(.fbd-new-games-block) > *{order:10;}
main.afd-sping-article:has(.fbd-new-games-block) > .ccb-sping-lead{order:1;}          /* бонус + CTA */
main.afd-sping-article:has(.fbd-new-games-block) > .bde-sping-wrap:first-child{order:2;} /* H1 и лид */
main.afd-sping-article > .fce-sping-games-block{order:3;}    /* витрина игр */

/* герой компактнее, чтобы бонус и кнопка попадали на первый экран */
.ccb-sping-lead{padding:clamp(18px,2.4vw,34px) 0 clamp(20px,2.8vw,38px)!important;}
.ccb-sping-lead .bde-sping-wrap{padding:0 24px!important;}
.dcf-sping-slogan{margin:0 0 .9em!important;}

/* H1 и лид под баннером: тише, чтобы не спорить с героем */
main.afd-sping-article:has(.fbd-new-games-block) > .bde-sping-wrap:first-child{
  padding-top:clamp(26px,3.4vw,44px)!important;padding-bottom:clamp(8px,1.4vw,18px)!important;
}
main h1:first-child,main h1.cea-sping-page-head:first-child,h1.cea-sping-page-head{
  font-size:clamp(2rem,3.9vw,3.2rem)!important;
}
.fed-sping-opener{max-width:74ch;}

/* плитки игр: не растягивать сверх исходного разрешения */
.dec-sping-slot-tile{max-width:300px!important;margin-inline:auto!important;}
.dec-sping-slot-tile picture,.dec-sping-slot-tile img{max-width:100%!important;height:auto!important;}

/* ---------- верх страницы: сначала оффер, потом чтение ----------
   Порядок задаётся nth-child, потому что все секции несут один
   класс. Привязка позиционная: действует только для главной,
   на других страницах структура иная и порядок не переопределяется. */
main.afd-sping-article:has(.fbd-new-games-block) > .fbd-new-games-block{order:3;}   /* nuovi giochi */
main.afd-sping-article:has(.fbd-new-games-block) > #bfd-kurze-uebersicht{order:4;}   /* дати кьяве */
main.afd-sping-article:has(.fbd-new-games-block) > #ccf-bonus-aktionen{order:5;}  /* бонусы и giri gratuiti */
main.afd-sping-article:has(.fbd-new-games-block) > .fce-sping-games-block:not(.fbd-new-games-block){order:6;}

/* лишний воздух над героем убираем: баннер должен попадать в первый экран */
.ccb-sping-lead{margin-top:0!important;padding-top:clamp(14px,1.8vw,26px)!important;}
.ccb-sping-lead .cde-sping-lead-gradient-strip{margin-top:0!important;}

/* CTA внутри баннера — та же золотая фишка, что и в шапке */
.ccb-sping-lead [data-link],.ccb-sping-lead [class*="-act"],
.cde-sping-lead-gradient-strip [data-link]{
  background:linear-gradient(180deg,var(--cs-gold-hot),var(--cs-gold) 55%,#C99B3A)!important;
  color:#241703!important;border:none!important;border-radius:999px!important;
  font-weight:800!important;letter-spacing:.05em;
  box-shadow:0 10px 26px rgba(233,190,91,.3)!important;
}
.ccb-sping-lead [data-link]:hover{box-shadow:0 14px 34px rgba(233,190,91,.45),0 0 24px var(--cs-neon-soft)!important;}

/* main держит margin-top под фиксированную шапку (80px) — он нужен;
   лишний padding сверху убираем, чтобы герой начинался сразу под ней */
main.afd-sping-article{padding-top:0!important;}

/* ============================================================
   Плитки игр: исходники разной высоты (300x300, 175x236, 408x546),
   из-за чего ряд «прыгал». Задаём единую пропорцию и кроп.
   ============================================================ */
.dec-sping-slot-tile{
  aspect-ratio:3/4!important;position:relative!important;
  display:block!important;max-width:none!important;margin:0!important;
}
.dec-sping-slot-tile picture{display:block!important;width:100%!important;height:100%!important;}
.dec-sping-slot-tile img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  object-position:center top!important;display:block!important;
}
.dec-sping-slot-tile .def-sping-slot-veil{
  position:absolute!important;left:0;right:0;bottom:0;
  display:flex!important;flex-direction:column;gap:8px;align-items:flex-start;
  padding:14px 12px 12px!important;
}
.dec-sping-slot-tile .cce-sping-play-act{font-size:.72rem!important;padding:7px 14px!important;}

/* блок новых игр отличаем от популярных подложкой */
.fbd-new-games-block{
  background:
    radial-gradient(820px 420px at 50% 0%,rgba(224,69,155,.14),transparent 64%),
    linear-gradient(180deg,#1B1030,var(--cs-night))!important;
}

/* ============================================================
   Бонусы карточками: две ставки приветственного пакета,
   у каждой своя кайма и своя кнопка-оффер.
   ============================================================ */
#ccf-bonus-aktionen .afa-sping-info-pane{
  display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;
  gap:16px!important;align-items:start!important;
  padding:22px 22px 18px!important;margin:0 0 4px!important;
  background:linear-gradient(150deg,rgba(46,28,86,.94),rgba(30,19,54,.72))!important;
  border:1px solid var(--cs-line-soft)!important;
  border-radius:var(--cs-r) var(--cs-r) 0 0!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
#ccf-bonus-aktionen .cbb-sping-info-success{border-top:2px solid var(--cs-gold)!important;border-left:none!important;}
#ccf-bonus-aktionen .cca-sping-info-warning{border-top:2px solid var(--cs-neon)!important;border-left:none!important;}
#ccf-bonus-aktionen .abd-sping-info-glyph{
  width:44px;height:44px;display:grid!important;place-items:center!important;
  border-radius:14px!important;font-size:1.05rem!important;
}
#ccf-bonus-aktionen .cbb-sping-info-success .abd-sping-info-glyph{background:rgba(233,190,91,.14)!important;color:var(--cs-gold)!important;}
#ccf-bonus-aktionen .cca-sping-info-warning .abd-sping-info-glyph{background:rgba(224,69,155,.16)!important;color:#F7A8D0!important;}
#ccf-bonus-aktionen .eaf-sping-info-body strong{
  display:block;font-family:'Prata',Georgia,serif!important;font-weight:400!important;
  font-size:1.22rem!important;letter-spacing:-.01em;margin-bottom:.35em;
  color:var(--cs-gold-hot)!important;
}
#ccf-bonus-aktionen .eaf-sping-info-body{line-height:1.6!important;}

/* строка с кнопкой — подвал карточки */
.fbd-bonus-act-row{
  display:flex!important;justify-content:flex-end!important;
  padding:12px 22px 16px!important;margin:0 0 22px!important;
  background:linear-gradient(180deg,rgba(30,19,54,.72),rgba(30,19,54,.42))!important;
  border:1px solid var(--cs-line-soft)!important;border-top:none!important;
  border-radius:0 0 var(--cs-r) var(--cs-r)!important;
}
.fbd-bonus-act-row .cce-sping-play-act{cursor:pointer;font-size:.78rem!important;padding:11px 26px!important;}
#ccf-bonus-aktionen ul{margin-bottom:0!important;}
#ccf-bonus-aktionen ul + .fbd-bonus-act-row{
  border-radius:var(--cs-r)!important;border-top:1px solid var(--cs-line-soft)!important;margin-top:10px!important;
}
@media(max-width:700px){
  #ccf-bonus-aktionen .afa-sping-info-pane{grid-template-columns:1fr!important;}
  .fbd-bonus-act-row{justify-content:stretch!important;}
  .fbd-bonus-act-row .cce-sping-play-act{width:100%;text-align:center;}
}