/* витрина «Jetong» (octv) — onlinecasinotopp.com
   палитра от шапки: ночная слива #2b1b46 + янтарь #f2a71b + бумага #f7f5f0
   ⚠️ структура СПЕЦИАЛЬНО другая, чем у соседа casinoinsikt.se (№182 cisv):
   там строка-грид в один ярус, здесь — ЛЕНТА-ШАПКА карточки + тело + подвал карточки */
/* витрина встаёт внутрь контейнера темы — своих полей не добавляем, только выравниваем */
.octv-holder{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}


.octv-wrap{--v-ink:#2b1b46;--v-ink2:#1e1233;--v-ink3:#463069;--v-amber:#f2a71b;--v-amber-d:#a86f05;
  --v-line:#e3ddd3;--v-paper:#fff;--v-paper2:#f7f5f0;--v-text:#221a2e;--v-mut:#6b6076;--v-cta:#0f7f4a;
  display:block;width:100%!important;max-width:none!important;min-width:0!important;float:none!important;
  grid-column:1/-1;flex:1 1 100%;margin:24px 0;box-sizing:border-box;color:var(--v-text);text-align:left}
#page div:not(.octv-holder):has(> .octv-wrap),#page section:has(> .octv-wrap),#page li:has(> .octv-wrap){
  display:block!important;float:none!important;width:100%!important;max-width:none!important}
.octv-wrap *{box-sizing:border-box}
.octv-h2{font-size:1.42rem!important;line-height:1.25;margin:0 0 8px!important;color:var(--v-ink)!important;
  font-weight:800}
.octv-lead{font-size:14.5px!important;line-height:1.6;color:var(--v-mut)!important;margin:0 0 12px!important}
.octv-upd{font-size:12.5px;color:var(--v-mut);margin:0 0 12px}
.octv-upd b{color:var(--v-ink)}

.octv-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none}
.octv-filters label{flex:0 0 auto;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:700;
  padding:7px 14px;border:1px solid var(--v-line);border-radius:8px;background:var(--v-paper2);color:var(--v-ink)}
.octv-filters label:hover{border-color:var(--v-amber);color:var(--v-amber-d)}
.octv-f{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}
.octv-wrap input:checked + label{background:var(--v-ink);border-color:var(--v-ink);color:#fff}

.octv-list{list-style:none!important;margin:0!important;padding:0!important}
.octv-list > li::before,.octv-list > li::after{content:none!important;display:none!important}
.octv-list > li{display:block;margin:0 0 12px!important;padding:0!important;background:var(--v-paper);
  border:1px solid var(--v-line);border-radius:12px;overflow:hidden;list-style:none!important;
  box-shadow:0 1px 2px rgba(43,27,70,.06)}
.octv-list > li.octv-top{border-color:var(--v-amber);box-shadow:0 3px 14px rgba(242,167,27,.22)}

/* ЛЕНТА-ШАПКА карточки */
.octv-bar{display:flex;align-items:center;gap:10px;background:var(--v-ink)!important;color:#fff!important;
  padding:8px 14px}
.octv-bar .octv-rank{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:50%;background:var(--v-amber);color:var(--v-ink2)!important;font-weight:800;font-size:13.5px;
  flex:0 0 auto}
.octv-bar .octv-name{font-size:15.5px;font-weight:800;color:#fff!important;text-decoration:none}
.octv-bar .octv-name:hover{color:var(--v-amber)!important}
.octv-pick{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  background:var(--v-amber);color:var(--v-ink2);border-radius:5px;padding:3px 8px}
.octv-score{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;
  height:26px;border-radius:6px;background:rgba(255,255,255,.14);color:#fff!important;font-weight:800;
  font-size:13.5px}

/* ТЕЛО карточки */
.octv-body{display:grid;grid-template-columns:132px minmax(190px,1.5fr) 178px;align-items:center;
  gap:12px 16px;padding:12px 14px}
.octv-logo{display:flex;align-items:center;justify-content:center;width:132px!important;height:62px!important;
  background:var(--v-paper2)!important;border:1px solid var(--v-line);border-radius:8px;padding:7px;
  float:none!important;position:static!important;margin:0!important;overflow:hidden}
.octv-logo img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;
  object-fit:contain;float:none!important;margin:0!important;position:static!important;border:0!important}
.octv-offer{min-width:0;border-top:3px solid var(--v-amber);padding-top:8px}
.octv-offer b{display:block;font-size:15.5px;line-height:1.3;color:var(--v-ink)}
.octv-offer span{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--v-mut)}
.octv-cta{display:flex;flex-direction:column;gap:6px;padding:0 2px}
.octv-btn{display:block;text-align:center;background:var(--v-cta)!important;color:#fff!important;font-weight:800;
  font-size:14.5px;text-decoration:none;border-radius:8px;padding:11px 10px;line-height:1.1}
.octv-btn:hover{background:#0b6a3d!important;color:#fff!important}
.octv-rev{display:block;text-align:center;font-size:12.5px;font-weight:700;color:var(--v-ink3)!important;
  text-decoration:none}
.octv-rev:hover{text-decoration:underline}

/* ПОДВАЛ карточки */
.octv-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 12px;border-top:0}
.octv-chips{display:flex;flex-wrap:wrap;gap:5px;margin-right:auto}
.octv-chips i{font-style:normal;font-size:11.5px;font-weight:700;color:var(--v-ink3);background:var(--v-paper2);
  border:1px solid var(--v-line);border-radius:6px;padding:3px 9px}
.octv-d{margin:0!important;padding:0!important;flex:0 0 auto}
.octv-d > summary{display:block!important;list-style:none;cursor:pointer;font-size:12.5px;font-weight:700;
  color:var(--v-ink3);background:var(--v-paper2);border:1px solid var(--v-line);border-radius:6px;padding:5px 12px}
.octv-d > summary::-webkit-details-marker{display:none}
.octv-d[open]{flex:1 1 100%}
.octv-d[open] > summary{border-color:var(--v-amber);color:var(--v-amber-d)}
.octv-d p{margin:8px 0 0!important;font-size:13px!important;line-height:1.6;color:var(--v-text)!important}

.octv-allrow{display:flex;justify-content:center;margin:2px 0 10px}
.octv-allrow label{cursor:pointer;font-size:13.5px;font-weight:800;color:var(--v-ink);border:1px solid var(--v-line);
  background:var(--v-paper2);border-radius:8px;padding:9px 20px}
.octv-allrow label:hover{border-color:var(--v-amber);color:var(--v-amber-d)}
.octv-disc{font-size:12px!important;line-height:1.6;color:var(--v-mut)!important;margin:8px 0 0!important}

/* порядок: скрытый хвост -> показать все -> фильтры */
.octv-wrap .octv-list > li.octv-hid{display:none}
.octv-wrap:has(.octv-all:checked) .octv-list > li.octv-hid{display:block}
.octv-allrow label span.octv-s2{display:none}
.octv-wrap:has(.octv-all:checked) .octv-allrow label span.octv-s1{display:none}
.octv-wrap:has(.octv-all:checked) .octv-allrow label span.octv-s2{display:inline}
.octv-wrap:has(.octv-fz:checked) .octv-list > li:not(.octv-m-zim){display:none}
.octv-wrap:has(.octv-ff:checked) .octv-list > li:not(.octv-m-fs){display:none}
.octv-wrap:has(.octv-fw:checked) .octv-list > li:not(.octv-m-now){display:none}
.octv-wrap:has(.octv-fb:checked) .octv-list > li:not(.octv-m-big){display:none}

@media (max-width:900px){
  .octv-bar{padding:6px 12px;gap:8px}
  .octv-bar .octv-rank{width:22px;height:22px;font-size:12.5px}
  .octv-bar .octv-name{font-size:14.5px}
  .octv-pick{font-size:10px;padding:2px 6px}
  .octv-score{min-width:38px;height:22px;font-size:12.5px}
  .octv-body{grid-template-columns:92px 1fr;grid-template-areas:"logo offer" "cta cta";
    padding:9px 11px;gap:8px 12px}
  .octv-logo{grid-area:logo;width:92px!important;height:50px!important}
  .octv-offer b{font-size:14.5px}
  .octv-offer span{font-size:12px}
  .octv-btn{padding:9px 10px;font-size:14px}
  .octv-foot{padding:0 11px 9px;gap:6px}
  .octv-d > summary{padding:4px 10px;font-size:12px}
  .octv-offer{grid-area:offer}
  .octv-cta{grid-area:cta;flex-direction:row}
  .octv-btn{flex:1 1 auto}
  .octv-rev{flex:0 0 auto;align-self:center;padding:0 8px}
  .octv-chips i:nth-child(n+4){display:none}
  .octv-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .octv-filters::-webkit-scrollbar{display:none}
}