/* onlinecasinoworld.net — витрина №244 «番付 Banzuke» (JP). Палитра от шапки сайта.
   Живёт в чужой теме (sparkling + bootstrap 3): всё скоупим на .ocwv-wrap и держим !important
   на цвете/размере/фоне, иначе тема перебивает по специфичности. JS не используется. */
.ocwv-wrap{
  --ocwv-navy:#000873; --ocwv-red:#9e0739; --ocwv-red-d:#7a052c;
  --ocwv-ink:#1c1c22; --ocwv-mut:#5d5d68; --ocwv-line:#d8d5cd;
  --ocwv-paper:#ffffff; --ocwv-sand:#f6f3ec;
  display:block!important; float:none!important; clear:both!important;
  width:100%!important; max-width:none!important; min-width:0!important;
  grid-column:1/-1; flex:1 1 100%;
  box-sizing:border-box; margin:28px 0 32px; padding:0;
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,"Noto Sans JP",Meiryo,"MS PGothic",sans-serif!important;
  color:var(--ocwv-ink)!important; letter-spacing:normal!important;
  word-break:normal; line-break:strict; overflow-wrap:anywhere;
}
/* витрина не должна сжиматься чужой раскладкой родителя */
#page section:has(> .ocwv-wrap),#page div:has(> .ocwv-wrap),
.entry-content div:has(> .ocwv-wrap){float:none!important;width:auto!important;max-width:none!important;display:block!important}
.ocwv-wrap *{box-sizing:border-box}
.ocwv-wrap h2.ocwv-h{
  margin:0 0 8px!important; padding:0 0 8px!important;
  border-bottom:3px solid var(--ocwv-navy)!important;
  font-size:20px!important; line-height:1.45!important; font-weight:700!important;
  color:var(--ocwv-navy)!important; text-align:left!important; background:none!important;
}
.ocwv-wrap p.ocwv-lead{margin:0 0 14px!important;font-size:13px!important;line-height:1.8!important;color:var(--ocwv-mut)!important}
/* --- полоса фильтров: настоящие чекбоксы, без пилюль --- */
/* инпуты живут ВНЕ полосы фильтров и перед списком — иначе `~` не сработает;
   прячем их sr-only-приёмом, а не width:0 (иначе даёт горизонтальный overflow) */
.ocwv-wrap input.ocwv-f,.ocwv-wrap input.ocwv-more{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.ocwv-wrap .ocwv-filters{
  display:flex!important; flex-wrap:wrap; gap:6px 18px; align-items:center;
  margin:0 0 14px!important; padding:10px 12px!important;
  background:var(--ocwv-sand)!important; border:1px solid var(--ocwv-line)!important;
}
.ocwv-wrap .ocwv-filters b{font-size:12px!important;color:var(--ocwv-navy)!important;font-weight:700!important;margin-right:4px}
.ocwv-wrap .ocwv-filters label{
  display:inline-flex!important; align-items:center; gap:7px; margin:0!important;
  font-size:13px!important; font-weight:400!important; color:var(--ocwv-ink)!important; cursor:pointer;
}
.ocwv-wrap .ocwv-filters label::before{
  content:""; width:15px; height:15px; flex:0 0 15px;
  border:1px solid #9a968c; background:#fff;
}
.ocwv-wrap input.ocwv-f1:checked ~ .ocwv-filters label[data-a="1"]::before,
.ocwv-wrap input.ocwv-f2:checked ~ .ocwv-filters label[data-a="2"]::before,
.ocwv-wrap input.ocwv-f3:checked ~ .ocwv-filters label[data-a="3"]::before,
.ocwv-wrap input.ocwv-f4:checked ~ .ocwv-filters label[data-a="4"]::before{
  background:var(--ocwv-navy); border-color:var(--ocwv-navy);
  box-shadow:inset 0 0 0 3px #fff;
}
/* --- список --- */
.ocwv-wrap ol.ocwv-list{
  list-style:none!important; margin:0!important; padding:0!important; display:block!important;
}
.ocwv-wrap ol.ocwv-list > li{
  display:block!important; list-style:none!important; margin:0 0 12px!important; padding:0!important;
  background:var(--ocwv-paper)!important; border:1px solid var(--ocwv-line)!important;
  overflow:hidden;
}
.ocwv-wrap ol.ocwv-list > li.ocwv-hid{display:none!important}
.ocwv-wrap input.ocwv-more:checked ~ ol.ocwv-list > li.ocwv-hid{display:block!important}
/* фильтры печатаются ПОСЛЕ правила «показать все» — активный фильтр всегда режет */
.ocwv-wrap input.ocwv-f1:checked ~ ol.ocwv-list > li:not([data-f1]){display:none!important}
.ocwv-wrap input.ocwv-f2:checked ~ ol.ocwv-list > li:not([data-f2]){display:none!important}
.ocwv-wrap input.ocwv-f3:checked ~ ol.ocwv-list > li:not([data-f3]){display:none!important}
.ocwv-wrap input.ocwv-f4:checked ~ ol.ocwv-list > li:not([data-f4]){display:none!important}
/* --- ярус 1: лента банзуке --- */
.ocwv-wrap .ocwv-bar{
  display:flex!important; align-items:center; gap:10px; flex-wrap:nowrap;
  padding:7px 12px!important; background:var(--ocwv-navy)!important; color:#fff!important;
}
.ocwv-wrap .ocwv-rank{
  flex:0 0 auto; font-size:13px!important; font-weight:700!important; color:#ffd76a!important;
  border-right:1px solid rgba(255,255,255,.35); padding-right:10px; white-space:nowrap;
}
.ocwv-wrap .ocwv-nm{
  flex:1 1 auto; min-width:0; font-size:15px!important; font-weight:700!important; color:#fff!important;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ocwv-wrap .ocwv-nm i{font-style:normal;font-size:11px!important;font-weight:400!important;color:#c9cbe8!important;margin-left:7px}
.ocwv-wrap .ocwv-pick{
  flex:0 0 auto; font-size:11px!important; font-weight:700!important; color:#fff!important;
  background:var(--ocwv-red)!important; padding:2px 8px!important; white-space:nowrap;
}
.ocwv-wrap .ocwv-score{flex:0 0 auto;font-size:15px!important;font-weight:700!important;color:#ffd76a!important;white-space:nowrap}
.ocwv-wrap .ocwv-score small{font-size:10px!important;font-weight:400!important;color:#c9cbe8!important}
/* --- ярус 2: тело --- */
.ocwv-wrap .ocwv-body{
  display:grid!important; grid-template-columns:118px minmax(0,1fr) 168px;
  gap:12px; align-items:center; padding:11px 12px!important;
}
.ocwv-wrap .ocwv-plate{
  display:flex!important; align-items:center; justify-content:center;
  height:60px; background:#fff!important; border:1px solid var(--ocwv-line)!important; padding:5px!important;
}
/* светлый вордмарк на белой плашке исчезает — полярность считается по готовому файлу */
.ocwv-wrap .ocwv-plate.ocwv-dark{background:#151a2e!important;border-color:#151a2e!important}
.ocwv-wrap .ocwv-plate img{max-width:100%!important;max-height:56px!important;width:auto!important;height:auto!important;display:block!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important}
.ocwv-wrap .ocwv-offer{
  min-width:0; padding:9px 16px!important; background:var(--ocwv-sand)!important;
  border-left:4px solid var(--ocwv-red)!important;
}
.ocwv-wrap .ocwv-olb{display:block!important;font-size:11px!important;color:var(--ocwv-mut)!important;margin-bottom:2px}
.ocwv-wrap .ocwv-amt{display:block!important;font-size:17px!important;line-height:1.35!important;font-weight:700!important;color:var(--ocwv-red)!important}
.ocwv-wrap .ocwv-osub{display:block!important;font-size:12px!important;color:var(--ocwv-ink)!important;margin-top:2px}
.ocwv-wrap .ocwv-act{display:block!important;text-align:center}
.ocwv-wrap a.ocwv-go{
  display:block!important; padding:11px 8px!important;
  background:var(--ocwv-red)!important; color:#fff!important; text-decoration:none!important;
  font-size:14px!important; font-weight:700!important; line-height:1.3!important; border:0!important;
}
.ocwv-wrap a.ocwv-go:hover,.ocwv-wrap a.ocwv-go:focus{background:var(--ocwv-red-d)!important;color:#fff!important;text-decoration:none!important}
/* --- подвал карточки: чипы и два разворота-пилюли в ОДНОЙ полосе (высота строки) --- */
.ocwv-wrap .ocwv-foot{
  display:flex!important; flex-wrap:wrap; align-items:center; gap:6px;
  padding:8px 12px!important; border-top:1px solid var(--ocwv-line)!important;
  background:#fbfaf7!important;
}
.ocwv-wrap ul.ocwv-chips{
  display:flex!important; flex-wrap:wrap; gap:6px; list-style:none!important;
  margin:0!important; padding:0!important; flex:0 1 auto;
}
.ocwv-wrap ul.ocwv-chips > li{
  display:inline-block!important; margin:0!important; padding:2px 8px!important; list-style:none!important;
  font-size:11px!important; line-height:1.7!important; color:var(--ocwv-navy)!important;
  background:#eef0f7!important; border:0!important;
}
.ocwv-wrap details.ocwv-det{margin:0!important;padding:0!important;flex:0 0 auto;background:none!important;border:0!important}
.ocwv-wrap details.ocwv-det[open]{flex:1 1 100%}
.ocwv-wrap details.ocwv-det > summary{
  display:inline-block!important; list-style:none; cursor:pointer;
  padding:2px 9px!important; font-size:11px!important; line-height:1.7!important;
  font-weight:700!important; color:var(--ocwv-navy)!important;
  border:1px solid var(--ocwv-navy)!important; background:#fff!important;
}
.ocwv-wrap details.ocwv-det > summary::-webkit-details-marker{display:none}
.ocwv-wrap details.ocwv-det > summary::before{content:"\FF0B ";color:var(--ocwv-red)}
.ocwv-wrap details.ocwv-det[open] > summary::before{content:"\2212 ";color:var(--ocwv-red)}
.ocwv-wrap details.ocwv-det .ocwv-dd{padding:8px 0 2px!important;font-size:12px!important;line-height:1.9!important;color:var(--ocwv-ink)!important;margin:0!important}
.ocwv-wrap details.ocwv-det .ocwv-dd b{color:var(--ocwv-navy)!important}
/* --- «показать все» и дисклеймер --- */
.ocwv-wrap label.ocwv-morelbl{
  display:block!important; margin:2px 0 0!important; padding:11px 8px!important; text-align:center;
  border:1px solid var(--ocwv-navy)!important; background:#fff!important;
  color:var(--ocwv-navy)!important; font-size:13px!important; font-weight:700!important; cursor:pointer;
}
.ocwv-wrap input.ocwv-more:checked ~ label.ocwv-morelbl{display:none!important}
.ocwv-wrap p.ocwv-disc{
  margin:14px 0 0!important; padding:10px 12px!important;
  background:#f2f2f2!important; border-left:3px solid var(--ocwv-navy)!important;
  font-size:11px!important; line-height:1.9!important; color:var(--ocwv-mut)!important;
}
/* --- мобильный --- */
@media (max-width:640px){
  .ocwv-wrap h2.ocwv-h{font-size:18px!important}
  .ocwv-wrap .ocwv-body{grid-template-columns:100px minmax(0,1fr);gap:8px;padding:10px 12px!important}
  .ocwv-wrap .ocwv-plate{height:50px}
  .ocwv-wrap .ocwv-plate img{max-height:40px!important}
  .ocwv-wrap a.ocwv-go{padding:9px 8px!important}
  .ocwv-wrap .ocwv-foot{padding:7px 12px!important;gap:5px}
  .ocwv-wrap .ocwv-bar{padding:6px 12px!important}
  .ocwv-wrap .ocwv-act{grid-column:1/-1}
  .ocwv-wrap .ocwv-amt{font-size:16px!important}
  .ocwv-wrap .ocwv-pick{display:none!important}
  .ocwv-wrap .ocwv-nm{font-size:14px!important}
  .ocwv-wrap .ocwv-nm i{display:none}
}