/* ozk:portal — хабы главной (ЭТАП 08b). Только главная. Префикс ozk-px. */
.ozk-px{margin:26px 0 34px;font-family:var(--ozk-ui);color:var(--ozk-ink);clear:both}
.ozk-px a{text-decoration:none;color:inherit}
body.ozk-page .ozk-px img{display:block;margin:0;border:0;border-radius:0;box-shadow:none;width:100%;height:100%;max-width:none;object-fit:cover}
.ozk-px-hd{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin:0 0 14px;padding-bottom:7px;border-bottom:2px solid var(--ozk-ink)}
.ozk-px-k{font:800 12px/1.3 var(--ozk-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--ozk-gold-tx)}
.ozk-px a.ozk-px-all{font:700 14px/1.3 var(--ozk-ui);color:var(--ozk-acc);white-space:nowrap}
.ozk-px a.ozk-px-all:hover{color:var(--ozk-cta)}
.ozk-px-tx{display:block;min-width:0}
.ozk-px-t{display:block;font:700 16px/1.28 var(--ozk-disp);color:var(--ozk-ink)}
.ozk-px-d{display:block;margin-top:3px;font:400 13.5px/1.45 var(--ozk-ui);color:var(--ozk-ink-2)}
.ozk-px a:hover .ozk-px-t{color:var(--ozk-acc)}
.ozk-px-ar{color:var(--ozk-cta);font:700 18px/1 var(--ozk-ui)}
.ozk-px-m{display:block;overflow:hidden;background:var(--ozk-paper)}
.ozk-px-m--logo img{object-fit:contain;padding:8%}
.ozk-px-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;padding:6px;box-sizing:border-box;text-align:center}
.ozk-px-art svg{width:42%;max-width:46px;height:auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ozk-px-art b{font:800 12.5px/1.1 var(--ozk-ui);letter-spacing:.02em}
.ozk-px-art--acc{background:var(--ozk-acc-soft);color:var(--ozk-acc)}
.ozk-px-art--gold{background:#F3ECD8;color:var(--ozk-gold-tx)}
.ozk-px-art--cta{background:#F6E5D9;color:var(--ozk-cta-dk)}
.ozk-px-art--ink{background:var(--ozk-ink);color:#E9E4DA}

/* 1 · типы казино — сравнительные строки */
.ozk-px--rows .ozk-px-g{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.ozk-px-row{display:grid;grid-template-columns:96px minmax(0,1fr) 16px;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--ozk-line)}
.ozk-px-row .ozk-px-m{height:64px;border-radius:4px;border:1px solid var(--ozk-line-2)}

/* 2 · pokies — крупный кадр + список с миниатюрами */
.ozk-px--feat .ozk-px-g{display:grid;grid-template-columns:5fr 7fr;gap:18px;align-items:start}
.ozk-px-big{display:flex;flex-direction:column;overflow:hidden;border-radius:6px;background:var(--ozk-paper);border:1px solid var(--ozk-line)}
.ozk-px-big .ozk-px-m{aspect-ratio:4/3}
.ozk-px-big .ozk-px-tx{padding:12px 16px 14px;border-top:4px solid var(--ozk-gold)}
.ozk-px .ozk-px-big .ozk-px-t{font-size:21px}
.ozk-px-ov{position:absolute;left:0;right:0;bottom:0;padding:48px 16px 14px;background:linear-gradient(180deg,rgba(20,23,28,0),rgba(20,23,28,.72) 40%,rgba(20,23,28,.94))}
.ozk-px .ozk-px-ov .ozk-px-t{color:#fff;font-size:21px}
.ozk-px .ozk-px-ov .ozk-px-d{color:#E9E4DA}
.ozk-px-ls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.ozk-px-li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:11px;align-items:center;padding:8px 0;border-bottom:1px solid var(--ozk-line)}
.ozk-px-li .ozk-px-m{width:56px;height:56px;border-radius:50%;border:1px solid var(--ozk-line)}
.ozk-px-li .ozk-px-t{font-size:15px}
.ozk-px-li .ozk-px-d{font-size:12.5px}

/* 3 · настольные и живые — фото-сетка, подпись под кадром */
.ozk-px--grid .ozk-px-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ozk-px-c{display:flex;flex-direction:column;background:var(--ozk-paper);border:1px solid var(--ozk-line);border-radius:6px;overflow:hidden}
.ozk-px-c .ozk-px-m{aspect-ratio:4/3}
.ozk-px-c .ozk-px-tx{padding:9px 10px 11px}
.ozk-px-c .ozk-px-t{font-size:15px}
.ozk-px-c .ozk-px-d{font-size:12.5px}
.ozk-px-c:hover{border-color:var(--ozk-acc)}

/* 4 · гайды — редакционный индекс */
.ozk-px--idx .ozk-px-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--ozk-paper);border-top:3px solid var(--ozk-gold);counter-reset:none}
.ozk-px-e{display:grid;grid-template-columns:auto 48px minmax(0,1fr);gap:10px;align-items:start;padding:14px 14px 15px;border-bottom:1px solid var(--ozk-line-2);border-right:1px solid var(--ozk-line-2)}
.ozk-px-e:nth-child(3n){border-right:0}
.ozk-px-e .ozk-px-n{font:400 22px/1 var(--ozk-disp);color:var(--ozk-gold-tx);min-width:26px}
.ozk-px-e .ozk-px-m{width:48px;height:48px;border-radius:6px}
.ozk-px-e .ozk-px-art svg{width:60%}
.ozk-px-e .ozk-px-art b,.ozk-px-li .ozk-px-art b,.ozk-px-pr .ozk-px-art b{display:none}
.ozk-px-li .ozk-px-art svg,.ozk-px-pr .ozk-px-art svg{width:56%}
.ozk-px-e .ozk-px-t{font-size:15px}
.ozk-px-e .ozk-px-d{font-size:12.5px}

/* 5 · штаты и закон — лента высоких кадров */
.ozk-px--strip .ozk-px-g{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(128px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.ozk-px-s{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:8px;scroll-snap-align:start;background:var(--ozk-ink)}
.ozk-px-s .ozk-px-ov{padding:40px 12px 12px}
.ozk-px .ozk-px-s .ozk-px-ov .ozk-px-t{font-size:16px}
.ozk-px .ozk-px-s .ozk-px-d{font-size:12.5px}
.ozk-px-s--art{display:flex;flex-direction:column;background:var(--ozk-paper);border:1px solid var(--ozk-line)}
.ozk-px-s--art .ozk-px-art{flex:1 1 0;min-height:56px;height:auto}
.ozk-px-s--art .ozk-px-art svg{max-width:48px}
.ozk-px-s--art .ozk-px-tx{flex:0 0 auto;padding:10px 12px 12px}
.ozk-px .ozk-px-s--art .ozk-px-t{font-size:15px}

/* 6 · мобильные — устройства на тёмной полосе */
.ozk-px--dev{background:var(--ozk-ink);border-radius:10px;padding:16px 20px 22px}
.ozk-px--dev .ozk-px-hd{border-bottom-color:#3A3F47}
.ozk-px--dev .ozk-px-k{color:#D9BF7A}
.ozk-px--dev .ozk-px-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ozk-px-ph{display:flex;flex-direction:column;align-items:center;text-align:center}
.ozk-px-fr{display:block;width:100%;max-width:128px;aspect-ratio:9/16;border:5px solid #2C323B;border-radius:18px;overflow:hidden;background:#1F242B;box-shadow:0 0 0 1px #4A505A}
.ozk-px-fr .ozk-px-art{border-radius:0}
.ozk-px-ph .ozk-px-tx{margin-top:10px}
.ozk-px .ozk-px-ph .ozk-px-t{color:#fff;font-size:15px}
.ozk-px .ozk-px-ph .ozk-px-d{color:#B9BEC6;font-size:12.5px}
.ozk-px .ozk-px-ph:hover .ozk-px-t{color:#D9BF7A}

/* 7 · банкинг — стена логотипов */
.ozk-px--wall .ozk-px-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--ozk-line);border:1px solid var(--ozk-line)}
.ozk-px-w{display:flex;flex-direction:column;background:var(--ozk-paper);padding:12px 12px 14px}
.ozk-px-lg{display:block;height:56px;margin-bottom:10px}
.ozk-px-lg img{object-fit:contain}
.ozk-px-kd{display:block;font:800 10.5px/1.2 var(--ozk-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ozk-gold-tx);margin-bottom:3px}
.ozk-px-w .ozk-px-t{font:700 14.5px/1.25 var(--ozk-ui)}
.ozk-px-w .ozk-px-d{font-size:12.5px}
.ozk-px-w:hover{background:var(--ozk-acc-soft)}

/* 8 · бонусы — нумерованные плитки */
.ozk-px--num .ozk-px-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ozk-px-b{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;background:var(--ozk-paper);border-radius:6px;padding:12px;border-left:5px solid var(--ozk-acc)}
.ozk-px-b--gold{border-left-color:var(--ozk-gold)}
.ozk-px-b--cta{border-left-color:var(--ozk-cta)}
.ozk-px-b .ozk-px-art{width:84px;height:72px;border-radius:6px}
.ozk-px-b .ozk-px-n{position:absolute;top:8px;right:10px;font:400 13px/1 var(--ozk-disp);color:var(--ozk-ink-3)}
.ozk-px-b .ozk-px-t{font-size:15.5px;padding-right:20px}

/* 9 · покер — сукно + список */
.ozk-px--felt .ozk-px-g{display:grid;grid-template-columns:2fr 3fr;border-radius:10px;overflow:hidden;border:1px solid var(--ozk-line)}
.ozk-px-tbl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 16px;background:radial-gradient(circle at 50% 40%,#17725E 0,#0E5A4A 55%,#0A4337 100%);color:#E9E4DA;text-align:center}
.ozk-px-fan{width:100%;max-width:230px;height:auto}
.ozk-px-fan rect{fill:#FFFDF8;stroke:#0A4337;stroke-width:1.2}
.ozk-px-fan text{font:700 15px var(--ozk-disp)}
.ozk-px-fan .ozk-px-fs{font-size:26px;text-anchor:middle}
.ozk-px-fan .k{fill:#14171C}.ozk-px-fan .r{fill:#B23A26}
.ozk-px-tc{font:700 12px/1.4 var(--ozk-ui);letter-spacing:.1em;text-transform:uppercase;color:#D9BF7A}
.ozk-px-pl{background:var(--ozk-paper)}
.ozk-px-pr{display:grid;grid-template-columns:52px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--ozk-line-2)}
.ozk-px-pr:last-child{border-bottom:0}
.ozk-px-pr .ozk-px-m{width:52px;height:52px;border-radius:6px}

/* якорь на витрину в герое (C08.5) */
.ozk-hero a.ozk-px-jump{display:inline-block;margin:2px 0 8px;font:700 15px/1.4 var(--ozk-ui);color:#9FD8C4;text-decoration:none;border-bottom:2px solid currentColor}
.ozk-hero a.ozk-px-jump:hover{color:#D9BF7A}

@media (max-width:860px){
  .ozk-px--grid .ozk-px-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ozk-px--idx .ozk-px-g{grid-template-columns:1fr 1fr}
  .ozk-px-e:nth-child(3n){border-right:1px solid var(--ozk-line-2)}
  .ozk-px-e:nth-child(2n){border-right:0}
  .ozk-px--wall .ozk-px-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ozk-px--num .ozk-px-g{grid-template-columns:1fr 1fr}
  .ozk-px--feat .ozk-px-g{grid-template-columns:1fr}
  .ozk-px--dev .ozk-px-g{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .ozk-px--rows .ozk-px-g{grid-template-columns:1fr}
  .ozk-px-row{grid-template-columns:80px minmax(0,1fr) 14px}
  .ozk-px-row .ozk-px-m{height:56px}
  .ozk-px-ls{grid-template-columns:1fr}
  .ozk-px--grid .ozk-px-g{grid-template-columns:1fr 1fr}
  .ozk-px--idx .ozk-px-g{grid-template-columns:1fr}
  .ozk-px-e,.ozk-px-e:nth-child(3n){border-right:0}
  .ozk-px--wall .ozk-px-g{grid-template-columns:1fr 1fr}
  .ozk-px--num .ozk-px-g{grid-template-columns:1fr}
  .ozk-px--dev{padding:14px 14px 18px}
  .ozk-px--dev .ozk-px-g{grid-template-columns:1fr 1fr;gap:14px}
  .ozk-px--strip .ozk-px-g{grid-auto-columns:46%}
  .ozk-px--felt .ozk-px-g{grid-template-columns:1fr}
  .ozk-px-tbl{padding:16px}
  .ozk-px-fan{max-width:180px}
}