/* ============================================================
   Витрина №296 «rcsv» — recentcasinos.com (CA, en-CA)
   Палитра взята ОТ ШАПКИ каркаса «Timberline»:
   хвоя #16352b · латунь #c08a2e · сургуч #a33a22 · бумага #fff · врезка #f5f3ec
   Строка-грид: [хвойная рейка ранга] [плитка лого] [имя + чипы] [панель оффера
   с латунной лентой СВЕРХУ] [сургучная CTA + ссылка на обзор] + один <details>.
   ============================================================ */

.rcsv-wrap{--rcsv-ink:#17211d;--rcsv-ink2:#4b574f;--rcsv-spruce:#16352b;--rcsv-brass:#c08a2e;
  --rcsv-seal:#a33a22;--rcsv-paper:#fff;--rcsv-paper2:#f5f3ec;--rcsv-line:#dde2d9;
  margin:26px 0;padding:0;border:0;background:transparent;display:block;width:100%;
  grid-column:1/-1;flex:1 1 100%;box-sizing:border-box}
.rcsv-wrap *{box-sizing:border-box}

body .rcsv-wrap h2.rcsv-h{font-family:'IBM Plex Serif',Georgia,serif;font-size:23px;font-weight:600;
  color:var(--rcsv-spruce);margin:0 0 4px;line-height:1.25}
body .rcsv-wrap .rcsv-sub{font-size:14px;color:var(--rcsv-ink2);margin:0 0 14px;line-height:1.5}

/* фильтры — настоящие чекбоксы, не пилюли */
.rcsv-in{position:absolute;left:auto;top:auto;width:1px;height:1px;margin:0;padding:0;
  border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.rcsv-filters{display:flex;flex-wrap:wrap;gap:8px 22px;padding:12px 16px;margin:0 0 14px;
  background:var(--rcsv-paper2);border-left:3px solid var(--rcsv-brass)}
body .rcsv-wrap .rcsv-filters label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  font-size:14.5px;color:var(--rcsv-ink);line-height:1.3;margin:0}
.rcsv-filters label:before{content:"";width:16px;height:16px;flex:0 0 auto;background:#fff;
  border:1px solid #b9c2b7;border-radius:2px}
.rcsv-f1:checked ~ .rcsv-filters label[for$="-f1"]:before,
.rcsv-f2:checked ~ .rcsv-filters label[for$="-f2"]:before,
.rcsv-f3:checked ~ .rcsv-filters label[for$="-f3"]:before{
  background:var(--rcsv-spruce) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3.2L13 5' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3C/svg%3E") center/13px no-repeat;
  border-color:var(--rcsv-spruce)}

/* список */
body .rcsv-wrap ol.rcsv-list{list-style:none;margin:0;padding:0;counter-reset:none}
body .rcsv-wrap ol.rcsv-list > li.rcsv-row{display:grid;
  grid-template-columns:38px 132px minmax(0,1fr) 176px 186px;gap:4px 14px;align-items:center;
  background:var(--rcsv-paper);border:1px solid var(--rcsv-line);border-radius:3px;
  margin:0 0 10px;padding:20px 16px 20px 0;position:relative;overflow:hidden;font-size:15px;min-height:140px}
body .rcsv-wrap ol.rcsv-list > li.rcsv-row.rcsv-top{border-color:#c9d3c6;box-shadow:0 6px 18px -14px rgba(22,53,43,.55)}

/* хвойная рейка ранга слева */
.rcsv-rank{align-self:stretch;display:flex;align-items:center;justify-content:center;
  background:var(--rcsv-spruce);color:#e8bd6a;font-weight:700;font-size:17px;
  font-family:'IBM Plex Serif',Georgia,serif;margin:-20px 0;padding:0 6px;min-height:100%}
.rcsv-row.rcsv-top .rcsv-rank{background:var(--rcsv-brass);color:#0e2019}

/* плитка логотипа: фон выбран расчётом потерь (07.8a) */
.rcsv-logo{display:flex;align-items:center;justify-content:center;height:52px;border-radius:3px;
  background:var(--rcsv-paper2);padding:6px}
.rcsv-logo--ink{background:#232d28}
.rcsv-logo--mid{background:#4b574f}
.rcsv-logo img{max-width:100%;max-height:44px;width:auto;height:auto;display:block}

/* середина */
.rcsv-mid{min-width:0}
body .rcsv-wrap .rcsv-name,body .rcsv-wrap a.rcsv-name,body .rcsv-wrap span.rcsv-name{font-family:'IBM Plex Serif',Georgia,serif;font-weight:600;font-size:17px;
  color:var(--rcsv-spruce);text-decoration:none;display:inline-block;line-height:1.2}
body .rcsv-wrap a.rcsv-name:hover{color:var(--rcsv-seal)}
.rcsv-pick{display:inline-block;margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:#6b4a0d;background:linear-gradient(90deg,#f0dcae,#e6c884);padding:2px 8px}
body .rcsv-wrap ul.rcsv-facts{list-style:none;display:flex;flex-wrap:wrap;gap:2px 14px;margin:6px 0 0;padding:0}
body .rcsv-wrap ul.rcsv-facts li{font-size:13px;color:var(--rcsv-ink2);line-height:1.45;margin:0}
body .rcsv-wrap ul.rcsv-facts li.rcsv-key{color:var(--rcsv-spruce);font-weight:600}

/* панель оффера — латунная лента СВЕРХУ */
.rcsv-offer{grid-column:4/5;text-align:right;padding:6px 0 0;
  border-top:3px solid var(--rcsv-brass);min-width:0}
.rcsv-offer-l{display:block;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--rcsv-ink2)}
.rcsv-offer b{display:block;font-size:17px;color:var(--rcsv-spruce);line-height:1.25;font-weight:600}
.rcsv-offer span.rcsv-fs{display:block;font-size:13.5px;color:var(--rcsv-ink2)}

/* CTA */
.rcsv-cta{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:center}
body .rcsv-wrap a.rcsv-btn{display:block;background:var(--rcsv-seal);color:#fff;font-weight:600;
  font-size:15px;padding:12px 14px;border-radius:3px;text-decoration:none;line-height:1.2}
body .rcsv-wrap a.rcsv-btn:hover{background:#8c2f1a;color:#fff}
body .rcsv-wrap a.rcsv-rev{font-size:13px;color:var(--rcsv-ink2);text-decoration:none}
body .rcsv-wrap a.rcsv-rev:hover{color:var(--rcsv-seal);text-decoration:underline}

/* один <details> на строку */
.rcsv-det{grid-column:2/-1;margin:2px 0 0}
body .rcsv-wrap .rcsv-det > summary{cursor:pointer;list-style:none;font-size:13px;color:var(--rcsv-ink2);
  display:inline-flex;align-items:center;gap:7px}
.rcsv-det > summary::-webkit-details-marker{display:none}
.rcsv-det > summary:before{content:"";width:14px;height:2px;background:var(--rcsv-brass)}
body .rcsv-wrap .rcsv-det ul{list-style:none;margin:8px 0 0;padding:10px 14px;background:var(--rcsv-paper2);
  display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
body .rcsv-wrap .rcsv-det li{font-size:13.5px;color:var(--rcsv-ink);margin:0;line-height:1.5}
body .rcsv-wrap .rcsv-det li b{color:var(--rcsv-spruce)}

/* скрытый хвост + «показать все» */
body .rcsv-wrap ol.rcsv-list > li.rcsv-hid{display:none}
.rcsv-more-in:checked ~ ol.rcsv-list > li.rcsv-hid{display:grid}
.rcsv-more-in:checked ~ label.rcsv-more{display:none}
body .rcsv-wrap label.rcsv-more{display:inline-block;cursor:pointer;font-size:14px;font-weight:600;
  color:var(--rcsv-spruce);border-bottom:2px solid var(--rcsv-brass);padding:4px 0;margin:4px 0 0}
body .rcsv-wrap label.rcsv-more:hover{color:var(--rcsv-seal)}

/* дисклеймер ПОД витриной */
body .rcsv-wrap p.rcsv-disc{font-size:12.5px;color:var(--rcsv-ink2);margin:12px 0 0;line-height:1.55}

/* фильтры режут */
.rcsv-f1:checked ~ ol.rcsv-list > li.rcsv-row:not([data-f1="1"]),
.rcsv-f2:checked ~ ol.rcsv-list > li.rcsv-row:not([data-f2="1"]),
.rcsv-f3:checked ~ ol.rcsv-list > li.rcsv-row:not([data-f3="1"]){display:none}
.rcsv-f1:checked ~ ol.rcsv-list > li.rcsv-hid[data-f1="1"],
.rcsv-f2:checked ~ ol.rcsv-list > li.rcsv-hid[data-f2="1"],
.rcsv-f3:checked ~ ol.rcsv-list > li.rcsv-hid[data-f3="1"]{display:grid}

@media (max-width:820px){
  body .rcsv-wrap ol.rcsv-list > li.rcsv-row{grid-template-columns:34px 104px minmax(0,1fr);
    padding:12px 12px 12px 0;gap:6px 12px;min-height:0}
  .rcsv-rank{margin:-12px 0}
  .rcsv-logo{height:44px}
  .rcsv-logo img{max-height:34px}
  .rcsv-offer{grid-column:2/-1;text-align:left;margin:8px 0 0;padding:8px 0 0;min-width:0}
  .rcsv-cta{grid-column:2/-1;margin:8px 0 0}
  .rcsv-det{grid-column:1/-1;margin:6px 0 0}
  body .rcsv-wrap .rcsv-det ul{grid-template-columns:1fr}
  body .rcsv-wrap ul.rcsv-facts li:nth-child(n+3){display:none}
  body .rcsv-wrap .rcsv-name,body .rcsv-wrap a.rcsv-name,body .rcsv-wrap span.rcsv-name{font-size:16px}
  .rcsv-offer b{font-size:16px}
  .rcsv-offer{padding-top:6px}
  body .rcsv-wrap a.rcsv-btn{padding:10px 12px}
  .rcsv-pick{margin-left:0;margin-top:4px}
  .rcsv-more-in:checked ~ ol.rcsv-list > li.rcsv-hid,
  .rcsv-f1:checked ~ ol.rcsv-list > li.rcsv-hid[data-f1="1"],
  .rcsv-f2:checked ~ ol.rcsv-list > li.rcsv-hid[data-f2="1"],
  .rcsv-f3:checked ~ ol.rcsv-list > li.rcsv-hid[data-f3="1"]{display:grid}
}

/* ⛔ бренды без своей страницы обзора рисуются <span class="rcsv-name"> — цвет обязан быть
   задан явно, иначе наследуется color:#fff донора и получается белое по белому */
body .rcsv-wrap .rcsv-name{color:var(--rcsv-spruce)!important}
body .rcsv-wrap .rcsv-row,body .rcsv-wrap .rcsv-row *{color:inherit}
body .rcsv-wrap .rcsv-row{color:var(--rcsv-ink)}
body .rcsv-wrap .rcsv-facts li{color:var(--rcsv-ink2)!important}
body .rcsv-wrap .rcsv-offer b{color:var(--rcsv-spruce)!important}
body .rcsv-wrap .rcsv-offer-l,body .rcsv-wrap .rcsv-fs{color:var(--rcsv-ink2)!important}
body .rcsv-wrap a.rcsv-btn{color:#fff!important}
body .rcsv-wrap .rcsv-rank{color:#e8bd6a!important}
body .rcsv-wrap .rcsv-row.rcsv-top .rcsv-rank{color:#0e2019!important}
body .rcsv-wrap .rcsv-det li,body .rcsv-wrap .rcsv-det summary{color:var(--rcsv-ink)!important}