/* ============================================================
   TALLY · главная-портал (ЭТАП 08b) — только для «/»
   Блоки: герой топ-3 · бенто · касса-таблица · купоны · вкладки игр ·
          шаги прав · журнал · студии · лента журнала · новости-факты
   ⛔ класс gbu-hub зарезервирован (C05.F2); хабы — не в <nav>; без <figure>
   ============================================================ */

/* ---------- герой: панель топ-3 витрины вместо фото ---------- */
.gbu-hero__top{background:#132f28;border:1px solid #234a40;border-radius:12px;padding:18px 18px 14px}
.gbu-hero__toph{margin:0 0 12px;font:700 14px/1.2 "Cabin Condensed",Impact,system-ui,sans-serif;
  letter-spacing:.06em;text-transform:uppercase;color:#a9c7bc}
.gbu-hero__toph time{color:#e8c27a}
.gbu-hero__tl{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:gbut}
.gbu-hero__ti{display:grid;grid-template-columns:28px 112px minmax(0,1fr);gap:12px;align-items:center;
  background:#183a31;border:1px solid #24493f;border-radius:10px;padding:10px 12px;counter-increment:gbut}
.gbu-hero__ti::before{content:counter(gbut);font:700 22px/1 "Cabin Condensed",Impact,system-ui,sans-serif;color:var(--gbu-amber);text-align:center}
.gbu-hero__lg{display:flex;align-items:center;justify-content:center;height:56px;background:#fff;border-radius:8px;padding:6px 10px}
.gbu-hero__lg img{max-width:100%;max-height:44px;width:auto;height:auto;display:block}
.gbu-hero__nm{display:block;font:700 17px/1.2 "Cabin Condensed",Impact,system-ui,sans-serif;color:#fff}
.gbu-hero__of{display:block;font-size:14px;line-height:1.4;color:#cfe0d9;margin-top:2px}
.gbu-hero__tc{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:12px 2px 0;font-size:13px;color:#a9c7bc}
body.gbu .gbu-hero__tc a{color:#e8c27a;font-weight:600}

/* ---------- общее: блок портала ---------- */
.gbu-pt{margin:38px 0 0;padding-top:30px;border-top:1px solid var(--gbu-line-2)}
.gbu-pt__h{font:700 25px/1.25 "Cabin Condensed",Impact,system-ui,sans-serif;margin:0 0 10px;letter-spacing:-.2px}
.gbu-pt__in{margin:0 0 18px;font-size:16px;line-height:1.65;color:var(--gbu-ink)}
.gbu-pt__all{margin:16px 0 0;font-weight:600}
.gbu-pt__all a::after{content:" \2192"}
.gbu-pt .gbu-pt-n{display:block;font:700 17px/1.3 "Cabin Condensed",Impact,system-ui,sans-serif;margin:0 0 4px;letter-spacing:-.1px}
body.gbu .gbu-pt .gbu-pt-n a,body.gbu .gbu-pt-news .gbu-pt-n a{color:var(--gbu-ink);text-decoration:none}
body.gbu .gbu-pt .gbu-pt-n a:hover,body.gbu .gbu-pt-news .gbu-pt-n a:hover{color:var(--gbu-accent)}
.gbu-pt p.gbu-pt-x{margin:0;font-size:14.5px;line-height:1.5;color:var(--gbu-ink-soft)}
.gbu-pt img{display:block;max-width:100%;height:auto}
/* карточка целиком кликабельна: ссылка заголовка растянута на карточку */
.gbu-pt-k{position:relative}
.gbu-pt-k .gbu-pt-n a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.gbu-pt-k:hover{border-color:#b9c7d5}

/* плитка-факт: иконка на подложке скина + короткий факт со страницы */
.gbu-pt-pl{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;
  background:var(--gbu-accent-soft);color:var(--gbu-accent-dk);aspect-ratio:16/10;min-width:0}
.gbu-pt-pl svg{width:26px;height:26px;opacity:.9}
.gbu-pt-pl b{font:700 clamp(24px,3vw,32px)/1 "Cabin Condensed",Impact,system-ui,sans-serif;letter-spacing:-.5px;color:var(--gbu-ink)}
.gbu-pt-pl i{font-style:normal;font-size:13px;line-height:1.3;color:var(--gbu-ink-soft)}
.gbu-pt-pl--a{background:var(--gbu-amber-soft);color:#9a6612}
.gbu-pt-pl--d{background:#16302a;color:#e8c27a}
.gbu-pt-pl--d b{color:#fff}.gbu-pt-pl--d i{color:#bcd2c9}

/* ---------- A. бенто ---------- */
.gbu-pt-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gbu-pt-bento .gbu-pt-k{background:#fff;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);overflow:hidden;display:flex;flex-direction:column}
.gbu-pt-bento .gbu-pt-k img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gbu-pt-bento .gbu-pt-t{padding:12px 14px 14px}
.gbu-pt-bento .gbu-pt-k:first-child{grid-column:span 2;grid-row:span 2}
.gbu-pt-bento .gbu-pt-k:first-child img{aspect-ratio:auto;flex:1 1 auto;min-height:220px}
.gbu-pt-bento .gbu-pt-k:first-child .gbu-pt-n{font-size:22px}

/* ---------- B. касса: таблица с логотипами и плитками ---------- */
.gbu-pt-hd{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:center;margin:0 0 16px}
.gbu-pt-hd .gbu-pt__in{margin:0}
.gbu-pt-hd img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--gbu-r)}
.gbu-pt-pay{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);overflow:hidden;font-size:14.5px}
.gbu-pt-pay th{background:var(--gbu-line-2);text-align:left;font:700 13px/1.2 "Cabin Condensed",Impact,system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.05em;color:var(--gbu-ink-soft);padding:10px 12px}
.gbu-pt-pay td{padding:10px 12px;border-top:1px solid var(--gbu-line-2);vertical-align:middle}
.gbu-pt-pay tr{position:relative}
.gbu-pt-pay td:first-child{width:104px}
.gbu-pt-mk{display:flex;align-items:center;justify-content:center;width:96px;height:56px;border-radius:8px;
  background:#fff;border:1px solid var(--gbu-line);padding:6px 10px}
.gbu-pt-mk img{max-width:100%;max-height:40px;width:auto}
.gbu-pt-mk.gbu-pt-pl{aspect-ratio:auto;padding:4px 6px;gap:0;align-items:center;text-align:center;border:0}
.gbu-pt-mk.gbu-pt-pl b{font-size:19px}
.gbu-pt-mk.gbu-pt-pl svg{display:none}
.gbu-pt-pay .gbu-pt-n{font-size:16px}
.gbu-pt-pay td:last-child{font:700 17px/1.2 "Cabin Condensed",Impact,system-ui,sans-serif;color:var(--gbu-amber);white-space:nowrap;text-align:right}

/* ---------- C. купоны ---------- */
.gbu-pt-cpn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gbu-pt-cpn .gbu-pt-k{display:grid;grid-template-columns:104px minmax(0,1fr);background:#fff;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);overflow:hidden}
.gbu-pt-cpn .gbu-pt-pl{aspect-ratio:auto;align-items:center;text-align:center;padding:12px 8px;border-right:2px dashed #e7c98f;
  background:radial-gradient(circle at 100% 0,#fff 7px,transparent 8px),radial-gradient(circle at 100% 100%,#fff 7px,transparent 8px),var(--gbu-amber-soft)}
.gbu-pt-cpn .gbu-pt-pl b{font-size:30px}
.gbu-pt-chip{width:26px;height:26px;border-radius:50%;background:repeating-conic-gradient(var(--gbu-accent) 0 30deg,#fff 30deg 60deg);
  box-shadow:inset 0 0 0 5px var(--gbu-accent),inset 0 0 0 7px #fff;flex:0 0 26px}
.gbu-pt-cpn .gbu-pt-t{padding:12px 14px}

/* ---------- D. вкладки игр (CSS, без JS) ---------- */
.gbu-pt-tab{position:absolute;opacity:0;pointer-events:none}
.gbu-pt-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.gbu-pt-tabs label{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;
  border:1px solid var(--gbu-line);font:700 15px/1 "Cabin Condensed",Impact,system-ui,sans-serif;color:var(--gbu-ink-soft);background:#fff}
.gbu-pt-pan{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#gbu-pt-t1:checked~.gbu-pt-tabs label[for=gbu-pt-t1],#gbu-pt-t2:checked~.gbu-pt-tabs label[for=gbu-pt-t2]{background:var(--gbu-accent);border-color:var(--gbu-accent);color:#fff}
#gbu-pt-t1:checked~.gbu-pt-p1,#gbu-pt-t2:checked~.gbu-pt-p2{display:grid}
.gbu-pt-tab:focus-visible~.gbu-pt-tabs label{outline:0}
#gbu-pt-t1:focus-visible~.gbu-pt-tabs label[for=gbu-pt-t1],#gbu-pt-t2:focus-visible~.gbu-pt-tabs label[for=gbu-pt-t2]{outline:2px solid var(--gbu-amber);outline-offset:2px}
.gbu-pt-pan .gbu-pt-k{border-radius:var(--gbu-r);overflow:hidden;background:#fff;border:1px solid var(--gbu-line)}
.gbu-pt-pan .gbu-pt-k img{width:100%;aspect-ratio:16/10;object-fit:cover}
.gbu-pt-pan .gbu-pt-t{padding:10px 12px 12px}

/* ---------- E. шаги прав игрока ---------- */
.gbu-pt-steps{list-style:none;margin:0;padding:0;counter-reset:gbus;position:relative}
.gbu-pt-steps::before{content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;background:var(--gbu-line)}
.gbu-pt-steps .gbu-pt-k{display:grid;grid-template-columns:36px 128px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;counter-increment:gbus}
.gbu-pt-steps .gbu-pt-k::before{content:counter(gbus);position:relative;z-index:1;width:36px;height:36px;border-radius:50%;
  background:var(--gbu-accent);color:#fff;display:flex;align-items:center;justify-content:center;font:700 17px/1 "Cabin Condensed",Impact,system-ui,sans-serif;box-shadow:0 0 0 4px #fff}
.gbu-pt-steps img,.gbu-pt-steps .gbu-pt-pl{width:128px;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.gbu-pt-steps .gbu-pt-pl{padding:8px 10px;gap:2px}
.gbu-pt-steps .gbu-pt-pl b{font-size:20px}
.gbu-pt-steps .gbu-pt-pl svg{width:18px;height:18px}

/* ---------- F. журнал: большая карточка + список с миниатюрами ---------- */
.gbu-pt-mag{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.gbu-pt-lead{background:#fff;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);overflow:hidden}
.gbu-pt-lead img{width:100%;aspect-ratio:880/520;object-fit:cover}
.gbu-pt-lead .gbu-pt-t{padding:14px 16px 16px}
.gbu-pt-lead .gbu-pt-n{font-size:22px}
.gbu-pt-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.gbu-pt-list .gbu-pt-k{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--gbu-line-2)}
.gbu-pt-list img,.gbu-pt-list .gbu-pt-pl{width:84px;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.gbu-pt-list .gbu-pt-pl{padding:4px 6px;gap:0;align-items:center;text-align:center}
.gbu-pt-list .gbu-pt-pl b{font-size:16px}
.gbu-pt-list .gbu-pt-pl svg,.gbu-pt-list .gbu-pt-pl i{display:none}
.gbu-pt-list .gbu-pt-n{font-size:15.5px}
.gbu-pt-list p.gbu-pt-x{font-size:13.5px}

/* ---------- H. студии и покер: тёмная панель с логотипами + сетка ---------- */
.gbu-pt-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:16px}
.gbu-pt-dark{background:linear-gradient(180deg,#0f2a24,#12241f);border-radius:var(--gbu-r);padding:18px;color:#dbe8e3}
.gbu-pt-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
.gbu-pt-logos span{display:flex;align-items:center;justify-content:center;height:52px;background:#fff;border-radius:8px;padding:6px 8px}
.gbu-pt-logos img{max-height:38px;width:auto}
body.gbu .gbu-pt-dark .gbu-pt-n a{color:#fff}
.gbu-pt-dark p.gbu-pt-x{color:#bcd2c9}
.gbu-pt-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gbu-pt-quad .gbu-pt-k{background:#fff;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);overflow:hidden}
.gbu-pt-quad .gbu-pt-k img,.gbu-pt-quad .gbu-pt-pl{width:100%;aspect-ratio:16/9;object-fit:cover}
.gbu-pt-quad .gbu-pt-t{padding:10px 12px 12px}

/* ---------- G. лента журнала (горизонтальная, скролл внутри ленты) ---------- */
.gbu-pt-rib{list-style:none;margin:0;padding:0 0 10px;display:grid;grid-auto-flow:column;grid-auto-columns:214px;gap:12px;
  overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.gbu-pt-rib .gbu-pt-k{scroll-snap-align:start;background:#fff;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);overflow:hidden}
.gbu-pt-rib img,.gbu-pt-rib .gbu-pt-pl{width:100%;aspect-ratio:16/10;object-fit:cover}
.gbu-pt-rib .gbu-pt-t{padding:10px 12px 12px}
.gbu-pt-rib .gbu-pt-n{font-size:15.5px}
.gbu-pt-rib p.gbu-pt-x{font-size:13.5px}

/* ---------- новости: плитки-факты вместо значков ---------- */
.gbu-pt-news{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gbu-pt-news .gbu-pt-k{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center;
  background:#fff;border:1px solid var(--gbu-line);border-radius:var(--gbu-r);padding:8px 12px 8px 8px}
.gbu-pt-news .gbu-pt-pl{aspect-ratio:auto;height:72px;border-radius:7px;padding:6px 8px;gap:2px;align-items:center;text-align:center}
.gbu-pt-news .gbu-pt-pl b{font-size:19px}
.gbu-pt-news .gbu-pt-pl i{font-size:11.5px}
.gbu-pt-news .gbu-pt-pl svg{display:none}
.gbu-pt-news .gbu-pt-n{display:block;font:700 15.5px/1.3 "Cabin Condensed",Impact,system-ui,sans-serif;margin:0 0 4px}
.gbu-lane .gbu-lane__more{margin-bottom:28px}
.gbu-pt-news p.gbu-pt-x{font-size:13.5px}

/* ---------- кредиты фото ---------- */
.gbu-pt-cr{margin:26px 0 0;font-size:13px;color:var(--gbu-ink-soft)}
.gbu-pt-cr summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.gbu-pt-cr ul{margin:4px 0 0;padding-left:18px;line-height:1.6}

/* ---------- мобилка ---------- */
@media (max-width:1000px){
  .gbu-hero__ti{grid-template-columns:24px 96px minmax(0,1fr);gap:10px;padding:9px 10px}
  .gbu-pt-pan{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gbu-pt-mag,.gbu-pt-split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .gbu-pt__h{font-size:22px}
  .gbu-pt-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gbu-pt-bento .gbu-pt-k:first-child{grid-row:auto}
  .gbu-pt-bento .gbu-pt-k:first-child img{min-height:0;aspect-ratio:16/10}
  .gbu-pt-bento .gbu-pt-n{font-size:15.5px}
  .gbu-pt-bento p.gbu-pt-x{font-size:13.5px}
  .gbu-pt-hd{grid-template-columns:minmax(0,1fr)}
  .gbu-pt-hd img{order:-1}
  .gbu-pt-pay thead{display:none}
  .gbu-pt-pay,.gbu-pt-pay tbody{display:block}
  .gbu-pt-pay tr{display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 12px;padding:10px;border-top:1px solid var(--gbu-line-2)}
  .gbu-pt-pay tr:first-child{border-top:0}
  .gbu-pt-pay td{display:block;padding:0;border:0}
  .gbu-pt-pay td:first-child{grid-row:span 2;width:auto}
  .gbu-pt-mk{width:84px;height:52px}
  .gbu-pt-pay td:last-child{text-align:left;font-size:15px}
  .gbu-pt-cpn{grid-template-columns:minmax(0,1fr)}
  .gbu-pt-cpn .gbu-pt-k{grid-template-columns:92px minmax(0,1fr)}
  .gbu-pt-pan{grid-template-columns:minmax(0,1fr)}
  .gbu-pt-pan .gbu-pt-k{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center}
  .gbu-pt-pan .gbu-pt-k img{height:100%;aspect-ratio:auto;min-height:84px}
  .gbu-pt-steps .gbu-pt-k{grid-template-columns:36px 88px minmax(0,1fr);gap:10px}
  .gbu-pt-steps img,.gbu-pt-steps .gbu-pt-pl{width:88px}
  .gbu-pt-steps .gbu-pt-pl b{font-size:16px}
  .gbu-pt-steps .gbu-pt-pl svg,.gbu-pt-steps .gbu-pt-pl i{display:none}
  .gbu-pt-steps .gbu-pt-pl{align-items:center;text-align:center}
  .gbu-pt-quad{grid-template-columns:minmax(0,1fr)}
  .gbu-pt-news{grid-template-columns:minmax(0,1fr)}
  .gbu-pt-rib{grid-auto-columns:78%}
}