/* okmv «Duna» — витрина onlinekaszinomagyar.com. Палитра взята у темы juanna:
   градиент #007bff -> #32e75d, чернила #2c3e50, заголовки #1960ca, звёзды #ffc107.
   Все правила скоупятся .okmv-wrap: витрина живёт внутри чужой темы. */
.okmv-wrap{--okmv-ink:#2c3e50;--okmv-blue:#007bff;--okmv-green:#167a39;--okmv-line:#e6ecf3;
  --okmv-soft:#f5f9ff;--okmv-star:#ffc107;--okmv-head:#1960ca;
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  grid-column:1/-1;flex:1 1 100%;box-sizing:border-box;margin:22px 0 26px;
  font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;color:var(--okmv-ink)!important}
.okmv-wrap *{box-sizing:border-box}
.okmv-wrap .okmv-h2{margin:0 0 8px!important;font-size:24px!important;line-height:1.25!important;
  font-weight:700!important;color:var(--okmv-head)!important}
.okmv-wrap .okmv-lead,.okmv-wrap .okmv-note{margin:0 0 10px!important;font-size:14px!important;
  line-height:1.45!important;color:#5b6b7c!important}
.okmv-wrap .okmv-note{color:#7a5a17!important;background:#fff8e6;border-left:3px solid var(--okmv-star);
  padding:7px 10px;border-radius:6px}

/* фильтры: на мобиле — горизонтальный скролл-ряд, без «кучи плашек» */
.okmv-wrap .okmv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
.okmv-wrap .okmv-flabel{font-size:13px;color:#54636f!important;margin-right:2px}
.okmv-wrap .okmv-fi{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.okmv-wrap .okmv-fl{display:inline-block;padding:6px 12px;border:1px solid var(--okmv-line);
  border-radius:50px;font-size:13px;line-height:1.2;background:#fff;color:var(--okmv-ink)!important;
  cursor:pointer;white-space:nowrap;transition:.15s}
.okmv-wrap .okmv-fl:hover{border-color:var(--okmv-blue)}
.okmv-wrap .okmv-fi:checked+.okmv-fl{background:linear-gradient(135deg,#007bff 0%,#32e75d 100%);
  border-color:transparent;color:#fff!important;box-shadow:0 3px 10px rgba(0,123,255,.25)}

/* список */
.okmv-wrap .okmv-list{list-style:none!important;margin:0!important;padding:0!important;
  counter-reset:none;display:block}
.okmv-wrap .okmv-list>li{list-style:none!important;margin:0 0 10px!important;padding:11px 14px!important;
  background:#fff;border:1px solid var(--okmv-line);border-radius:14px;
  box-shadow:0 2px 10px rgba(44,62,80,.06);
  display:grid;grid-template-columns:26px 92px minmax(0,1fr) 150px 146px;
  grid-template-areas:"rk logo id bonus cta" "det det det det det";
  gap:6px 12px;align-items:center}
.okmv-wrap .okmv-list>li.okmv-top{border-color:#bcd9ff;background:linear-gradient(180deg,#f7fbff 0%,#fff 60%)}
.okmv-wrap .okmv-rk{grid-area:rk;width:26px;height:26px;border-radius:50%;background:var(--okmv-blue);
  color:#fff!important;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.okmv-wrap .okmv-top .okmv-rk{background:linear-gradient(135deg,#007bff 0%,#32e75d 100%)}
.okmv-wrap .okmv-logo{grid-area:logo;width:92px;height:68px;background:#fff;border:1px solid var(--okmv-line);
  border-radius:10px;display:flex;align-items:center;justify-content:center;padding:4px}
.okmv-wrap .okmv-logo img{max-width:100%!important;max-height:100%!important;width:auto!important;
  height:auto!important;object-fit:contain;display:block}
.okmv-wrap .okmv-id{grid-area:id;min-width:0;display:flex;flex-direction:column;gap:3px}
.okmv-wrap .okmv-name{font-size:15px;font-weight:700;color:var(--okmv-ink)!important;line-height:1.2}
.okmv-wrap .okmv-rate{font-size:13px;color:#6b7885!important;display:flex;align-items:center;gap:5px}
.okmv-wrap .okmv-stars{display:inline-flex;align-items:center;line-height:0}
.okmv-wrap .okmv-stars svg{display:block;width:80px;height:16px}
.okmv-wrap .okmv-rate b{color:var(--okmv-ink)!important;font-size:13px}
.okmv-wrap .okmv-chips{display:flex;flex-wrap:wrap;gap:4px}
.okmv-wrap .okmv-chips i{font-style:normal;font-size:11px;line-height:1.6;padding:1px 8px;border-radius:50px;
  background:var(--okmv-soft);color:#3d5a80!important;border:1px solid #e2edfb;white-space:nowrap}
.okmv-wrap .okmv-bonus{grid-area:bonus;min-width:0;display:flex;flex-direction:column;gap:2px;
  border-left:3px solid var(--okmv-green);padding-left:10px}
.okmv-wrap .okmv-blabel{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#5f6d7a!important}
.okmv-wrap .okmv-bmain{font-size:15px;font-weight:700;color:var(--okmv-green)!important;line-height:1.2;
  word-break:break-word}
.okmv-wrap .okmv-bfs{font-size:12px;color:#5b6b7c!important;line-height:1.25}
.okmv-wrap .okmv-cta{grid-area:cta;display:flex;flex-direction:column;align-items:stretch;gap:5px}
.okmv-wrap .okmv-btn{display:block;text-align:center;padding:11px 12px;border-radius:50px;
  background:linear-gradient(135deg,#007bff 0%,#32e75d 100%);color:#fff!important;font-weight:700;
  font-size:14px;line-height:1;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,123,255,.25)}
.okmv-wrap .okmv-btn:hover{opacity:.92}
.okmv-wrap .okmv-rev{display:block;text-align:center;font-size:12px;color:#6b7885!important;
  text-decoration:underline}
.okmv-wrap .okmv-det{grid-area:det;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.okmv-wrap .okmv-d{flex:0 0 auto}
.okmv-wrap .okmv-d>summary{list-style:none;cursor:pointer;font-size:12px;padding:4px 11px;border-radius:50px;
  background:var(--okmv-soft);border:1px solid #e2edfb;color:#3d5a80!important;white-space:nowrap}
.okmv-wrap .okmv-d>summary::-webkit-details-marker{display:none}
.okmv-wrap .okmv-d[open]{flex:1 1 100%}
.okmv-wrap .okmv-dd{font-size:12.5px;line-height:1.5;color:#4b5b6b!important;padding:8px 2px 2px}

/* показать все — чекбокс стоит ДО списка, связь по ~ */
.okmv-wrap .okmv-more{position:absolute;width:1px;height:1px;padding:0;margin:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.okmv-wrap .okmv-morel{display:block;margin:2px 0 12px;text-align:center;cursor:pointer;
  padding:9px 14px;border:1px dashed #b9d5f7;border-radius:50px;font-size:13.5px;font-weight:600;
  color:#1160c4!important;background:#f7fbff}
.okmv-wrap .okmv-morel .okmv-mc{display:none}
.okmv-wrap .okmv-more:checked~.okmv-morel .okmv-mo{display:none}
.okmv-wrap .okmv-more:checked~.okmv-morel .okmv-mc{display:inline}
.okmv-wrap .okmv-more:checked~.okmv-list>li.okmv-hid{display:grid}
.okmv-wrap .okmv-list>li.okmv-hid{display:none}

/* фильтры реально режут; при активном фильтре хвост НЕ раскрываем */
.okmv-wrap:has(.okmv-fi-big:checked) .okmv-list>li[data-big="0"]{display:none!important}
.okmv-wrap:has(.okmv-fi-fs:checked) .okmv-list>li[data-fs="0"]{display:none!important}
.okmv-wrap:has(.okmv-fi-rev:checked) .okmv-list>li[data-rev="0"]{display:none!important}

.okmv-wrap .okmv-disc{margin:8px 0 0!important;font-size:11.5px!important;line-height:1.45!important;
  color:#5f6d7a!important}

@media (max-width:760px){
  .okmv-wrap .okmv-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .okmv-wrap .okmv-filters::-webkit-scrollbar{display:none}
  .okmv-wrap .okmv-fl{flex:0 0 auto}
  .okmv-wrap .okmv-list>li{grid-template-columns:24px 78px minmax(0,1fr);
    grid-template-areas:"rk logo id" "bonus bonus bonus" "cta cta cta" "det det det";
    gap:6px 10px;padding:10px 12px!important}
  .okmv-wrap .okmv-logo{width:78px;height:58px}
  .okmv-wrap .okmv-bonus{border-left:0;border-top:2px solid var(--okmv-green);padding:6px 0 0;
    flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap}
  .okmv-wrap .okmv-blabel{display:none}
  .okmv-wrap .okmv-chips i:nth-child(n+3){display:none}
  .okmv-wrap .okmv-rev{text-align:left}
}