/* ЭТАП 08b — хабы главной bulgariainside.bg (скин «Шипка»). Префикс bgih-, хабы не в <nav>. */
.bgih{margin:34px 0 38px;font-family:"Helvetica Neue",Roboto,Arial,sans-serif;color:var(--bgi-ink,#16241d);font-size:16px;line-height:1.45}
.bgih *,.bgih *::before,.bgih *::after{box-sizing:border-box}
.bgih a{text-decoration:none;color:inherit}
.bgih img{display:block;max-width:100%;height:auto}
.bgih-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--bgi-ink,#16241d)}
.bgih-cap__t{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.bgih-cap__s{margin:0;font-size:14px;color:var(--bgi-ink-2,#3e4f46);flex:1 1 220px}
.bgih-more{margin-left:auto;font-size:14px;font-weight:700;color:var(--bgi-brand,#0e5c3f)!important;white-space:nowrap;border-bottom:1px solid currentColor}
.bgih-more:hover{color:var(--bgi-red,#c8102e)!important}
.bgih-arr{display:inline-block;transition:transform .15s}
a:hover>.bgih-arr,a:hover .bgih-arr{transform:translateX(3px)}
.bgih-ico{width:26px;height:26px}

/* тематическая плитка */
.bgih-art{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:10px;color:#fff;min-height:96px}
.bgih-art b{font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.01em}
.bgih-art--g{background:var(--bgi-brand,#0e5c3f)}
.bgih-art--r{background:var(--bgi-red,#c8102e)}
.bgih-art--s{background:var(--bgi-sand,#f3ede1);color:var(--bgi-brand-d,#0a4530);box-shadow:inset 0 0 0 1px var(--bgi-line,#dcd7cb)}

/* 1. плащания — сетка логотипов */
.bgih-pay__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--bgi-line,#dcd7cb);border-radius:12px;overflow:hidden;background:var(--bgi-paper,#fff)}
.bgih-pay__i{display:grid;grid-template-columns:92px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;padding:16px 18px;border-right:1px solid var(--bgi-line,#dcd7cb);border-bottom:1px solid var(--bgi-line,#dcd7cb);transition:background .15s}
.bgih-pay__i:nth-child(3n){border-right:0}
.bgih-pay__i:nth-last-child(-n+3){border-bottom:0}
.bgih-pay__i:hover{background:var(--bgi-sand,#f3ede1)}
.bgih-pay__lg{grid-row:1/4;display:flex;align-items:center;justify-content:center;height:56px;padding:6px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--bgi-line,#dcd7cb)}
.bgih-pay__im{max-height:40px;width:auto;object-fit:contain}
.bgih-pay__ty{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--bgi-red,#c8102e)}
.bgih-pay__n{font-size:17px;font-weight:800;line-height:1.25}
.bgih-pay__f{font-size:13.5px;color:var(--bgi-ink-2,#3e4f46);margin-top:4px}

/* 2. спорт — мозаика */
.bgih-sp__m{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:200px 200px;gap:10px}
.bgih-sp__i{position:relative;display:block;overflow:hidden;border-radius:12px;background:var(--bgi-ink,#16241d)}
.bgih-sp__i--0{grid-row:1/3}
.bgih-sp__i--3{grid-column:2/4}
.bgih-sp__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bgih-sp__i:hover img{transform:scale(1.04)}
.bgih-sp__ov{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(10,20,15,.88));color:#fff}
.bgih-sp__t{display:block;font-size:18px;font-weight:800;line-height:1.2}
.bgih-sp__i--0 .bgih-sp__t{font-size:24px}
.bgih-sp__f{display:block;font-size:13.5px;opacity:.92;margin-top:4px}
.bgih-sp__r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.bgih-sp__g{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:stretch;padding:10px;border:1px solid var(--bgi-line,#dcd7cb);border-radius:12px;background:var(--bgi-paper,#fff);transition:border-color .15s}
.bgih-sp__g:hover{border-color:var(--bgi-brand,#0e5c3f)}
.bgih-sp__g .bgih-art{min-height:0;padding:10px 12px}
.bgih-sp__g .bgih-art b{font-size:18px}
.bgih-sp__gt{font-size:13.5px;color:var(--bgi-ink-2,#3e4f46);align-self:center}
.bgih-sp__gt b{display:block;font-size:16px;color:var(--bgi-ink,#16241d);margin-bottom:2px}

/* 3. казино — вкладки */
.bgih-cs__w{display:flex;flex-wrap:wrap}
.bgih-cs__r{position:absolute;opacity:0;pointer-events:none}
.bgih-cs__l{cursor:pointer;padding:10px 18px;margin:0 6px -1px 0;font-size:15px;font-weight:700;border:1px solid var(--bgi-line,#dcd7cb);border-bottom:0;border-radius:10px 10px 0 0;background:var(--bgi-sand,#f3ede1);color:var(--bgi-ink-2,#3e4f46);position:relative;z-index:1}
.bgih-cs__l span{display:inline-block;min-width:22px;margin-left:6px;padding:0 6px;border-radius:9px;background:rgba(0,0,0,.08);font-size:12px;text-align:center}
.bgih-cs__r:checked+.bgih-cs__l{background:var(--bgi-paper,#fff);color:var(--bgi-brand,#0e5c3f)}
.bgih-cs__r:focus-visible+.bgih-cs__l{outline:2px solid var(--bgi-red,#c8102e);outline-offset:2px}
.bgih-cs__ps{flex:1 1 100%;order:9;border:1px solid var(--bgi-line,#dcd7cb);border-radius:0 12px 12px 12px;background:var(--bgi-paper,#fff);padding:16px}
.bgih-cs__p{display:none;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
#bgih-cs0:checked~.bgih-cs__ps .bgih-cs__p:nth-child(1),
#bgih-cs1:checked~.bgih-cs__ps .bgih-cs__p:nth-child(2),
#bgih-cs2:checked~.bgih-cs__ps .bgih-cs__p:nth-child(3){display:grid}
.bgih-cs__i{display:flex;flex-direction:column;border-radius:10px;transition:transform .15s}
.bgih-cs__i:hover{transform:translateY(-2px)}
.bgih-cs__ph{position:relative;display:block;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--bgi-sand,#f3ede1)}
.bgih-cs__ph img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.bgih-cs__ph .bgih-art{height:100%;min-height:0;border-radius:0}
.bgih-cs__lg{display:flex;align-items:center;justify-content:center;height:100%;padding:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--bgi-line,#dcd7cb);border-radius:10px}
.bgih-cs__lg img{max-height:64px;width:auto;object-fit:contain}
.bgih-cs__t{font-size:16px;font-weight:800;margin-top:10px;line-height:1.25}
.bgih-cs__i:hover .bgih-cs__t{color:var(--bgi-brand,#0e5c3f)}
.bgih-cs__f{font-size:13.5px;color:var(--bgi-ink-2,#3e4f46);margin-top:3px}

/* 4. мобилни — панел + устройства */
.bgih-mb__b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:14px;align-items:stretch}
.bgih-mb__lead{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;background:var(--bgi-brand,#0e5c3f);color:#fff}
.bgih-mb__lt{font-size:20px;font-weight:800;line-height:1.2;color:#fff!important}
.bgih-mb__lead p{margin:0;font-size:14px;color:#fff!important;opacity:.9}
.bgih-mb__app{margin-top:auto;display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff!important;font-size:13px}
.bgih-mb__app b{display:block;font-size:15px}
.bgih-mb__app:hover{background:rgba(255,255,255,.2)}
.bgih-mb__ai{width:28px;height:28px}
.bgih-mb__ds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bgih-mb__d{display:flex;flex-direction:column}
.bgih-mb__ph{position:relative;display:block;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--bgi-sand,#f3ede1)}
.bgih-mb__ph img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;transition:transform .3s}
.bgih-mb__d:hover img{transform:scale(1.04)}
.bgih-mb__n{font-size:17px;font-weight:800;margin-top:10px}
.bgih-mb__d:hover .bgih-mb__n{color:var(--bgi-brand,#0e5c3f)}
.bgih-mb__f{font-size:13.5px;color:var(--bgi-ink-2,#3e4f46);margin-top:2px}

/* 5. бонуси — лента-талони */
.bgih-bn__l{display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;scrollbar-width:thin;scrollbar-color:var(--bgi-brand,#0e5c3f) var(--bgi-sand,#f3ede1)}
.bgih-bn__l:focus-visible{outline:2px solid var(--bgi-red,#c8102e);outline-offset:3px}
.bgih-bn__i{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--bgi-line,#dcd7cb);border-radius:12px;background:var(--bgi-paper,#fff);overflow:hidden;transition:box-shadow .15s}
.bgih-bn__i:hover{box-shadow:0 6px 18px rgba(22,36,29,.12)}
.bgih-bn__i .bgih-art{border-radius:0;min-height:110px;position:relative}
.bgih-bn__i .bgih-art::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:14px;background:radial-gradient(circle at 7px 7px,var(--bgi-paper,#fff) 5px,transparent 5.5px) 0 0/14px 14px repeat-x}
.bgih-bn__b{display:flex;flex-direction:column;flex:1;padding:16px}
.bgih-bn__t{font-size:17px;font-weight:800;line-height:1.25}
.bgih-bn__f{font-size:13.5px;color:var(--bgi-ink-2,#3e4f46);margin:6px 0 12px}
.bgih-bn__go{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--bgi-brand,#0e5c3f)}

.bgih-cred{margin:-20px 0 30px;font-size:12px;color:var(--bgi-ink-2,#3e4f46)}
.bgih-cred summary{cursor:pointer}
.bgih-cred p{margin:6px 0 0;font-size:12px}

@media (max-width:980px){
  .bgih-pay__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bgih-pay__i:nth-child(n){border-right:1px solid var(--bgi-line,#dcd7cb);border-bottom:1px solid var(--bgi-line,#dcd7cb)}
  .bgih-pay__i:nth-child(2n){border-right:0}
  .bgih-sp__r{grid-template-columns:1fr}
  .bgih-mb__b{grid-template-columns:1fr}
}
@media (max-width:780px){
  .bgih{margin:26px 0 30px}
  .bgih-cap__t{font-size:19px}
  .bgih-more{margin-left:0}
  .bgih-pay__g{grid-template-columns:1fr}
  .bgih-pay__i:nth-child(n){border-right:0;border-bottom:1px solid var(--bgi-line,#dcd7cb)}
  .bgih-pay__i:last-child{border-bottom:0}
  .bgih-pay__i{grid-template-columns:76px 1fr;padding:14px}
  .bgih-sp__m{grid-template-columns:1fr 1fr;grid-template-rows:220px 150px 150px}
  .bgih-sp__i--0{grid-row:auto;grid-column:1/3}
  .bgih-sp__i--3{grid-column:1/3}
  .bgih-sp__i--0 .bgih-sp__t{font-size:20px}
  .bgih-sp__i--1 .bgih-sp__f,.bgih-sp__i--2 .bgih-sp__f{display:none}
  .bgih-cs__l{flex:1 1 0;margin-right:4px;padding:9px 6px;font-size:13px;text-align:center;white-space:nowrap}
  .bgih-cs__l span{margin-left:3px;padding:0 4px;min-width:18px}
  .bgih-cs__ps{padding:12px;border-radius:0 0 12px 12px}
  .bgih-cs__p{grid-template-columns:1fr 1fr;gap:12px}
  .bgih-mb__ds{grid-template-columns:repeat(3,minmax(140px,1fr));overflow-x:auto;scroll-snap-type:x mandatory}
  .bgih-mb__d{scroll-snap-align:start}
  .bgih-bn__l{grid-auto-columns:78%}
}
@media (max-width:420px){
  .bgih-cs__p{grid-template-columns:1fr;gap:12px}
  .bgih-cs__l{min-width:0;padding:9px 4px;font-size:13px}
  .bgih-cs__l span{display:none}
  .bgih-cs__i{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto 1fr;column-gap:12px}
  .bgih-cs__ph{grid-row:1/3;aspect-ratio:1/1}
  .bgih-cs__ph .bgih-art{padding:10px}
  .bgih-cs__ph .bgih-art b{font-size:17px}
  .bgih-cs__lg{padding:10px}
  .bgih-cs__t{margin-top:0}
}