/* bookmakers.biz — хабы разделов главной (08b). Только на «/». Палитра скина: #0e3663 / #c92e00 / #e7e6e4 */
.bkm-hub{--n:#0e3663;--r:#c92e00;--l:#e7e6e4;--t:#1d2733;--m:#55606d;--b:#d9dde3;margin:6px 0 0;text-align:left;font-family:Lato,Arial,sans-serif}
.bkm-hub ul{list-style:none;margin:0;padding:0}
.bkm-hub a{color:inherit;text-decoration:none}
.bkm-hub img{display:block;max-width:100%;height:auto}
.bkm-hub b{font-weight:700}
.bkm-ic{width:24px;height:24px;flex:none}
.bkm-all{margin:18px 0 0;text-align:right;font-size:15px;font-weight:700}
.bkm-all a{color:#c92e00;text-decoration:none;border-bottom:1px solid currentColor}
.bkm-all a:hover{color:#0e3663}

/* 1 плитки-факты */
.bkm-cts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bkm-ct a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--b);border-radius:10px;overflow:hidden;transition:box-shadow .2s,transform .2s}
.bkm-ct a:hover{box-shadow:0 8px 22px rgba(14,54,99,.14);transform:translateY(-2px)}
.bkm-ct__art{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:14px 16px;color:#fff;background:#0e3663}
.bkm-ct--1 .bkm-ct__art{background:#16467e}
.bkm-ct--2 .bkm-ct__art{background:#c92e00}
.bkm-ct--3 .bkm-ct__art{background:#172433}
.bkm-ct__art .bkm-ic{grid-row:1/3;width:30px;height:30px;opacity:.9}
.bkm-ct__art b{font-size:24px;line-height:1.1;letter-spacing:-.01em}
.bkm-ct__art small{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:.04em}
.bkm-ct__b{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px}
.bkm-ct__t{font-size:16px;color:#0e3663}
.bkm-ct__d{font-size:14px;line-height:1.5;color:var(--m)}

/* 2 ведущая карточка + список */
.bkm-bk{display:grid;grid-template-columns:5fr 7fr;gap:18px;align-items:start}
.bkm-bk__lead{display:block;position:relative;border-radius:12px;overflow:hidden;background:#0e3663;color:#fff!important}
.bkm-bk__lead img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92}
.bkm-bk__lb{display:flex;flex-direction:column;gap:8px;padding:18px 20px 22px}
.bkm-bk__lb em{font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#ffb59d}
.bkm-bk__lb b{font-size:22px}
.bkm-bk__lb span{font-size:15px;line-height:1.55;opacity:.92}
.bkm-bk__go{font-weight:700;color:#fff;opacity:1!important}
.bkm-bk__list{border:1px solid var(--b);border-radius:12px;background:#fff}
.bkm-bk__list li+li{border-top:1px solid var(--b)}
.bkm-bk__list a{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 16px}
.bkm-bk__list a:hover{background:#f4f5f7}
.bkm-bk__ic{width:40px;height:40px;border-radius:50%;background:#e7e6e4;color:#0e3663;display:flex;align-items:center;justify-content:center}
.bkm-bk__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.bkm-bk__b b{font-size:15px;color:#0e3663}
.bkm-bk__b span{font-size:13.5px;line-height:1.45;color:var(--m)}
.bkm-bk__chip{font-style:normal;font-size:12px;font-weight:700;color:#c92e00;background:#fbeee9;border-radius:999px;padding:4px 10px;white-space:nowrap}
.bkm-news{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;padding:12px 16px;background:#e7e6e4;border-radius:10px;font-size:15px;text-align:left}
.bkm-news .bkm-ic{color:#0e3663}
.bkm-news span{font-weight:700;color:#0e3663}
.bkm-news a{color:#c92e00;text-decoration:underline}

/* 3 спорт — мозаика с подписью на кадре */
.bkm-sp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bkm-sp__i--big{grid-column:span 2}
.bkm-sp__i a{display:block;position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#172433}
.bkm-sp__i img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.bkm-sp__i a:hover img{transform:scale(1.05)}
.bkm-sp__cap{position:absolute;inset:auto 0 0 0;padding:34px 12px 10px;background:linear-gradient(transparent,rgba(10,20,35,.92) 45%);color:#fff;display:flex;flex-direction:column;gap:2px}
.bkm-sp__cap b{font-size:17px;line-height:1.2}
.bkm-sp__cap small{font-size:12px;line-height:1.35;opacity:.92;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bkm-sp__i--big .bkm-sp__cap b{font-size:24px}
.bkm-sp__i--big .bkm-sp__cap small{font-size:14px;-webkit-line-clamp:3}

/* 4 купоны */
.bkm-cps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bkm-cp{display:flex;height:100%;background:#fff;border:1px solid var(--b);border-radius:10px;overflow:hidden}
.bkm-cp:hover{border-color:#c92e00}
.bkm-cp__stub{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 6px;background:#c92e00;color:#fff;text-align:center;border-right:2px dashed #fff;position:relative}
.bkm-cp__stub small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.9}
.bkm-cp__stub b{font-size:21px;line-height:1.1}
.bkm-cps li:nth-child(even) .bkm-cp__stub{background:#0e3663}
.bkm-cp__b{display:flex;flex-direction:column;gap:5px;padding:12px 14px}
.bkm-cp__b b{font-size:15.5px;color:#0e3663}
.bkm-cp__b span{font-size:13.5px;line-height:1.5;color:var(--m)}

/* 5 стена логотипов */
.bkm-sw__big{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bkm-sw__big a{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px;background:#fff;border:1px solid var(--b);border-radius:10px}
.bkm-sw__big a:hover,.bkm-sw__small a:hover{border-color:#0e3663;box-shadow:0 6px 16px rgba(14,54,99,.1)}
.bkm-sw__lg{display:flex;align-items:center;justify-content:center;height:70px;background:#f6f6f5;border-radius:8px;padding:8px}
.bkm-sw__lg img{max-height:54px;width:auto;object-fit:contain}
.bkm-sw__big b{font-size:15.5px;color:#0e3663}
.bkm-sw__big span:not(.bkm-sw__lg){font-size:13.5px;line-height:1.5;color:var(--m)}
.bkm-sw__small{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:14px}
.bkm-sw__small a{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;padding:10px 8px;background:#fff;border:1px solid var(--b);border-radius:10px;text-align:center}
.bkm-sw__small .bkm-sw__lg{height:48px;width:100%;padding:6px}
.bkm-sw__small .bkm-sw__lg img{max-height:36px}
.bkm-sw__small b{font-size:13px;color:#0e3663}
.bkm-sw__small small{font-size:11.5px;line-height:1.35;color:var(--m)}

/* 6 крипто — строки монет */
.bkm-cn__th,.bkm-cn__rows a{display:grid;grid-template-columns:100px 120px 1fr 130px;gap:14px;align-items:center}
.bkm-cn__th{padding:0 16px 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--m)}
.bkm-cn__th span:last-child{text-align:right}
.bkm-cn__rows{border:1px solid var(--b);border-radius:12px;background:#fff;overflow:hidden}
.bkm-cn__rows li+li{border-top:1px solid var(--b)}
.bkm-cn__rows a{padding:11px 16px}
.bkm-cn__rows a:hover{background:#f4f5f7}
.bkm-cn__lg{display:flex}
.bkm-cn__lg img{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #fff;margin-right:-8px}
.bkm-cn__coin{font-size:13px;font-weight:700;color:#0e3663}
.bkm-cn__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.bkm-cn__b b{font-size:15px;color:#0e3663}
.bkm-cn__b span{font-size:13.5px;line-height:1.45;color:var(--m)}
.bkm-cn__f{font-style:normal;text-align:right;font-size:13px;font-weight:700;color:#c92e00}
.bkm-cn__k,.bkm-gm__k{margin:22px 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#0e3663;text-align:left}
.bkm-cn__tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bkm-cn__tiles a{display:flex;flex-direction:column;height:100%;border-radius:10px;overflow:hidden;border:1px solid var(--b);background:#fff}
.bkm-cn__art{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f7931a;color:#fff}
.bkm-cn__tiles li:nth-child(2) .bkm-cn__art{background:#0e3663}
.bkm-cn__tiles li:nth-child(3) .bkm-cn__art{background:#172433}
.bkm-cn__tiles li:nth-child(4) .bkm-cn__art{background:#c92e00}
.bkm-cn__art b{font-size:18px}
.bkm-cn__tb{display:flex;flex-direction:column;gap:4px;padding:12px 14px}
.bkm-cn__tb b{font-size:15px;color:#0e3663}
.bkm-cn__tb span{font-size:13.5px;line-height:1.45;color:var(--m)}

/* 7 приложения — разворот устройств */
.bkm-ap{display:grid;grid-template-columns:1fr;gap:20px}
.bkm-ap__dev{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bkm-ap__ph{aspect-ratio:16/10!important}
.bkm-ap__dev a{display:flex;flex-direction:column;gap:6px;height:100%}
.bkm-ap__ph{display:block;border-radius:12px;overflow:hidden;aspect-ratio:3/4;background:#172433}
.bkm-ap__ph img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.bkm-ap__dev a:hover img{transform:scale(1.04)}
.bkm-ap__dev b{font-size:16px;color:#0e3663;margin-top:4px}
.bkm-ap__dev span:not(.bkm-ap__ph){font-size:13.5px;line-height:1.5;color:var(--m)}
.bkm-ap__side{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bkm-ap__side a{height:100%;box-sizing:border-box}
.bkm-ap__side a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--b)}
.bkm-ap__side a:hover{border-color:#0e3663}
.bkm-ap__ic{flex:0 0 62px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:8px;background:#0e3663;color:#fff}
.bkm-ap__ic em{font-style:normal;font-size:11px;font-weight:700;text-align:center;line-height:1.2}
.bkm-ap__b{display:flex;flex-direction:column;gap:2px}
.bkm-ap__b b{font-size:14.5px;color:#0e3663}
.bkm-ap__b span{font-size:13px;line-height:1.45;color:var(--m)}

/* 8 игры — фото-сетка + строки */
.bkm-gm__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bkm-gm__grid a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--b);border-radius:10px;overflow:hidden}
.bkm-gm__grid a:hover{box-shadow:0 8px 20px rgba(14,54,99,.14)}
.bkm-gm__grid img{width:100%;aspect-ratio:16/10;object-fit:cover}
.bkm-gm__b{display:flex;flex-direction:column;gap:4px;padding:10px 12px 14px}
.bkm-gm__b b{font-size:15px;color:#0e3663}
.bkm-gm__b span{font-size:13px;line-height:1.45;color:var(--m)}
.bkm-gm__more{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;border-top:1px solid var(--b)}
.bkm-gm__more li{border-bottom:1px solid var(--b)}
.bkm-gm__more a{display:flex;gap:12px;align-items:flex-start;padding:11px 4px}
.bkm-gm__more a:hover b{color:#c92e00}
.bkm-gm__ic{flex:none;width:36px;height:36px;border-radius:8px;background:#e7e6e4;color:#0e3663;display:flex;align-items:center;justify-content:center}
.bkm-gm__more a>span:last-child{display:flex;flex-direction:column;gap:2px}
.bkm-gm__more b{font-size:14.5px;color:#0e3663}
.bkm-gm__more a>span:last-child>span{font-size:13px;line-height:1.45;color:var(--m)}

/* 9 живые столы — лента */
.bkm-lv__rail{display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-color:#0e3663 #e7e6e4}
.bkm-lv__rail li{scroll-snap-align:start}
.bkm-lv__rail a{display:flex;flex-direction:column;gap:6px;height:100%}
.bkm-lv__ph{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/11;background:#172433}
.bkm-lv__ph img{width:100%;height:100%;object-fit:cover}
.bkm-lv__ph em{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:rgba(201,46,0,.92);padding:3px 8px;border-radius:4px}
.bkm-lv__ph em i{width:7px;height:7px;border-radius:50%;background:#fff}
.bkm-lv__rail b{font-size:16px;color:#0e3663;margin-top:4px}
.bkm-lv__rail a>span:last-child{font-size:13.5px;line-height:1.5;color:var(--m)}

/* 10 касса */
.bkm-py__rows{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px;border-top:1px solid var(--b)}
.bkm-py__rows li{border-bottom:1px solid var(--b)}
.bkm-py__rows a{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:12px 4px}
.bkm-py__rows a:hover{background:#f6f6f5}
.bkm-py__lg{display:flex;align-items:center;justify-content:center;height:44px;background:#fff;border:1px solid var(--b);border-radius:8px;padding:4px 6px}
.bkm-py__lg img{max-height:34px;width:auto;object-fit:contain}
.bkm-py__ic{color:#0e3663;display:flex}
.bkm-py__b{display:flex;flex-direction:column;gap:2px;min-width:0}
.bkm-py__b b{font-size:15px;color:#0e3663}
.bkm-py__b span{font-size:13px;line-height:1.45;color:var(--m)}
.bkm-py__go{font-size:12.5px;font-weight:700;color:#c92e00;white-space:nowrap}
.bkm-py__note .bkm-py__lg img{width:30px;height:30px}
.bkm-cred{margin:18px 0 0!important;font-size:11.5px!important;line-height:1.5!important;color:#7a8490;text-align:left}
.bkm-cred a{color:inherit}

@media (max-width:1024px){
 .bkm-cts{grid-template-columns:repeat(3,1fr)}
 .bkm-sw__big{grid-template-columns:repeat(3,1fr)}
 .bkm-sw__small{grid-template-columns:repeat(4,1fr)}
 .bkm-gm__grid{grid-template-columns:repeat(3,1fr)}
 .bkm-ap__side{grid-template-columns:repeat(2,1fr)}
 .bkm-cps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
 .bkm-cts{grid-template-columns:repeat(2,1fr);gap:10px}
 .bkm-ct__art b{font-size:20px}
 .bkm-bk{grid-template-columns:1fr}
 .bkm-bk__lead{position:static}
 .bkm-bk__list a{grid-template-columns:36px 1fr;padding:11px 12px}
 .bkm-bk__ic{width:36px;height:36px}
 .bkm-bk__chip{grid-column:2;justify-self:start}
 .bkm-sp__grid{grid-template-columns:repeat(2,1fr);gap:10px}
 .bkm-sp__cap small{display:none}
 .bkm-sp__i--big .bkm-sp__cap small{display:-webkit-box;font-size:12.5px}
 .bkm-cps{grid-template-columns:1fr}
 .bkm-sw__big{grid-template-columns:repeat(2,1fr)}
 .bkm-sw__small{grid-template-columns:repeat(2,1fr)}
 .bkm-cn__th{display:none}
 .bkm-cn__rows a{grid-template-columns:auto 1fr;gap:6px 12px;padding:12px}
 .bkm-cn__lg{grid-row:1/3}
 .bkm-cn__coin{grid-column:2}
 .bkm-cn__b{grid-column:1/3}
 .bkm-cn__f{grid-column:1/3;text-align:left}
 .bkm-cn__tiles{grid-template-columns:repeat(2,1fr)}
 .bkm-ap__dev{grid-template-columns:1fr 1fr}
 .bkm-ap__dev li:first-child{grid-column:1/3}
 .bkm-ap__dev li:first-child .bkm-ap__ph{aspect-ratio:16/10}
 .bkm-gm__grid{grid-template-columns:repeat(2,1fr);gap:10px}
 .bkm-gm__more,.bkm-py__rows,.bkm-ap__side{grid-template-columns:1fr}
 .bkm-py__rows a{grid-template-columns:64px 1fr;gap:10px}
 .bkm-py__go{display:none}
 .bkm-lv__rail{grid-auto-columns:78%}
}
@media (max-width:420px){
 .bkm-cts,.bkm-sw__big,.bkm-cn__tiles{grid-template-columns:1fr}
 .bkm-sp__i--big{grid-column:span 2}
}