/* ===== витрина №146 pcsv «Maple Chip» (playcanadaslots.com) ===== */
.pcsv-wrap{--v-ink:#57121f;--v-ink2:#3d0c16;--v-gold:#e3b23c;--v-red:#c8332b;--v-paper:#f6f2ea;
  --v-line:#e2d9c9;--v-ok:#1d7a55;margin:26px 0 30px;font-family:inherit;color:#26191c;max-width:100%}
.pcsv-wrap *{box-sizing:border-box}
.pcsv-h2{font-size:23px;line-height:1.25;margin:0 0 8px;color:var(--v-ink)}
.pcsv-lead{font-size:14.5px;line-height:1.6;margin:0 0 14px;color:#4a3a3d;max-width:860px}

/* фильтры */
.pcsv-f{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:0;border:0}
.pcsv-f input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.pcsv-f label{flex:0 0 auto;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:600;
  border:1px solid var(--v-line);background:#fff;color:#4a3a3d;border-radius:6px;padding:7px 13px;line-height:1}
.pcsv-f label:hover{border-color:var(--v-red);color:var(--v-red)}
.pcsv-wrap input:checked + label{background:var(--v-ink);border-color:var(--v-ink);color:#fff}

/* строка: жетон ранга слева, квадратная плашка лого, оффер, CTA */
.pcsv-list{list-style:none;margin:0;padding:0}
html body .pcsv-wrap .pcsv-list>li{background:#fff!important;color:#26191c!important}
/* ⚠️ тема донора красит ФОН у span/b внутри контента (#063f70) — внутри витрины гасим,
   иначе имя бренда «висит» на синей плашке (контраст 1.4) */
html body .pcsv-wrap span,html body .pcsv-wrap b,html body .pcsv-wrap i,
html body .pcsv-wrap p,html body .pcsv-wrap a,html body .pcsv-wrap div{background-color:transparent!important}
/* ⛔ НЕ `revert` — он откатывает к стилю БРАУЗЕРА и гасит наши же фоны (жетон ранга стал
   белым кругом без цифры). Возвращаем фоны явными значениями. */
html body .pcsv-wrap .pcsv-rk{background-color:#57121f!important}
html body .pcsv-wrap .pcsv-list>li.pcsv-top .pcsv-rk{background-color:#c8332b!important}
html body .pcsv-wrap .pcsv-offer{background-color:#f6f2ea!important}
html body .pcsv-wrap .pcsv-chip{background-color:#f6f2ea!important}
html body .pcsv-wrap .pcsv-chip--off{background-color:#fdeeec!important}
html body .pcsv-wrap .pcsv-chip--ont{background-color:#eaf5ee!important}
html body .pcsv-wrap a.pcsv-btn{background-color:#c8332b!important}
html body .pcsv-wrap .pcsv-logo{background-color:#fff!important}
html body .pcsv-wrap .pcsv-more details[open]{background-color:#f6f2ea!important}
html body .pcsv-wrap .pcsv-more details{background-color:#fff!important}
html body .pcsv-wrap .pcsv-f label{background-color:#fff!important}
html body .pcsv-wrap input:checked + label{background-color:#57121f!important;color:#fff!important}
html body .pcsv-wrap .pcsv-allbox label{background-color:#fff!important}
html body .pcsv-wrap .pcsv-name{color:#57121f!important}
/* ⚠️ у темы есть правило для ссылок, которое бьёт одиночный класс — выкручиваем селектор
   до тега+класса на каждом уровне (0,3,5), иначе текст CTA остаётся синим на красном */
html body section.pcsv-wrap ol.pcsv-list li a.pcsv-btn,
html body .pcsv-wrap a.pcsv-btn{background:#c8332b!important;color:#fff!important;
  text-decoration:none!important}
html body section.pcsv-wrap ol.pcsv-list li a.pcsv-name{color:#57121f!important}
html body section.pcsv-wrap ol.pcsv-list li a.pcsv-rev{color:#7a2230!important}
html body .pcsv-wrap .pcsv-chip{color:#5c4a4d!important;background:#f6f2ea!important}
html body .pcsv-wrap .pcsv-chip--off{color:#a32c17!important;background:#fdeeec!important}
html body .pcsv-wrap .pcsv-chip--ont{color:#14603f!important;background:#eaf5ee!important}
html body .pcsv-wrap .pcsv-score,html body .pcsv-wrap .pcsv-facts{color:#6b5b5e!important}
html body .pcsv-wrap .pcsv-offer{background:#f6f2ea!important}
html body .pcsv-wrap .pcsv-offer b{color:#57121f!important}
html body .pcsv-wrap .pcsv-allbox label{color:#57121f!important;background:#fff!important}
.pcsv-list>li{display:grid;grid-template-columns:52px 96px minmax(0,1fr) 216px 158px;
  grid-template-areas:"rk logo id offer cta" "rk facts facts facts cta" "more more more more more";
  align-items:center;gap:9px 14px;margin:0 0 10px!important;padding:10px 14px!important;background:#fff;
  border:1px solid var(--v-line);border-radius:10px;position:relative}
.pcsv-list>li::before,.pcsv-list>li::after{content:none!important;display:none!important}
.pcsv-list>li.pcsv-hid{display:none}

/* ранг — круглый жетон-фишка (мотив фавикона) */
.pcsv-rk{grid-area:rk;width:46px;height:46px;border-radius:50%;background:var(--v-ink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;
  box-shadow:inset 0 0 0 3px var(--v-gold),inset 0 0 0 5px var(--v-ink);justify-self:center}
.pcsv-list>li.pcsv-top .pcsv-rk{background:var(--v-red);box-shadow:inset 0 0 0 3px var(--v-gold),inset 0 0 0 5px var(--v-red)}

/* ⛔ плашка логотипа ВСЕГДА светлая, один класс на все бренды */
.pcsv-logo{grid-area:logo;display:flex!important;align-items:center;justify-content:center;
  width:96px!important;height:96px!important;background:#fff!important;border:1px solid var(--v-line)!important;
  border-radius:10px;padding:8px!important;float:none!important;position:static!important;margin:0!important}
.pcsv-logo img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;
  object-fit:contain;display:block;float:none!important;margin:0!important;border:0!important}

.pcsv-id{grid-area:id;min-width:0}
.pcsv-name{font-size:16px;font-weight:700;color:var(--v-ink);text-decoration:none;display:block;line-height:1.25}
a.pcsv-name:hover{color:var(--v-red)}
.pcsv-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.pcsv-chip{font-size:11.5px;line-height:1;padding:5px 8px;border-radius:5px;background:var(--v-paper);
  color:#5c4a4d;border:1px solid var(--v-line);white-space:nowrap}
.pcsv-chip--ont{background:#eaf5ee;border-color:#c2ddc9;color:#14603f}
.pcsv-chip--off{background:#fdeeec;border-color:#f0c8c3;color:#a32c17}

.pcsv-offer{grid-area:offer;background:var(--v-paper);border-top:3px solid var(--v-gold);border-radius:7px;
  padding:9px 12px;min-width:0}
.pcsv-offer b{display:block;font-size:15px;line-height:1.25;color:var(--v-ink);word-break:break-word}
.pcsv-offer span{display:block;font-size:11.5px;color:#6b5b5e;margin-top:3px}

.pcsv-cta{grid-area:cta;display:flex;flex-direction:column;gap:6px;padding:0 4px}
.pcsv-score{font-size:12px;color:#6b5b5e;text-align:center}
.pcsv-score b{color:var(--v-ink);font-size:15px}
.pcsv-btn{display:block;text-align:center;background:var(--v-red);color:#fff!important;text-decoration:none;
  font-weight:700;font-size:14.5px;border-radius:7px;padding:11px 10px;line-height:1.1}
.pcsv-btn:hover{background:#a5261f;color:#fff!important}
.pcsv-rev{display:block;text-align:center;font-size:12px;color:#7a2230!important;text-decoration:none}
.pcsv-rev:hover{text-decoration:underline}

.pcsv-facts{grid-area:facts;font-size:12.5px;color:#6b5b5e;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcsv-facts b{color:#3c2c2f}

.pcsv-more{grid-area:more;display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.pcsv-more details{flex:0 0 auto;border:1px solid var(--v-line);border-radius:6px;background:#fff}
.pcsv-more details[open]{flex:1 1 100%;background:var(--v-paper)}
.pcsv-more summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;color:#5c4a4d;padding:6px 12px}
.pcsv-more summary::-webkit-details-marker{display:none}
.pcsv-more .pcsv-dd{padding:2px 13px 11px;font-size:12.5px;line-height:1.55;color:#4a3a3d}
.pcsv-more .pcsv-dd b{color:var(--v-ink)}

.pcsv-allbox{margin:4px 0 0;text-align:center}
.pcsv-wrap input.pcsv-more-cb{position:absolute;opacity:0;width:0;height:0}
.pcsv-allbox label{display:inline-block;cursor:pointer;border:1px solid var(--v-ink);color:var(--v-ink);
  background:#fff;border-radius:6px;padding:9px 20px;font-size:13.5px;font-weight:600}
.pcsv-allbox label:hover{background:var(--v-ink);color:#fff}
.pcsv-wrap:has(input[id^="pcsv-all"]:checked) .pcsv-list>li.pcsv-hid{display:grid}
.pcsv-wrap:has(input[id^="pcsv-all"]:checked) .pcsv-allbox label .pcsv-sa{display:none}
.pcsv-allbox label .pcsv-sl{display:none}
.pcsv-wrap:has(input[id^="pcsv-all"]:checked) .pcsv-allbox label .pcsv-sl{display:inline}

/* фильтры: селекторы ПРЕФИКСНЫЕ (CSS общий на сайт) */
.pcsv-wrap:has(input[id^="pcsv-f-ont"]:checked) .pcsv-list>li:not(.is-ont){display:none}
.pcsv-wrap:has(input[id^="pcsv-f-idb"]:checked) .pcsv-list>li:not(.is-idb){display:none}
.pcsv-wrap:has(input[id^="pcsv-f-big"]:checked) .pcsv-list>li:not(.is-big){display:none}
.pcsv-wrap:has(input[id^="pcsv-f-fs"]:checked)  .pcsv-list>li:not(.is-fs){display:none}
.pcsv-wrap:has(input[id^="pcsv-f-"]:checked) .pcsv-list>li.pcsv-hid{display:none}

.pcsv-note{font-size:12px;color:#7a6a6d;line-height:1.55;margin:12px 0 0;border-top:1px solid var(--v-line);padding-top:10px}

@media (max-width:820px){
  .pcsv-list>li{grid-template-columns:38px 72px minmax(0,1fr);
    grid-template-areas:"rk logo id" "offer offer offer" "facts facts facts" "cta cta cta" "more more more";
    gap:6px 9px;padding:9px 11px!important}
  .pcsv-rk{width:34px;height:34px;font-size:14px;box-shadow:inset 0 0 0 2px var(--v-gold),inset 0 0 0 4px var(--v-ink)}
  .pcsv-logo{width:72px!important;height:72px!important;padding:5px!important}
  .pcsv-name{font-size:15px}
  .pcsv-chip{font-size:10.5px;padding:4px 6px}
  .pcsv-offer{padding:7px 10px}
  .pcsv-offer b{font-size:14px}
  .pcsv-cta{flex-direction:row;align-items:center;gap:8px;padding:0}
  .pcsv-btn{flex:1 1 auto;padding:9px 8px;font-size:14px}
  .pcsv-score{flex:0 0 auto;white-space:nowrap;font-size:11.5px}
  .pcsv-rev{display:none}
  .pcsv-facts{-webkit-line-clamp:2;font-size:11.5px}
  .pcsv-more summary{font-size:11px;padding:5px 10px}
  .pcsv-f{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pcsv-f::-webkit-scrollbar{display:none}
  .pcsv-chip--hidem{display:none}
  .pcsv-h2{font-size:20px}
}