/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/bc4-694ef76273.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/bc4-678e7347cd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/bc4-28c6fc478d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/bc4-7ad5b2239b.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/bc4-03b2b52878.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/bc4-b3f56918e7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/bc4-2f60f9e403.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/bc4-3fe198f60d.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/bc4-c97b9231ca.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/bc4-8574456dc9.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sofia Sans Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: optional;
  src: url(/fonts/bc4-e30ef0a8ef.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/bc4-a4cc1dadb6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 500;
  font-display: optional;
  src: url(/fonts/bc4-b168385c81.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/bc4-a4cc1dadb6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 600;
  font-display: optional;
  src: url(/fonts/bc4-b168385c81.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/bc4-a4cc1dadb6.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  font-display: optional;
  src: url(/fonts/bc4-b168385c81.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ============ TOKENS — BetScore Casino Polska (night stadium + scoreboard) ============ */
:root{
  --wrap:1140px;               /* sidebar archetype band 1080–1160 */
  --gutter:24px;
  --header-h:76px;
  --bg:#00022A;                /* brand night-navy page */
  --surface:#0A1538;           /* cards */
  --surface-2:#0E1C4B;         /* alternating tinted bands */
  --raised:#172C71;            /* table header, hover, chips */
  --brand-blue:#2743A7;        /* secondary buttons */
  --text:#FFFFFF;
  --text-body:#C6C9D6;
  --text-muted:#A9B0CB;
  --accent:#FEF00E;            /* BetScore yellow — CTA, big numbers */
  --cta-text:#00022A;          /* navy label on yellow */
  --lime:#D4FF00;              /* odds / "+" highlights */
  --cyan:#49FDFA;              /* live accents, focus, active */
  --link:#6F8BFF;
  --border:#172C71;
  --font-head:'Sofia Sans Condensed','Arial Narrow',Arial,sans-serif;
  --font-body:'Urbanist',system-ui,Arial,sans-serif;
  --font-num:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --radius:2px;                /* SHAPE = sharp */
  --sp-1:.75rem; --sp-2:1.25rem; --sp-3:2rem; --sp-4:3rem; --sp-5:4.5rem; /* airy scale */
  --stripes:repeating-linear-gradient(115deg,rgba(255,255,255,.055) 0 1px,transparent 1px 18px);
}

/* ============ BASE ============ */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text-body);font-family:var(--font-body);font-weight:500;font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%}
p{margin:0 0 1rem}
p:last-child{margin-bottom:0}
ul,ol{margin:0 0 1rem;padding-left:1.4rem}
a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--cyan)}
h1,h2,h3,h4{font-family:var(--font-head);font-style:italic;font-weight:800;text-transform:uppercase;line-height:1.08;letter-spacing:0;color:var(--text);margin:0;text-wrap:balance}
h1{font-size:clamp(2rem,4.5vw,2.875rem)}
h2{font-size:clamp(1.45rem,3vw,1.9rem)}
h3{font-size:1.2rem}
h4{font-size:1.05rem}
p,li,dt,dd,td,th,a,summary,h1,h2,h3,h4{overflow-wrap:anywhere}
::selection{background:var(--accent);color:var(--cta-text)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ============ CONTAINER / SECTION ============ */
.bc4-container{width:100%;max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.bc4-section{padding-block:clamp(3.5rem,7vw,5.25rem)}
.bc4-section--alt{background-image:var(--stripes),linear-gradient(0deg,var(--surface-2),var(--surface-2))}
.bc4-section__head{display:flex;flex-direction:column;gap:.65rem;margin-block:0 var(--sp-3)}
.bc4-section__lead{margin:0;color:var(--text-body);font-size:1.05rem}
.bc4-eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.07em;font-size:.85rem;color:var(--lime)}
.bc4-eyebrow::before{content:"";width:22px;height:2px;background:var(--accent);flex-shrink:0}
.bc4-num{font-family:var(--font-num);font-weight:700;font-variant-numeric:tabular-nums}

/* ============ BUTTONS / CHIPS / BADGES / ICONS ============ */
.bc4-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;font-family:var(--font-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:.95rem;line-height:1.1;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s ease,filter .15s ease,background-color .15s ease,color .15s ease}
.bc4-btn:hover{filter:brightness(1.07);transform:translateY(-1px);text-decoration:none}
.bc4-btn:active{transform:translateY(0)}
.bc4-btn--primary{background:var(--accent);color:var(--cta-text)}
.bc4-btn--secondary{background:var(--brand-blue);color:var(--text)}
.bc4-btn--ghost{background:transparent;border-color:var(--accent);color:var(--accent)}
.bc4-btn--ghost:hover{background:var(--accent);color:var(--cta-text)}
.bc4-btn--dark{background:var(--bg);color:var(--accent)}
.bc4-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--raised);color:var(--lime);font-family:var(--font-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;line-height:1;padding:.42rem .7rem;border-radius:var(--radius)}
.bc4-chip--cyan{color:var(--cyan)}
.bc4-chip--yellow{color:var(--accent)}
.bc4-badge{display:inline-flex;align-items:center;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-num);font-weight:700;font-size:13px;line-height:1;padding:.22rem .45rem;border-radius:var(--radius);flex-shrink:0}
.bc4-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0}
.bc4-microline{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font-size:14px;line-height:1.45;color:var(--text-muted);margin:0}

/* ============ HEADER ============ */
.bc4-header{position:sticky;top:0;z-index:1000;background:rgba(0,2,42,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.bc4-header__inner{display:flex;align-items:center;gap:1.25rem;min-height:var(--header-h)}
.bc4-logo{display:inline-flex;align-items:center;min-width:0;text-decoration:none}
.bc4-logo__img{display:block;height:40px;width:auto;max-width:180px;object-fit:contain}
.bc4-nav{display:flex;align-items:center;margin-inline:auto}
.bc4-nav ul{display:flex;align-items:center;gap:clamp(.9rem,2vw,1.6rem);list-style:none;margin:0;padding:0}
.bc4-nav a:not(.bc4-btn){color:var(--text-body);text-decoration:none;font-weight:600;font-size:.93rem;letter-spacing:.01em;transition:color .15s ease}
.bc4-nav a:not(.bc4-btn):hover{color:var(--accent)}
.bc4-nav a:not(.bc4-btn):active,
.bc4-nav a:not(.bc4-btn)[aria-current="page"]{color:var(--cyan)}
.bc4-header__cta{margin-inline-start:auto;padding:.72rem 1.2rem;font-size:.88rem}
.bc4-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;flex-shrink:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}
.bc4-burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:1px;transition:transform .2s ease,opacity .2s ease}
.bc4-header.is-open .bc4-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.bc4-header.is-open .bc4-burger span:nth-child(2){opacity:0}
.bc4-header.is-open .bc4-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:959.98px){
  .bc4-burger{display:flex}
  .bc4-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 14px 26px rgba(0,2,42,.55);padding:.5rem var(--gutter) 1.25rem}
  .bc4-header.is-open .bc4-nav{display:flex;flex-direction:column;align-items:stretch}
  .bc4-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .bc4-nav a:not(.bc4-btn){display:block;padding:.75rem .25rem;font-size:1.02rem}
  .bc4-logo__img{max-width:min(45vw,180px)}
}
@media (max-width:559.98px){
  /* audit-fix: нижняя sticky-панель не рендерится — держим компактную CTA в шапке */
  .bc4-header__cta{flex:1;min-width:0;padding:.45rem .6rem;font-size:.78rem;line-height:1.15;text-align:center}
  .bc4-header__inner{gap:.75rem}
  .bc4-logo__img{height:32px}
}

/* ============ HERO — stacked (home), compact band (inner) ============ */
.bc4-hero{position:relative;overflow:hidden}
.bc4-hero--home{background-image:var(--stripes),linear-gradient(180deg,var(--surface-2) 0%,var(--bg) 75%)}
.bc4-hero--home .bc4-hero__inner{max-width:calc(var(--wrap) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter);padding-block:clamp(3.5rem,8vw,5.75rem);display:flex;flex-direction:column;gap:var(--sp-4)}
.bc4-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.1rem}
.bc4-hero__title{font-size:clamp(2.1rem,5vw,3rem);text-wrap:balance}
.bc4-hero__sub{margin:0;font-size:1.12rem;color:var(--text-body)}
.bc4-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}
.bc4-hero__actions .bc4-microline{width:100%}
.bc4-hero__visual{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,var(--raised),var(--brand-blue));overflow:hidden}
.bc4-hero__img{display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
/* compact page-header band for inner pages */
.bc4-hero--inner{min-height:180px;display:flex;align-items:center;background-image:var(--stripes),linear-gradient(0deg,var(--surface-2),var(--surface-2));border-bottom:1px solid var(--border);padding-inline:max(var(--gutter),calc((100% - var(--wrap)) / 2))}
.bc4-hero--inner .bc4-hero__inner{position:relative;width:100%;display:flex;flex-direction:column;gap:.6rem;padding-block:clamp(2.5rem,5vw,3.4rem)}
.bc4-hero--inner .bc4-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;max-height:none;border-radius:0;z-index:0}
.bc4-hero--inner:has(.bc4-hero__img) .bc4-hero__inner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,2,42,.92) 0%,rgba(0,2,42,.74) 45%,rgba(0,2,42,.55) 100%)}
:where(.bc4-hero--inner .bc4-hero__inner > :not(.bc4-hero__img)){position:relative;z-index:2}
.bc4-hero--inner h1{font-size:clamp(1.7rem,3.6vw,2.3rem)}

/* hero scoreboard (signature) */
.bc4-scoreboard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.bc4-scoreboard__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.8rem 1.1rem;background:var(--raised);font-family:var(--font-head);font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.88rem;color:var(--text)}
.bc4-scoreboard__cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.bc4-score-cell{display:flex;flex-direction:column;gap:.35rem;padding:1.05rem .95rem;border-top:1px solid var(--border)}
.bc4-score-cell + .bc4-score-cell{border-inline-start:1px solid var(--border)}
.bc4-score-cell__label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.bc4-score-cell__value{font-family:var(--font-num);font-weight:700;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;color:var(--accent)}
.bc4-score-cell__sub{font-size:.85rem;color:var(--text-body)}
@media (max-width:767.98px){
  .bc4-scoreboard__cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bc4-score-cell:nth-child(odd){border-inline-start:0}
  .bc4-score-cell:nth-child(n+3){border-top:1px solid var(--border)}
}

/* ============ SIDEBAR LAYOUT (site archetype) ============ */
.bc4-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4)}
.bc4-layout__main{min-width:0;display:flex;flex-direction:column}
.bc4-layout__aside{min-width:0;display:flex;flex-direction:column;gap:var(--sp-3)}
@media (min-width:960px){
  .bc4-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
  .bc4-layout__aside{position:sticky;top:calc(var(--header-h) + 1.5rem)}
}

/* ============ CONTENT PANELS (two-cols secondary, asides) ============ */
.bc4-two-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--sp-4);align-items:start}
.bc4-two-cols > *{min-width:0}
@media (max-width:959.98px){.bc4-two-cols{grid-template-columns:minmax(0,1fr)}}
.bc4-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:1rem}
.bc4-panel__title{font-size:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}
.bc4-facts{margin:0}
.bc4-facts__row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border)}
.bc4-facts__row:last-child{border-bottom:0;padding-bottom:0}
.bc4-facts dt{color:var(--text-muted);font-weight:600;font-size:.92rem}
.bc4-facts dd{margin:0;text-align:right;color:var(--text);font-family:var(--font-num);font-weight:600;font-size:1.08rem}
.bc4-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.bc4-checklist li{display:flex;gap:.65rem;align-items:flex-start;color:var(--text-body)}
.bc4-checklist .bc4-icon{color:var(--lime)}
.bc4-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.bc4-mini-stat{background:var(--raised);border-radius:var(--radius);padding:.85rem .9rem;display:flex;flex-direction:column;gap:.15rem}
.bc4-mini-stat__value{font-family:var(--font-num);font-weight:700;font-size:1.45rem;line-height:1.1;color:var(--accent)}
.bc4-mini-stat__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}
.bc4-score{display:flex;align-items:center;gap:.8rem}
.bc4-score__num{font-family:var(--font-num);font-weight:700;font-size:2.4rem;line-height:1;color:var(--accent)}
.bc4-score__label{font-size:.82rem;color:var(--text-muted)}

/* ============ QUICK FACTS SECTION ============ */
.bc4-quick-facts{background-image:var(--stripes),linear-gradient(0deg,var(--surface-2),var(--surface-2))}
.bc4-quick-facts .bc4-panel{background:var(--surface)}

/* ============ OVERVIEW ============ */
.bc4-overview p{color:var(--text-body)}
.bc4-overview strong{color:var(--text)}

/* ============ FEATURE-CARDS — icon-rows pattern ============ */
.bc4-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.bc4-feature{display:flex;gap:1.1rem;align-items:flex-start;padding:1.15rem 0;border-bottom:1px solid var(--border)}
.bc4-feature:last-child{border-bottom:0}
.bc4-feature__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--raised);border-radius:var(--radius);color:var(--lime)}
.bc4-feature__icon .bc4-icon{width:26px;height:26px}
.bc4-feature__body{min-width:0;display:flex;flex-direction:column;gap:.3rem}
.bc4-feature__title{font-size:1.05rem;color:var(--text)}
.bc4-feature__text{margin:0;color:var(--text-body);font-size:.98rem}
@media (max-width:559.98px){
  .bc4-feature{gap:.8rem}
  .bc4-feature__icon{width:40px;height:40px}
  .bc4-feature__icon .bc4-icon{width:20px;height:20px}
}

/* ============ CARDS GRID ============ */
.bc4-grid{display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.bc4-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.6rem;min-width:0}
.bc4-card--offer{border-top:2px solid var(--accent)}
.bc4-card--live{border-top:2px solid var(--cyan)}
.bc4-card__title{font-size:1.08rem}
.bc4-card__text{margin:0;color:var(--text-body);font-size:.96rem}
.bc4-card .bc4-btn{margin-top:auto;align-self:flex-start}

/* ============ STATS-BAR — counters pattern ============ */
.bc4-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:var(--sp-4)}
.bc4-stat{min-width:0}
.bc4-stat__value{font-family:var(--font-num);font-weight:700;font-size:clamp(2.2rem,5vw,3.5rem);line-height:1;color:var(--accent)}
.bc4-stat__label{margin-top:.55rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted)}

/* ============ NUMBERED LIST ============ */
.bc4-steps{list-style:none;counter-reset:bc4step;margin:0;padding:0}
.bc4-steps li{counter-increment:bc4step;display:flex;gap:1.1rem;align-items:flex-start;padding:1.15rem 0;border-bottom:1px solid var(--border)}
.bc4-steps li:last-child{border-bottom:0}
.bc4-steps li::before{content:counter(bc4step);font-family:var(--font-num);font-weight:700;font-size:2rem;line-height:1.1;color:var(--accent);min-width:2.1rem;flex-shrink:0}
.bc4-steps__body{min-width:0}
.bc4-steps__title{font-size:1.05rem;margin-bottom:.2rem}
.bc4-steps__text{margin:0;color:var(--text-body);font-size:.98rem}

/* ============ CATEGORIES BAR ============ */
.bc4-cats{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:0;padding:0}

/* ============ TABLES / PAYMENTS ============ */
.bc4-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;-webkit-overflow-scrolling:touch}
.bc4-table{width:100%;border-collapse:collapse;font-size:.95rem}
.bc4-table th{background:var(--raised);color:var(--text);font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;padding:.8rem 1rem;white-space:nowrap}
.bc4-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-body)}
.bc4-table tbody tr:nth-child(odd){background:var(--surface)}
.bc4-table tbody tr:nth-child(even){background:var(--surface-2)}
.bc4-table td.bc4-num,.bc4-table th.bc4-num{text-align:right;font-family:var(--font-num);font-weight:600;font-size:1.06rem;color:var(--text)}
.bc4-pay-name{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--text)}
.bc4-pay-name .bc4-icon{color:var(--cyan)}
.bc4-pay-strip{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.bc4-pay-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem .9rem;display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;min-width:0}
.bc4-pay-tile .bc4-icon{color:var(--cyan)}
.bc4-pay-tile__name{font-weight:700;color:var(--text);font-size:.92rem}
.bc4-pay-tile__range{font-family:var(--font-num);font-weight:600;color:var(--text-muted);font-size:.92rem}

/* ============ PROS & CONS ============ */
.bc4-pros-cons{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.bc4-pros,.bc4-cons{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}
.bc4-pros{border-top:2px solid var(--lime)}
.bc4-cons{border-top:2px solid var(--brand-blue)}
.bc4-pros ul,.bc4-cons ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.bc4-pros li,.bc4-cons li{display:flex;gap:.6rem;align-items:flex-start;font-size:.96rem}
.bc4-pros li .bc4-icon{color:var(--lime)}
.bc4-cons li .bc4-icon{color:var(--cyan)}
.bc4-answer{margin:.5rem 0 0;padding:.85rem 1rem;background:var(--surface-2);border-left:2px solid var(--lime);border-radius:var(--radius);font-size:.94rem;color:var(--text-body)}
.bc4-answer strong{color:var(--lime)}

/* ============ BREADCRUMB / PAGE HEADER ============ */
.bc4-breadcrumb{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;font-size:.82rem;color:var(--text-muted)}
.bc4-breadcrumb li{display:flex;align-items:center}
.bc4-breadcrumb li + li::before{content:"›";margin:0 .45rem;color:var(--text-muted)}
.bc4-breadcrumb a{color:var(--link);text-decoration:none}
.bc4-breadcrumb a:hover{color:var(--cyan)}
.bc4-page-head{padding-block:clamp(2rem,4vw,2.75rem)}
.bc4-page-head h1{margin:.4rem 0 .5rem}
.bc4-page-head__sub{margin:0;color:var(--text-muted);font-size:1rem}

/* ============ LEGAL BODY ============ */
.bc4-legal{counter-reset:bc4sec}
.bc4-legal h2{counter-increment:bc4sec;font-size:1.35rem;margin:2.2rem 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}
.bc4-legal h2::before{content:"§ " counter(bc4sec) " ";color:var(--accent);font-family:var(--font-num);font-style:normal;font-weight:700}
.bc4-legal h3{font-size:1.08rem;margin:1.5rem 0 .5rem}
.bc4-legal p{color:var(--text-body)}
.bc4-legal ul,.bc4-legal ol{color:var(--text-body)}
.bc4-legal li{margin-bottom:.45rem}
.bc4-legal a{color:var(--link)}

/* ============ TOC ============ */
.bc4-toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.75rem}
.bc4-toc__title{font-family:var(--font-head);font-style:italic;font-weight:800;text-transform:uppercase;font-size:.95rem;color:var(--text);padding-bottom:.55rem;border-bottom:1px solid var(--border)}
.bc4-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.bc4-toc a{display:inline-flex;gap:.5rem;color:var(--text-body);text-decoration:none;font-size:.95rem;padding:.35rem 0}
.bc4-toc a:hover{color:var(--accent)}

/* ============ FAQ — single column ============ */
.bc4-faq details{border-bottom:1px solid var(--border)}
.bc4-faq details:last-child{border-bottom:0}
.bc4-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;color:var(--text);font-size:1.02rem}
.bc4-faq summary::-webkit-details-marker{display:none}
.bc4-faq summary::before{content:'+';margin-right:.5rem;transition:transform .2s;color:var(--accent);font-family:var(--font-num);font-weight:700;font-size:1.25rem}
.bc4-faq details[open] summary::before{content:'−'}
.bc4-faq details > :not(summary){padding:.5rem 0 1rem}
.bc4-faq details p{margin:0;color:var(--text-body)}
.bc4-faq details a{color:var(--link)}

/* ============ CTA BLOCK ============ */
.bc4-cta{background-image:repeating-linear-gradient(115deg,rgba(0,2,42,.06) 0 1px,transparent 1px 18px),linear-gradient(0deg,var(--accent),var(--accent));color:var(--cta-text)}
.bc4-cta .bc4-eyebrow{color:var(--cta-text)}
.bc4-cta .bc4-eyebrow::before{background:var(--cta-text)}
.bc4-cta h2{color:var(--cta-text)}
.bc4-cta p{color:var(--cta-text)}
.bc4-cta__inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}
.bc4-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}
.bc4-cta .bc4-microline{justify-content:center;color:var(--cta-text);opacity:.78}
.bc4-cta .bc4-badge{border-color:var(--cta-text);color:var(--cta-text)}

/* ============ RTP GRID (max 4 per row, fills content width) ============ */
.bc4-rtp{display:grid;gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.bc4-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.bc4-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bc4-rtp-item{position:relative;overflow:hidden;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.bc4-rtp-item__thumb{display:block;aspect-ratio:3/2;position:relative;background:linear-gradient(135deg,var(--raised),var(--brand-blue))}
.bc4-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bc4-rtp-item__name{display:block;padding:.55rem .7rem;font-weight:600;font-size:.88rem;color:var(--text)}
.bc4-rtp-tooltip{position:absolute;bottom:0;left:0;right:0;padding:.5rem .7rem;background:rgba(0,2,42,.92);border-top:1px solid var(--border);font-family:var(--font-num);font-weight:600;font-size:.85rem;color:var(--lime);opacity:0;transition:opacity .2s;pointer-events:none}
.bc4-rtp-item:hover .bc4-rtp-tooltip{opacity:1}

/* ============ STICKY NAV (mobile) ============ */
.bc4-sticky-nav{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;background:var(--surface);border-top:1px solid var(--border);padding:.55rem .75rem calc(.55rem + env(safe-area-inset-bottom,0px));gap:.5rem;align-items:center;justify-content:space-around}
@media (max-width:767.98px){.bc4-sticky-nav{display:flex}}
.bc4-sticky-nav a:not(.bc4-btn){display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--text-muted);text-decoration:none;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.bc4-sticky-nav a:not(.bc4-btn) .bc4-icon{color:var(--cyan)}
.bc4-sticky-nav .bc4-btn{flex:1;padding:.7rem .6rem;font-size:.85rem}

/* ============ CHAT WIDGET ============ */
.bc4-chat-btn{position:fixed;right:1.1rem;bottom:1.1rem;z-index:950;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--cta-text);border:none;border-radius:4px;cursor:pointer;box-shadow:0 10px 24px rgba(0,2,42,.5);transition:filter .15s ease}
.bc4-chat-btn:hover{filter:brightness(1.07)}
.bc4-chat{position:fixed;inset:0;z-index:960;display:none;align-items:center;justify-content:center;padding:1.5rem;background:rgba(0,2,42,.72)}
.bc4-chat.is-open{display:flex}
.bc4-chat__dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:420px;width:100%;padding:1.5rem;display:flex;flex-direction:column;gap:.9rem}
.bc4-chat__title{font-size:1.2rem}
.bc4-chat__text{margin:0;color:var(--text-body);font-size:.95rem}
@media (max-width:767.98px){.bc4-chat-btn{bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))}}

/* ============ FOOTER ============ */
.bc4-footer{background:var(--surface);border-top:1px solid var(--border)}
.bc4-footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:var(--sp-4);padding-block:var(--sp-4)}
@media (max-width:767.98px){.bc4-footer__grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}}
.bc4-footer__brand{min-width:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.bc4-footer__about{margin:0;color:var(--text-muted);font-size:.95rem}
.bc4-footer__col{min-width:0}
.bc4-footer__title{font-size:.85rem;letter-spacing:.08em;color:var(--text);margin:0 0 1rem;padding-bottom:.55rem;border-bottom:1px solid var(--border)}
.bc4-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.bc4-footer__links a{color:var(--text-muted);text-decoration:none;font-size:.95rem}
.bc4-footer__links a:hover{color:var(--accent)}
.bc4-footer__disclaimer{margin:0;padding-top:1.2rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}
.bc4-footer__micro{margin-top:1rem}
.bc4-footer__micro .bc4-microline{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}
.bc4-footer__bottom{margin-top:var(--sp-3);background:var(--bg);border-top:1px solid var(--border);padding-block:1.1rem}
.bc4-footer__copy{margin:0;text-align:center;font-size:.85rem;color:var(--text-muted)}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.bc4-footer .bc4-logo__img{filter:none;background:transparent;padding:0}
.bc4-footer .bc4-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.bc4-logo__img{object-fit:contain}
/* sa-ph-media */
.bc4-page-header:has(.bc4-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.bc4-page-header:has(.bc4-hero__img) .bc4-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.bc4-page-header:has(.bc4-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.bc4-page-header:has(.bc4-hero__img)>:not(.bc4-hero__img)){position:relative}
.bc4-page-header:has(.bc4-hero__img)>:not(.bc4-hero__img){z-index:2}
.bc4-page-header:has(.bc4-hero__img),.bc4-page-header:has(.bc4-hero__img) h1,.bc4-page-header:has(.bc4-hero__img) a,.bc4-page-header:has(.bc4-hero__img) p,.bc4-page-header:has(.bc4-hero__img) li,.bc4-page-header:has(.bc4-hero__img) span{color:#fff}
/* sa-hero-media */
.bc4-hero:has(>.bc4-hero__img){position:relative;isolation:isolate}
.bc4-hero:has(>.bc4-hero__img)>.bc4-hero__img{z-index:0}
.bc4-hero:has(>.bc4-hero__img)::after{z-index:1}
:where(.bc4-hero:has(>.bc4-hero__img)>:not(.bc4-hero__img)){position:relative}
.bc4-hero:has(>.bc4-hero__img)>:not(.bc4-hero__img){z-index:2}
/* sa-rhythm v3 */
:where(.bc4-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.bc4-table-wrap)+p{margin-block-start:1rem}
main :is(ul,ol,table,.bc4-table-wrap,.bc4-rtp,.bc4-steps,.bc4-cards,.bc4-features)+:is(.bc4-actions,div:has(>.bc4-btn),p:has(>.bc4-btn)){margin-block-start:1.25rem}
/* sa-table-thead */
.bc4-table-wrap thead th,.bc4-table-wrap thead{position:static}
/* sa-slot-link v2 */
.bc4-rtp-item,.bc4-rtp-item:hover,.bc4-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
:where(.bc4-rtp-item){display:block}
/* sa-rtp-touch */
.bc4-rtp-item__thumb{display:block}
@media (hover:none){.bc4-rtp-item__thumb{aspect-ratio:auto;overflow:visible}.bc4-rtp-item__thumb img{height:auto}.bc4-rtp-tooltip{position:static;opacity:1;background:transparent;border-top:0;padding:.4rem .7rem 0;font-size:.74rem;line-height:1.35}.bc4-rtp-item__name{padding-top:.35rem}}
/* ============ audit-fixes 2026-11-05: mobile overflow, touch targets, table scroll hint ============ */
@media (max-width:559.98px){
  .bc4-btn{white-space:normal;text-align:center}
  .bc4-hero__actions .bc4-btn,.bc4-cta__actions .bc4-btn{width:100%}
  /* таблицы с 4+ колонками всегда шире экрана — лёгкий фейд правого края как аффорданс свайпа */
  .bc4-table-wrap:has(thead th:nth-child(4)){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 20px),transparent)}
}
@media (max-width:767.98px){
  a.bc4-chip{min-height:44px;padding-inline:.95rem}
  .bc4-footer__links{gap:.9rem}
}