/* ==========================================================================
   svenskacasinona.com — каркас «Blå Vinter» (svc-), этап 05
   ⭐ ПОРТ каркаса canadiancasinos-online.com («Inukshuk», №142 ccnv) — указание владельца
      17.08.2026: «просто перенеси оттуда весь дизайн… просто поменять цвета под эту страну».
      Донор у обоих один и тот же (сеть KAX Media, тема `ss-*`), поэтому селекторы совпадают 1:1.
   Палитра перекрашена под Швецию: ГЛУБОКАЯ СИНЬ #123a63 + ЗОЛОТО ФЛАГА #f2b705
      + синий флага #006aa7 точечно, бумага холодная #f4f6f9.
   ⚠️ html{font-size:10px} у темы (приём 62.5%) => ВСЕ размеры в PX, никаких rem.
   ⚠️ Логотип, фавикон и трастовые бейджи — владельца, не трогаем.
   ========================================================================== */

:root{
  --svc-stone:#123a63;      /* сланцевый гранит — шапка/подвал */
  --svc-stone-d:#0d2b4a;    /* тёмный слой */
  --svc-stone-l:#1d4f81;    /* светлее — бордюры/ховер */
  --svc-amber:#f2b705;      /* янтарь — акцент, перекликается с логотипом */
  --svc-amber-d:#c78f00;
  --svc-flag:#006aa7;       /* красный флага — только точечно (19+, чипы) */
  --svc-paper:#f4f6f9;      /* тёплая бумага */
  --svc-ink:#16202c;
  --svc-mute:#5b6b7c;
  --svc-line:#d8dee6;
  --svc-w:1200px;           /* ЕДИНАЯ ширина контента на весь сайт */
  --svc-pad:20px;           /* ОБЩИЙ горизонтальный отступ */
}

/* ---------- 1. ОБЩИЙ ГОРИЗОНТАЛЬНЫЙ ОТСТУП (правило владельца 13.08.2026) ---------- */
/* вешаем на контейнеры темы И на прямых потомков — у донора контент лежит сиблингом.
   Список снят ЗАМЕРОМ (блоки с padding-left 0–5px), а не на глаз. */
#content > .container-fluid,
#content > .container-fluid > *,
#content > .gradient_bg > .container-fluid,
#content > .gradient_bg > .container-fluid > *,
#content .container,
#content .container-fluid,
#content .container--large,
#content .ss-review-page-container,
#content .ss-review-page-container > .review-container,
#content .ss-slot-operators-container,
#content .ss-filter-wrapper,
#content .ss-filter,
#content .ss-page-content,
#content .featured-content,
#content .featured-title,
#content .aboutUs,
#content .aboutUs__responsible_section,
#content .aboutUs__offices_section,
#content .ss-slot-games,
#content .ss-slot-games.row,
#content .ss-page-intro{
  padding-left:var(--svc-pad)!important;
  padding-right:var(--svc-pad)!important;
  box-sizing:border-box;
}
/* у вложенных строк bootstrap отрицательные margin — гасим, иначе отступ съедается */
#content .container > .row,
#content .container-fluid > .row{margin-left:0!important;margin-right:0!important}

/* ---------- 2. ЕДИНАЯ ШИРИНА ---------- */
#content > .container-fluid,
#content > .gradient_bg > .container-fluid,
#content .ss-review-page-container > .review-container{
  max-width:var(--svc-w)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  float:none!important;
}

/* ---------- 3. ХЕДЕР ---------- */
.svc-hd{
  width:100%!important;max-width:none!important;margin:0!important;
  background:var(--svc-stone);
  border-bottom:3px solid var(--svc-amber);
  font-family:inherit;
  position:relative;z-index:900;
}
.svc-hd-in{
  max-width:var(--svc-w);margin:0 auto;
  padding:0 var(--svc-pad);
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:76px;box-sizing:border-box;
}
.svc-logo{display:flex;align-items:center;flex:0 0 auto}
.svc-logo img{max-height:56px;width:auto;display:block}
.svc-nav{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
.svc-item{position:relative}
.svc-hub{
  display:block;padding:12px 13px;
  color:#fff!important;text-decoration:none!important;
  font-size:14px;font-weight:600;letter-spacing:.2px;
  border-radius:4px;white-space:nowrap;
}
.svc-hub:hover,.svc-hub:focus{background:var(--svc-stone-l);color:var(--svc-amber)!important}
.svc-item > .svc-hub::after{content:"▾";margin-left:6px;font-size:10px;opacity:.75}
.svc-item.svc-solo > .svc-hub::after{content:none}
/* выпадашка: visibility+opacity (текст остаётся в потоке — не «скрытый текст» для чекера) */
.svc-sub{
  position:absolute;top:100%;left:0;min-width:236px;
  background:#fff;border:1px solid var(--svc-line);border-top:3px solid var(--svc-amber);
  border-radius:0 0 6px 6px;box-shadow:0 10px 26px rgba(20,30,40,.18);
  padding:8px 0;margin:0;
  visibility:hidden;opacity:0;transform:translateY(4px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s;
}
.svc-item:hover > .svc-sub,
.svc-item:focus-within > .svc-sub{visibility:visible;opacity:1;transform:translateY(0)}
.svc-sub a{
  display:block!important;padding:9px 16px;
  color:var(--svc-ink)!important;text-decoration:none!important;
  font-size:13.5px;line-height:1.35;white-space:nowrap;
}
.svc-sub a:hover,.svc-sub a:focus{background:var(--svc-paper);color:var(--svc-stone)!important;box-shadow:inset 3px 0 0 var(--svc-amber)}
/* бургер — чистый CSS, без JS */
.svc-burg{display:none}
.svc-burg-l{
  display:none;cursor:pointer;padding:10px 12px;color:#fff;font-size:22px;line-height:1;
  border:1px solid var(--svc-stone-l);border-radius:4px;
}

/* ---------- 4. ФУТЕР ---------- */
.svc-ft{
  width:100%!important;max-width:none!important;margin:0!important;
  background:var(--svc-stone);color:#c9d2da;
  font-family:inherit;font-size:14px;line-height:1.65;
  border-top:3px solid var(--svc-amber);
}
.svc-ft-in{max-width:var(--svc-w);margin:0 auto;padding:34px var(--svc-pad) 26px;box-sizing:border-box}
.svc-ft-lead{
  font-size:14.5px;line-height:1.7;color:#c9d2da;margin:0 0 24px;
  max-width:880px;
}
.svc-ft-lead strong{color:#fff}
.svc-ft-cols{display:flex;flex-wrap:wrap;gap:30px 46px;margin-bottom:26px}
.svc-ft-col{min-width:170px}
.svc-ft-col h3{
  color:var(--svc-amber);font-size:13px;font-weight:700;letter-spacing:.9px;
  text-transform:uppercase;margin:0 0 11px;font-family:inherit;
}
.svc-ft-col ul{list-style:none;margin:0;padding:0}
.svc-ft-col li{margin:0 0 7px;padding:0;list-style:none}
.svc-ft-col a{color:#c9d2da!important;text-decoration:none!important;font-size:13.5px}
.svc-ft-col a:hover{color:var(--svc-amber)!important;text-decoration:underline!important}
/* знаки доверия */
.svc-ft-badges{
  display:flex;flex-wrap:wrap;align-items:center;gap:22px;
  padding:20px 0;margin:0 0 20px;
  border-top:1px solid var(--svc-stone-l);border-bottom:1px solid var(--svc-stone-l);
}
.svc-ft-badges img{
  max-height:34px;width:auto;display:block;
  opacity:.62;filter:grayscale(1);transition:opacity .15s,filter .15s;
}
.svc-ft-badges a:hover img{opacity:1;filter:grayscale(0)}
/* ⚠️ контраст: #93a1ae на синем подвале даёт 4.1 — рендер-чекер справедливо ругался */
.svc-ft-note{font-size:12.5px;line-height:1.7;color:#c3ccd6;margin:0}
.svc-ft-note a{color:#ffd979!important}
.svc-age{
  display:inline-block;background:var(--svc-flag);color:#fff;
  font-weight:700;font-size:12px;padding:3px 9px;border-radius:3px;margin-right:9px;
}
.svc-ft-bottom{
  border-top:1px solid var(--svc-stone-l);margin-top:18px;padding-top:16px;
  font-size:12.5px;color:#8c9aa8;
}

/* ---------- 5. МОБИЛКА ---------- */
@media (max-width:980px){
  :root{--svc-pad:14px}
  .svc-hd-in{min-height:64px;padding:8px var(--svc-pad);flex-wrap:wrap}
  .svc-logo img{max-height:44px}
  .svc-burg-l{display:block}
  .svc-nav{
    display:none;width:100%;flex-direction:column;align-items:stretch;
    gap:0;padding:8px 0 12px;order:3;
  }
  .svc-burg:checked ~ .svc-nav{display:flex}
  .svc-hub{padding:11px 4px;font-size:15px;border-bottom:1px solid var(--svc-stone-l)}
  .svc-item > .svc-hub::after{content:none}
  /* на мобиле подменю РАСКРЫТЫ сразу (правило) */
  .svc-sub{
    position:static;visibility:visible;opacity:1;transform:none;
    background:transparent;border:0;box-shadow:none;min-width:0;
    padding:2px 0 8px 12px;
  }
  .svc-sub a{color:#aab6c2!important;font-size:13.5px;padding:6px 4px;white-space:normal}
  .svc-sub a:hover{background:transparent;color:var(--svc-amber)!important;box-shadow:none}
  .svc-ft-cols{gap:22px 30px}
  .svc-ft-in{padding:26px var(--svc-pad) 22px}
  /* контентные картинки темы не должны рвать вьюпорт */
  #content img{max-width:100%;height:auto}
  #content table{display:block;overflow-x:auto;max-width:100%}
}

/* ==========================================================================
   6. ПЕРЕКРАСКА БЛОКОВ ДОНОРА под каркас.
   Палитра донора (снята замером): бренд #0858C0 · CTA #015AFF · сумма #14C608 · текст #333.
   ⚠️ Фон и текст правим ТОЛЬКО ПАРОЙ и адресно — сплошная замена фонов даёт белое по белому.
   ========================================================================== */

/* 6.1 полосы-заголовки секций: синий фон -> гранит, текст остаётся белым.
   ⚠️ синий сидит и на ВНУТРЕННЕМ контейнере — гасим и его, иначе остаётся синяя середина */
#content .featured-title{background:var(--svc-stone)!important}
#content .featured-title .container,
#content .featured-title .container-fluid,
#content .featured-title .row,
#content .featured-title [class*="col-"]{background:transparent!important}
#content .featured-title,
#content .featured-title__main{color:#fff!important}
#content .featured-title__main h2,
#content .featured-title__main h3{color:#fff!important;margin:0}
#content .featured-title--all-black{background:var(--svc-stone-d)!important}

/* 6.2 CTA: синий -> янтарь с ТЁМНЫМ текстом (белое на янтаре даёт контраст ~2.0 — нельзя) */
#content a.cta.btn,
#content a.ss-cta.btn,
#content .ss-op-play a,
#content a.btn.ss-cta{
  background:var(--svc-amber)!important;
  border-color:var(--svc-amber-d)!important;
  color:#16202c!important;
  font-weight:700!important;
  text-shadow:none!important;
}
#content a.cta.btn:hover,
#content a.ss-cta.btn:hover,
#content a.btn.ss-cta:hover{background:var(--svc-amber-d)!important;color:#0d2b4a!important}

/* 6.3 текстовый бренд-синий -> тёмная сталь (читаемо, в палитре) */
#content h2,#content h3,#content h4{color:#123a63!important}
/* шапки таблиц у донора СИНИЕ ФОНОМ (не только текстом) — фон и текст правим ПАРОЙ */
#content th,
#content thead th,
#content .table-dark-header th,
#content .ss-op-table th{background:var(--svc-stone)!important;color:#fff!important;border-color:var(--svc-stone-l)!important}
#content table{border-collapse:collapse}
#content td{border-color:var(--svc-line)!important}
#content a:not(.btn):not(.cta):not(.ss-cta){color:#1d4f81}
#content a:not(.btn):not(.cta):not(.ss-cta):hover{color:var(--svc-amber-d)}
/* синие плашки-«таблетки» героя (usp) */
#content li.usp_click,
#content .usp_click{background:var(--svc-stone)!important}
#content li.usp_click p,#content .usp_click p{color:#fff!important}

/* 6.4 суммы бонусов: #14C608 на белом = контраст 2.2 -> тёмно-зелёный 4.8 */
#content b,#content em,#content strong{color:inherit}
#content .ss-slot-game__operator-bonus em,
#content .opBonus b,#content .opBonus em,
#content .ss-op-bonus b,#content .ss-op-bonus em,
#content .ss-slot-operator__basic-info__content__bonus b,
#content .ss-slot-operator__basic-info__content__bonus em{color:#0f7a3d!important;font-weight:700}

/* 6.5 приглушённый серый интро (rgb(156,156,156) = контраст 2.6) -> читаемый */
#content .ss-home-section-intro,
#content .ss-page-intro__text,
#content .text-alert{color:var(--svc-mute)!important}

/* 6.6 бейджи-номера карточек: серый -> гранит с белой цифрой */
#content .featured-item__badge{background:var(--svc-stone)!important;color:#fff!important}

/* ---------- 7. страховки от темы ---------- */
/* тема стилизует голые header/footer шириной 1200 — свои классы форсим на всю ширину */
header.svc-hd,footer.svc-ft{width:100%!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
.svc-hd *,.svc-ft *{box-sizing:border-box}

/* ⚠️ ЗАМЕРОМ: над шапкой на мобиле было 74px — это body{padding-top} темы
   под её прежний position:fixed хедер. Наш хедер в потоке, отступ не нужен. */
html body{margin-top:0!important;padding-top:0!important}
@media (max-width:980px){html body{padding-top:0!important;margin-top:0!important}}

/* зазор ПОД шапкой: 16–48 desktop / 12–32 mobile.
   ⚠️ свой padding-top СУММИРУЕТСЯ с отступами секций донора (замер дал 62–87) —
   поэтому не добавляем свой, а нормализуем первую секцию. */
.svc-hd ~ #content{display:block;padding-top:0!important}
#content > *:first-child{margin-top:0!important}
#content > .gradient_bg:first-child > .container-fluid,
#content > .container-fluid:first-child{padding-top:24px!important}
#content .ss-review-page-container > .review-container{padding-top:20px!important}
#content .ss-page-intro{padding-top:22px!important}
@media (max-width:980px){
  #content > .gradient_bg:first-child > .container-fluid,
  #content > .container-fluid:first-child{padding-top:16px!important}
  #content .ss-review-page-container > .review-container{padding-top:14px!important}
  #content .ss-page-intro{padding-top:14px!important}
}
/* первая полоса-заголовок вплотную к шапке не липнет и не отваливается */
#content > .gradient_bg:first-child,
#content > .container-fluid:first-child{margin-top:0!important}
#content .ss-review-page-container:first-child{padding-top:0!important}

/* таблицы донора рвали вьюпорт на 375px.
   ⚠️ Замер показал: шире экрана не сама TABLE, а TBODY/TR — значит скролл надо вешать
   на ОБЁРТКУ, а таблице задать фиксированную раскладку. */
#content table{max-width:100%}
@media (max-width:980px){
  #content .ss-op-table,
  #content .table-responsive,
  #content .ss-slot-operators-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #content table{table-layout:fixed!important;width:100%!important;max-width:100%!important}
  #content tbody,#content thead,#content tr{max-width:100%;width:100%}
  #content td,#content th{word-break:break-word;overflow-wrap:anywhere}
  /* мобильные дубли блоков донора без его CSS видны оба — прячем копию */
  #content .visible-xs-block + .hidden-xs{display:none!important}
}

/* ⚠️⚠️ СКРЫТЫЙ ТЕКСТ — раскрывать НЕ ВСЁ ПОДРЯД.
   Первый заход раскрыл панели `*__more-info` — а это ВСПЛЫВАЮЩИЕ панели донора
   с `position:absolute`, показываемые по клику. Раскрытые, они легли ПОВЕРХ всего
   контента: описания провайдеров, картинки игр и заголовки наехали друг на друга
   (владелец: «главная поехала в середине»). Такие панели остаются скрытыми —
   это интерфейс, а не текст статьи.
   Раскрываем только НАСТОЯЩИЙ текст: FAQ и ответы. */
#content .faq-answer,
#content .faq-item__answer,
#content [itemprop="acceptedAnswer"],
#content [itemprop="text"]{
  display:block!important;visibility:visible!important;opacity:1!important;
  max-height:none!important;height:auto!important;overflow:visible!important;
}
/* Панели с ДАННЫМИ слота («Minimum bet», «Max win») — это полезный текст, показываем.
   ⚠️ но только ПЕРЕВЕДЯ их в поток: position:absolute клал их поверх контента
   и главная «ехала в середине». Поэтому static + block, без абсолютов. */
#content .ss-slot-game__more-info,
#content .ss-slot-game__more-info-inner,
#content .ss-slot-operator__review,
#content .ss-slot-operator__review-inner,
#content .review_assurance{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:static!important;max-height:none!important;height:auto!important;
  overflow:visible!important;width:auto!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;z-index:auto!important;box-shadow:none!important;
}
/* панели ПРОВАЙДЕРОВ остаются скрытыми: их 10 штук подряд и они дублируют сетку выше */
#content .ss-game-provider__more-info,
#content .ss-game-provider__more-info-inner{display:none!important}

/* ---------- 8. КОНТРАСТ (замер: пары фон+текст, сломанные перекраской) ---------- */
/* синий фон донора остался под нашим тёмным текстом -> внутри синего текст БЕЛЫЙ */
#content [style*="background:#0858c0"],#content [style*="background: #0858c0"],
#content .featured-title,#content .featured-title *,
#content .ss-jumbotron,#content .ss-jumbotron *{color:#fff!important}
/* зелёная плашка «PLAY FOR REAL MONEY» — текст белый */
#content .review_assurance,#content .review_assurance *{color:#fff!important}
#content .review_assurance em,#content .review_assurance b{color:#fff!important}
/* наш блок даты обновления (этап 09) наследовал светлый цвет темы — задаём явно */
#content .svc-upd{
  color:#5b6b7c!important;font-size:12.5px;margin:4px 0 12px;font-style:normal;
}

/* хлебные крошки: у донора почти белый текст (замер cr 2–14) */
#content .ss-breadcrumbs,
#content .ss-breadcrumbs *{color:#5b6b7c!important}
#content .ss-breadcrumbs a{color:#1d4f81!important}
#content .ss-breadcrumbs a:hover{color:var(--svc-amber-d)!important}
#content .ss-breadcrumbs__current{color:#16202c!important;font-weight:600}

/* серые метки донора не читались (cr 1.86–2.71) */
#content .ss-filter__attribute-label,
#content .screenshot_label,
#content .terms_conditions,
#content .publish_last,
#content .ss-home-section-intro{color:#5b6b7c!important}
#content .adult_only a{color:#1d4f81!important}
/* заголовки внутри цветных блоков донора не перекрашиваем в тёмное */
#content .featured-title h2,#content .featured-title h3,
#content .featured-content--dark-grey h2,#content .featured-content--dark-grey h3{color:#fff!important}

/* ⚠️ панель данных слота имеет СИНИЙ фон донора, а текст мы перекрасили в тёмный
   (замер: cr 1.78–1.91). Переводим ПАРУ целиком в светлую: бумага + чернила. */
#content .ss-slot-game__more-info,
#content .ss-slot-game__more-info-inner,
#content .ss-slot-game__more-info *,
#content .ss-slot-game__more-info-inner *{
  background:var(--svc-paper)!important;color:var(--svc-ink)!important;
}
#content .ss-slot-game__more-info{border:1px solid var(--svc-line)!important;border-radius:6px;padding:8px 12px!important;margin-top:6px!important}
#content .ss-slot-game__more-info a{color:#1d4f81!important;background:transparent!important}

/* ⚠️ Зелёная кнопка донора «PLAY FOR REAL MONEY»: фон #14C61B, а текст мы перекрасили
   в тёмно-синий -> контраст 3.74. Делаем её нашей янтарной CTA (тёмный текст, cr ~7.5). */
#content .ss-slot-operator__content__bonus a,
#content .ss-slot-operator__basic-info__content__bonus a,
#content a[class*="play-for-real"],
#content .game_area a.ss-cta{
  background:var(--svc-amber)!important;color:#16202c!important;
  border-color:var(--svc-amber-d)!important;font-weight:800!important;
}
#content .ss-slot-operator__content__bonus a *,
#content .ss-slot-operator__basic-info__content__bonus a *{color:#16202c!important}

/* зелёная плашка оффера на странице слота: фон зелёный ДОНОРА -> наш тёмно-зелёный + белый текст */
#content .review_assurance,
#content .review_assurance *{background:#0f7a3d!important;color:#fff!important;border-color:#0c5f30!important}
#content .review_assurance{border-radius:8px;padding:12px 14px!important;margin:10px 0!important}
#content .review_assurance a{background:var(--svc-amber)!important;color:#16202c!important;
  display:inline-block;padding:9px 14px;border-radius:6px;font-weight:800;text-decoration:none!important}
#content .ss-slot-game__more-info-show-btn,
#content .ss-game-provider__more-info-show-btn,
#content button[class*="more-info-show"]{display:none!important}

/* карточки, спрятанные JS-фильтром донора (замер: 72 из 81 на странице слота),
   схлопнутый блок оффера и дисклеймер демо — раскрываем, текст должен быть виден */
/* ⚠️⚠️ у донора эти классы бывают во МНОЖЕСТВЕННОМ числе (`ss-filterables`,
   `ss-filterable-items`) — селектор по классу подстроку НЕ ловит, и страница
   `/bast-spelautomater` отдавала пустой экран (рендер-чекер: «СТРАНИЦА СПРЯТАНА») */
#content .ss-filterable-item,
#content .ss-filterables,
#content .ss-filterable-items,
#content .ss-slot-game.ss-filterable-item,
#content .ss-slot-operators-container,
#content .ss-game-provider-container,
#content .review_assurance,
#content .adult_only p{
  display:block!important;visibility:visible!important;
  max-height:none!important;height:auto!important;overflow:visible!important;
}
#content .ss-slot-games .ss-filterable-item,
#content .ss-slot-games .ss-filterable-items{display:inline-block!important}
/* ⚠️ на мобиле карточки оставались скрытыми (замер: 86 блоков) — у темы своё
   медиа-правило с большей специфичностью, перебиваем в ТОЙ ЖЕ медиа */
@media (max-width:980px){
  #content .ss-slot-games .ss-filterable-item,
  #content .ss-slot-game.ss-filterable-item,
  #content .ss-filterables,
  #content .ss-filterable-items,
  #content .ss-filterable-item{display:block!important;visibility:visible!important;
    max-height:none!important;height:auto!important;width:100%!important}
}
/* зазор под шапкой на страницах слота был 77–83 (норма 16–48) — режем лишний верх */
#content .ss-review-page-container{padding-top:0!important;margin-top:0!important}
#content .ss-review-page__title{margin-top:0!important;padding-top:4px!important}
#content .review-container > .row:first-child{margin-top:0!important}
/* а вот эти скрыты ПРАВИЛЬНО — служебные, раскрывать не надо */
#content .ss-filterable-no-results,
#content .ss-filter__dropdown-panel{display:none!important}

/* ==========================================================================
   9. БЛОКИ С ИГРАМИ — карточка слота и её панель данных   (правка 15.08.2026)
   Замечание владельца: «блоки с играми с поломанными стилями».

   ДВЕ причины, обе найдены замером:
   1) ⚠️⚠️ ccn_10_go.py переписывал ссылку регексом `<a\b([^>]*?)href="(/go/…)"([^>]*)>`
      без учёта кавычек. У кнопок операторов есть атрибут
      data-offer="<em>200%</em> Welcome Bonus up to <em>C$1000</em>" — С РАЗМЕТКОЙ ВНУТРИ.
      Регекс принял '>' внутри '<em>' за конец тега и вписал href/rel ТУДА:
      28 272 кнопки на 170 страницах остались БЕЗ href, а хвост атрибутов вывалился
      ВИДИМЫМ ТЕКСТОМ в янтарную плашку («…" DATA-POSITION="1" DATA-BRAND_ID="360"…»).
      Починено скриптом ccn_fix_offer.py, data-offer снят совсем (61 093 шт.).
   2) панель `__more-info` у донора СХЛОПНУТА (height:0, position:absolute) и
      раскрывалась JS-ом ВО ВСЮ ШИРИНУ СТРОКИ. JS снят на 05, панель мы раскрыли
      ради читаемого текста — и она осталась ВНУТРИ карточки 300–400 px, где
      bootstrap-колонки col-sm-4/col-xs-4 сжались до 43 px: «Minimum bet» сыпался
      по слову в строку, три промо операторов наезжали друг на друга.
      Ниже — своя раскладка панели: колонки bootstrap гашены, всё в колонку.
   Специфичность селекторов держим НЕ НИЖЕ `#content .ss-slot-game__more-info *`
   из §8 — иначе бланкетная перекраска фона побеждает.
   ========================================================================== */

/* 9.1 сетка карточек: у донора она уже grid (new_style.css 3→2→1), фиксируем края */
#content .ss-non-filterable,
#content .ss-filterable{gap:18px}
#content .ss-slot-game:not(.ss-game-provider){
  border:1px solid var(--svc-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden;
}
#content .ss-slot-game__basic-info{border:none!important;border-radius:0!important;background:#fff!important}

/* 9.2 панель данных: bootstrap-колонки внутри карточки не нужны */
#content .ss-slot-game__more-info{
  border:none!important;border-top:1px solid var(--svc-line)!important;
  border-radius:0!important;padding:0!important;margin:0!important;
  background:var(--svc-paper)!important;
}
#content .ss-slot-game__more-info-inner{background:transparent!important;border-radius:0!important}
#content .ss-slot-game__more-info .row{display:block!important;margin:0!important;padding:0!important}
#content .ss-slot-game__more-info .row:before,
#content .ss-slot-game__more-info .row:after{content:none!important;display:none!important}
#content .ss-slot-game__more-info [class*="col-"]{
  width:100%!important;float:none!important;left:auto!important;right:auto!important;
  padding-left:0!important;padding-right:0!important;
}

/* 9.3 характеристики слота: «Название … значение» в ОДНУ строку, значение справа */
#content .ss-slot-game__more-info .ss-slot-game__game-details ul{
  list-style:none!important;margin:0!important;padding:10px 14px 6px!important;
}
#content .ss-slot-game__more-info .ss-slot-game__game-details ul:before,
#content .ss-slot-game__more-info .ss-slot-game__game-details ul:after{content:none!important;display:none!important}
#content .ss-slot-game__more-info .ss-slot-game__game-details li{
  display:block!important;float:none!important;width:auto!important;
  margin:0!important;padding:6px 0!important;
  border-bottom:1px solid var(--svc-line)!important;
  font-size:13px!important;line-height:1.35!important;
  color:var(--svc-mute)!important;background:transparent!important;
  overflow:hidden;
}
#content .ss-slot-game__more-info .ss-slot-game__game-details li:last-child{border-bottom:none!important}
#content .ss-slot-game__more-info .ss-slot-game__game-detail-name{
  color:var(--svc-mute)!important;background:transparent!important;
}
#content .ss-slot-game__more-info .ss-slot-game__game-detail-value{
  float:right;font-weight:700!important;color:var(--svc-ink)!important;background:transparent!important;
  padding-left:10px;
}
#content .ss-slot-game__more-info .ss-slot-game__game-details__read-more{
  padding:0 14px 10px!important;display:inline-block;font-size:13px;
}

/* 9.4 промо операторов: один под другим — логотип, оффер, кнопка */
#content .ss-slot-game__more-info .ss-slot-game__operators{
  background:transparent!important;border-radius:0!important;padding:2px 14px 14px!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operators .row{
  display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:0!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operators .row > [class*="col-"]{width:100%!important}
#content .ss-slot-game__more-info .ss-slot-game__operator{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 10px;
  padding:9px 10px!important;
  background:#fff!important;border:1px solid var(--svc-line)!important;border-radius:8px!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator-logo{
  flex:0 0 72px!important;width:72px!important;max-width:72px!important;margin:0!important;
  background:transparent!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator-logo-inner{
  position:relative!important;display:block!important;padding-top:64%!important;overflow:hidden;
  background:transparent!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator-logo-inner img{
  position:absolute!important;top:0!important;left:0!important;
  width:100%!important;height:100%!important;max-height:none!important;max-width:none!important;
  object-fit:contain;transform:none!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator-bonus{
  display:block!important;order:2;flex:1 1 120px;
  margin:0!important;font-size:12px!important;line-height:1.3!important;
  color:var(--svc-ink)!important;background:transparent!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator-bonus em{color:#0f7a3d!important;font-weight:700!important}
#content .ss-slot-game__more-info .ss-slot-game__operator-terms{
  display:block!important;order:4;flex:1 0 100%;
  margin:0!important;font-size:10px!important;line-height:1.3!important;
  color:var(--svc-mute)!important;background:transparent!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator-terms p{margin:0!important}
#content .ss-slot-game__more-info .ss-slot-game__operator .ss-cta{
  order:3;flex:0 0 auto!important;width:auto!important;margin:0!important;
  padding:8px 14px!important;font-size:12px!important;white-space:nowrap;
  background:var(--svc-amber)!important;color:#16202c!important;border-color:var(--svc-amber-d)!important;
  font-weight:800!important;border-radius:6px;text-decoration:none!important;
}
#content .ss-slot-game__more-info .ss-slot-game__operator .ss-cta:hover{background:var(--svc-amber-d)!important}
/* пустое имя оператора донор прячет сам — не даём ему занять строку сетки */
#content .ss-slot-game__more-info .ss-slot-game__operator-name{display:none!important}

/* 9.5 мобильный: донор прячет промо (@media 767) — у нас скрытого текста быть не должно */
@media (max-width:767px){
  #content .ss-slot-game__more-info .ss-slot-game__operators .row{display:grid!important}
  #content .ss-slot-game__more-info .ss-slot-game__operator{padding:8px!important}
  #content .ss-slot-game__more-info .ss-slot-game__operator-bonus{flex:1 1 100%;order:2}
  #content .ss-slot-game__more-info .ss-slot-game__operator .ss-cta{order:3;flex:1 0 100%;text-align:center}
}

/* 9.6 панель карточки — <details>, раскрытие БЕЗ JS (кнопку донора держал скрипт).
   Раскрытая насовсем панель давала на странице слота 25 000 px: 81 карточка,
   у каждой 7 характеристик и 3 промо. Сворачиваем как в карточках витрины. */
#content details.ss-slot-game__more-info{display:block!important;margin:0!important}
#content .svc-sg-sum{
  display:block!important;cursor:pointer;list-style:none;
  padding:9px 14px!important;
  font-size:13px!important;font-weight:700!important;
  color:var(--svc-stone)!important;background:var(--svc-paper)!important;
  border-top:1px solid var(--svc-line);
}
#content .svc-sg-sum::-webkit-details-marker{display:none}
#content .svc-sg-sum:after{content:"＋";float:right;color:var(--svc-amber-d);font-weight:800}
#content details.ss-slot-game__more-info[open] > .svc-sg-sum:after{content:"−"}
#content .svc-sg-sum:hover{color:var(--svc-amber-d)!important}
#content details.ss-slot-game__more-info[open] > .svc-sg-sum{border-bottom:1px solid var(--svc-line)}

/* 9.7 карточки ПРОВАЙДЕРОВ («Online Slots Game Providers»).
   Внешний контейнер их панели носит тот же класс ss-slot-game__more-info,
   поэтому получил и наш <summary>. Сама панель у провайдеров скрыта (§8,
   она дублирует сетку выше) — значит и заголовок раскрытия не нужен. */
#content .ss-game-provider details.ss-slot-game__more-info,
#content .ss-game-provider > .svc-sg-sum{display:none!important}

/* ⚠️ ЗАМЕР: логотипы провайдеров ЗАГРУЖЕНЫ (naturalWidth 120), но рисуются 0×0 —
   контейнер лежит flex-элементом без базиса и схлопывается. Задаём размер явно. */
#content .ss-game-provider__logo{
  flex:0 0 auto!important;display:block!important;
  width:auto!important;height:auto!important;padding:0!important;margin:0 auto!important;
  text-align:center;
}
#content .ss-game-provider__logo img{
  position:static!important;display:block!important;margin:0 auto!important;
  width:auto!important;height:auto!important;max-width:130px!important;max-height:46px!important;
}
#content .ss-slot-game.ss-game-provider .ss-slot-game__basic-info{
  display:flex!important;flex-direction:column;align-items:center;gap:10px;
  padding:14px 10px!important;
}
#content .ss-game-provider__cta-container{display:block!important;text-align:center}
#content .ss-game-provider__name{font-weight:700!important;font-size:14px!important}

/* 9.8 имя игры в карточке обрезалось на середине слова (height:20px у донора) —
   даём две строки и правый край */
#content .ss-slot-game__name{
  height:auto!important;max-height:40px!important;right:14px!important;
  line-height:1.25!important;overflow:hidden;
}

/* 9.9 ОФФЕР НА СТРАНИЦЕ СЛОТА (.ss-slot-operator__content__bonus).
   ⚠️ ЗАМЕР: блок лежит на странице ДВАЖДЫ — в правой колонке (.operator-container,
   в потоке) и копией в .review_assurance (у донора мобильная). Без JS видны ОБЕ,
   причём на десктопе вторая встаёт position:absolute во всю ширину 1440 и
   дублирует оффер посреди страницы. Оставляем ту, что в потоке. */
#content .review_assurance{display:none!important}

/* логотип бренда в кнопке донор жал до 50 px — на нашем холсте 168×66 надпись
   становилась нечитаемой; даём нормальный размер на белой плашке */
#content .ss-slot-operator__content__bonus a img{
  width:auto!important;max-width:104px!important;max-height:34px!important;
  background:#fff!important;border-radius:6px!important;padding:3px!important;
  margin-right:10px;vertical-align:middle;
}
#content .ss-slot-operator__content__bonus h2{
  font-size:19px!important;line-height:1.32!important;color:#123a63!important;
}
#content .ss-slot-operator__content__bonus h2 em{color:#0f7a3d!important;font-style:normal}
#content .ss-slot-operator__content__bonus a p{font-size:14px!important}

/* 9.10 кнопка оффера: у донора `a p{width:calc(100% - 54px)}` под логотип 50 px —
   с нашим логотипом строка вылезала за плашку. Собираем кнопку флексом. */
#content .ss-slot-operator__content__bonus a{
  display:flex!important;align-items:center;justify-content:center;gap:10px;
  max-width:none!important;width:100%!important;padding:8px 12px!important;
  border-radius:7px!important;
}
#content .ss-slot-operator__content__bonus a p{
  width:auto!important;margin:0!important;display:block!important;text-align:left;
}
#content .ss-slot-operator__content__bonus a img{margin-right:0!important;flex:0 0 auto}
/* ⚠️ ЗАМЕР: строка «19+ T&C Apply.» на странице слота печаталась ДВАЖДЫ —
   своя у блока оффера и копия донора прямо в .operator-container. Копию убираем. */
#content .operator-container > .terms_conditions{display:none!important}

/* 9.11 БЛОК «Online Slots Game Providers» — замечание владельца 15.08.2026:
   «картинки не видно нормально».
   ⚠️ ЗАМЕР: логотип отдаётся 120×95, но САМА НАДПИСЬ занимает в этом холсте
   примерно 100×25 — остальное поле. При ограничении по ВЫСОТЕ (46 px) картинка
   ужималась до 58×46, и надпись выходила ~22 px шириной — нечитаемо.
   Ограничиваем по ШИРИНЕ, высоту отпускаем. */
#content .ss-game-provider__logo{
  width:100%!important;max-width:150px!important;height:auto!important;
  margin:0 auto!important;padding:0!important;overflow:visible!important;
}
#content .ss-game-provider__logo img{
  width:100%!important;max-width:150px!important;
  height:auto!important;max-height:none!important;
  margin:0 auto!important;display:block!important;position:static!important;
}
#content .ss-slot-game.ss-game-provider .ss-slot-game__basic-info{
  padding:10px 8px 14px!important;gap:6px;overflow:visible!important;
}
#content .ss-game-provider__name{
  color:#1d4f81!important;font-weight:700!important;font-size:13.5px!important;
  text-align:center;display:block!important;
}
/* карточка «View All»: розовый плюс донора выпадает из палитры — убираем,
   ссылку оставляем текстом */
#content #viewMoreProviders .provider_plus,
#content #viewMoreProviders .ss-game-provider__load-more-btn{display:none!important}
#content #viewMoreProviders .ss-game-provider__name{
  color:#1d4f81!important;text-decoration:underline;
}

/* 9.12 контраст, найденный замером после правки блоков */
/* ссылка внутри гранитной «таблетки» героя наследовала синий цвет ссылок (cr 1.6) */
#content li.usp_click a,#content .usp_click a{color:#fff!important;text-decoration:none!important}
/* приглушённый серый донора #a6a9aa на белом (cr 2.3) */
#content .ss-slot__slot_featured p,
#content .review_text p,
#content .ss-page-content p[style*="a6a9aa"],
#content .contrib_text,
#content .publish_last,
#content .screenshot_label{color:var(--svc-mute)!important}

/* 9.13 ⚠️⚠️ ПУСТЫЕ СТРАНИЦЫ. Замер рендер-чекера: на /best-slot-games-online
   (и её пагинации /2…/6) вся сетка игр стояла display:none — 225 «скрытых
   текстов», страница отдавала 954 px (крошки, интро, фильтр, подвал).
   Причина: у донора там МНОЖЕСТВЕННОЕ число классов (.ss-filterables и
   .ss-filterable-items), а правила §8 знали только единственное. */
#content .ss-filterables{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
  visibility:visible!important;height:auto!important;max-height:none!important;
}
#content .ss-filterables:before,
#content .ss-filterables:after{content:none!important;display:none!important}
#content .ss-slot-game.ss-filterable-items,
#content .ss-filterable-items{
  display:block!important;visibility:visible!important;float:none!important;
  width:auto!important;margin:0!important;height:auto!important;max-height:none!important;
}
@media (max-width:990px){#content .ss-filterables{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){#content .ss-filterables{grid-template-columns:1fr}}

/* 9.14 «View All» в блоке провайдеров: у карточки чужая картинка-котелок —
   оставляем только текстовую ссылку.
   ⚠️ Обрезать пустое поле холста 120×95 ПРОБОВАЛ дважды: object-fit:cover режет
   надпись по бокам («NETENT» -> «NT»), окно с отрицательным margin — по низу
   («A SCIENTIFIC GAMES COMPANY» вместо логотипа). Оставляем масштаб по ширине:
   логотип крупный и читаемый, лишний воздух под ним терпим. */
#content #viewMoreProviders .ss-game-provider__logo{display:none!important}

/* 9.15 хвосты, найденные общим рендер-чекером 15.08.2026 */
/* серый #a6a9aa на белом (cr 2.3) в блоке гарантий на странице слота */
#content .ss-review-page__security p,
#content .ss-review-page__security span{color:var(--svc-mute)!important}
#content .security_head{color:var(--svc-ink)!important;font-weight:700}

/* на мобиле логотип провайдера в 150 px вылезал за карточку (замер: left −4) */
@media (max-width:767px){
  #content .ss-game-provider__logo,
  #content .ss-game-provider__logo img{width:100%!important;max-width:100%!important}
}

/* ⚠️ панель фильтров ДОНОРА («Software Providers / Slot Game Types / Win Options»)
   работала его скриптом — JS снят на 05, кнопки мертвы, а на мобиле донор её и сам
   прячет (10 «скрытых текстов» у чекера). Мёртвый орган управления убираем совсем;
   наши фильтры витрины (ccnv) — отдельные, на чистом CSS, их это не трогает. */
/* панель фильтров донора вырезана ФИЗИЧЕСКИ (ccn_12_filterbar.py) — прятать CSS-ом нельзя, чекер считает это скрытым текстом */

/* 9.16 логотип провайдера уезжал за экран на мобиле: у донора он абсолютный с
   transform:translate(-50%,-50%); мы вернули position:static, а сдвиг остался (замер: left -4). */
#content .ss-game-provider__logo img{transform:none!important;left:auto!important;top:auto!important}

/* 9.17 СТРАНИЦЫ ОБЗОРОВ ОПЕРАТОРОВ (43 шт., `*-slots-games-review`).
   Замер 15.08.2026: кнопки перехода — светло-серые btn-default донора (текст
   почти не виден), шкалы оценок — донорский малиновый мимо палитры, а плеер
   YouTube пуст (его вставлял снятый JS) и лежал ЧЁРНЫМ прямоугольником. */
#content .ss-casino-cta-group{display:flex!important;flex-direction:column;gap:8px;align-items:stretch}
#content .ss-casino-cta-group a{
  display:block!important;text-align:center;padding:11px 14px!important;
  border-radius:6px!important;font-weight:800!important;text-decoration:none!important;
  background:var(--svc-amber)!important;color:#16202c!important;
  border:1px solid var(--svc-amber-d)!important;
}
#content .ss-casino-cta-group a.ss-cta--secondary{
  background:#fff!important;color:var(--svc-stone)!important;
  border-color:var(--svc-line)!important;font-weight:700!important;
}
#content .ss-casino-cta-group a:hover{background:var(--svc-amber-d)!important;color:#0d2b4a!important}
#content .ss-casino-cta-group a.ss-cta--secondary:hover{background:var(--svc-paper)!important}

#content .ss-casino-progress-bars .progress-bar{background:var(--svc-stone)!important;color:#fff!important}
#content .ss-casino-progress-bars .progress-bar b{color:var(--svc-amber)!important}
#content .ss-casino-progress-bars .progress-bar-background{background:var(--svc-line)!important;color:var(--svc-mute)!important}
#content .ss-casino-progress-bars .progress-bar-background b{color:var(--svc-ink)!important}

/* пустой плеер донора — чёрный прямоугольник 350×262 */
#content .ss-youtube-player:empty,
#content .ss-casino-featured-video:empty{display:none!important}

/* 9.18 обзоры операторов: серые метки донора #95989a на #f4f4f4 (cr 2.4) */
#content .ss-casino-header__features label,
#content .ss-casino-header__features span,
#content .ss-casino-container .__cf_email__,
#content .ss-casino-support__content{color:var(--svc-mute)!important}
#content .ss-casino-header__features label{font-weight:700!important;color:var(--svc-ink)!important}

#content .ss-casino-header__features ul,#content .ss-casino-header__features li{color:var(--svc-mute)!important}

/* ---------- дата обновления (этап 09) ---------- */
#content .svc-upd,.svc-upd{
  font-size:13px!important;line-height:1.4;color:var(--svc-mute)!important;
  text-align:center;margin:2px 0 14px!important;
}
#content .svc-upd time,.svc-upd time{font-weight:700;color:var(--svc-ink)!important}

/* ---------- список обзоров на хабе (этап 11, страховка от сирот) ---------- */
#content .svc-revs,.svc-revs{max-width:var(--svc-w);margin:26px auto 30px;padding:0 var(--svc-pad)}
.svc-revs h2{font-size:22px;line-height:1.25;margin:0 0 12px;color:var(--svc-blue)!important;font-weight:700}
.svc-revs ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 18px;
  list-style:none;margin:0;padding:0}
.svc-revs li{margin:0;font-size:14px;line-height:1.4;padding:8px 11px;border:1px solid var(--svc-line);
  border-radius:8px;background:var(--svc-paper)}
.svc-revs li a{color:var(--svc-blue-l)!important;text-decoration:none}
.svc-revs li a:hover{color:var(--svc-gold-d)!important;text-decoration:underline}

/* ---------- контраст интро секций (замер: #999 на белом = 2.8) ---------- */
#content .featured-content__intro,#content .featured-content__intro *,
#content .ss-page-intro,#content .ss-page-intro *{color:#4a5563!important}

/* ---------- плитки провайдеров, которые донор показывал только JS-ом «Ladda mer» ----------
   ⚠️ без JS они остаются 0×0 и рендер-чекер справедливо считает их скрытым текстом.
   Показываем: это полезный контент и внутренние ссылки на страницы спелутвекларов. */
#content .ss-slot-game.ss-game-provider,
#content .slotGamesProvider,
#content .ss-slot-game.ss-game-provider .ss-slot-game__basic-info,
#content .ss-game-provider__cta-container,
#content .ss-game-provider__name{
  display:block!important;visibility:visible!important;
  height:auto!important;max-height:none!important;width:auto!important;overflow:visible!important;
}
#content .ss-slot-game.ss-game-provider{width:100%!important;max-width:200px!important;
  margin:0 10px 14px 0!important;vertical-align:top}
#content .ss-slot-game.ss-game-provider .ss-slot-game__basic-info{padding:10px 8px 14px!important}
#content .ss-game-provider__name{font-size:14px;font-weight:700;color:var(--svc-blue-l)!important;
  text-align:center;text-decoration:none}