:root{
  --bg-main:#16100C;
  --bg-card:#1F1712;
  --bg-panel:#241A14;
  --bg-light:#F6EDE2;
  --accent:#FF7A1A;
  --accent-2:#E4C48A;
  --text-main:#F6EDE2;
  --text-muted:#A8927D;
  --text-dark:#231A13;
  --btn-ink:#1A0E04;
  --border:#362A21;
  --border-light:#DDCDB8;
  --wrap:1120px;
  --gutter:20px;
  --rad:8px;
  --rad-sm:6px;
  --rad-lg:10px;
  --sp-1:.5rem;
  --sp-2:.9rem;
  --sp-3:1.5rem;
  --sp-4:2.4rem;
  --sec-pad:clamp(1.8rem,4vw,2.6rem);
  --font-head:"Chakra Petch","Segoe UI Semibold",system-ui,sans-serif;
  --font-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:82px}
[id]{scroll-margin-top:82px}
body{
  margin:0;
  overflow-x:hidden;
  background:var(--bg-main);
  color:var(--text-main);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.62;
  letter-spacing:.005em;
}
img{max-width:100%}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:600;line-height:1.14;letter-spacing:.01em;margin:0 0 var(--sp-2)}
h1{font-size:clamp(1.95rem,4.4vw,3rem);text-wrap:balance}
h2{font-size:clamp(1.5rem,2.9vw,2.1rem);text-wrap:balance}
h3{font-size:clamp(1.12rem,1.9vw,1.35rem)}
h4{font-size:1.02rem}
p{margin:0 0 1.15em}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{margin:0 0 var(--sp-2);padding-inline-start:1.25rem}
li{margin-bottom:.35rem}
strong{color:var(--text-main);font-weight:600}
small{font-size:.82rem}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
/* на светлых поверхностях (шапка/футер) один оранжевый контур даёт 2.25:1 — добавляем тёмную обводку */
.blw-header :focus-visible,.blw-footer :focus-visible{box-shadow:0 0 0 5px rgba(26,14,4,.55)}
.blw-skip{
  position:absolute;left:var(--gutter);top:-100px;z-index:1000;
  background:var(--accent);color:#1A0E04;
  font-family:var(--font-head);font-weight:600;font-size:.95rem;
  padding:.7rem 1.2rem;border-radius:0 0 var(--rad-sm) var(--rad-sm);
}
.blw-skip:focus{top:0;text-decoration:none}
::selection{background:var(--accent);color:#16100C}
p,li,h1,h2,h3,td,th,summary,dd,dt{overflow-wrap:break-word;hyphens:auto}

.blw-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}

/* ============ ARCHETYPE: CARDS / PANELS ============ */
main{display:block;padding-block:clamp(1.2rem,3vw,2rem) clamp(2rem,5vw,3rem)}
main > section{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--rad-lg);
  padding-block:var(--sec-pad);
  margin-block:clamp(1.5rem,3vw,2.2rem);
  width:calc(100% - var(--gutter)*2);
  max-width:var(--wrap);
  margin-inline:auto;
  position:relative;
}
main > section > .blw-container{padding-inline:clamp(18px,3.2vw,38px);max-width:none}
main > section:first-child{margin-top:0}
.blw-section--alt{background:var(--bg-panel)}
.blw-section--flat{background:transparent;border-color:transparent}
/* на узком экране двойной отступ (gutter секции + padding контейнера) отодвигал текст
   на 38px от края, тогда как логотип и бургер стоят на 20px — вертикаль не сходилась */
@media (max-width:600px){
  main > section{width:100%;border-radius:0;border-inline:0}
  main > section > .blw-container{padding-inline:var(--gutter)}
  main > section[data-n]::before{inset-inline-start:var(--gutter)}
  .blw-hero--inner .blw-hero__inner{padding-inline:var(--gutter)}
}

/* panel counter — arcade "score" numbering */
main > section[data-n]::before{
  content:attr(data-n);
  position:absolute;
  top:-1px;inset-inline-start:clamp(18px,3.2vw,38px);
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.22em;
  color:var(--accent-2);
  background:var(--bg-main);
  border:1px solid var(--border);
  border-top:0;
  padding:.2rem .55rem .25rem;
  border-radius:0 0 var(--rad-sm) var(--rad-sm);
}
/* бейдж прорезал бы 3px акцентную кромку CTA и висел бы в воздухе на прозрачных секциях */
main > section.blw-cta[data-n]::before,
main > section.blw-section--flat[data-n]::before{content:none}
.blw-eyebrow{
  display:block;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--accent-2);
  margin-bottom:.55rem;
}
.blw-lead{font-size:1.12rem;color:var(--text-main)}
.blw-muted{color:var(--text-muted)}
.blw-fine{display:block;font-size:.8rem;color:var(--text-muted);line-height:1.5}

/* ============ BUTTONS ============ */
.blw-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--font-head);
  font-weight:600;font-size:.95rem;letter-spacing:.04em;
  padding:.72rem 1.35rem;
  min-height:44px;
  border:1px solid var(--accent);
  border-radius:var(--rad-sm);
  background:var(--accent);
  color:var(--btn-ink);
  cursor:pointer;
  text-align:center;
  transition:transform .12s ease,background .15s ease,color .15s ease;
}
.blw-btn:hover{background:#FF8F3D;border-color:#FF8F3D;text-decoration:none;transform:translateY(-1px)}
.blw-btn:active{transform:translateY(0)}
.blw-btn--ghost{background:transparent;color:var(--accent);border-color:var(--accent)}
.blw-btn--ghost:hover{background:rgba(255,122,26,.12);color:var(--accent)}
.blw-btn--sand{background:var(--accent-2);border-color:var(--accent-2);color:#231A13}
.blw-btn--sand:hover{background:#EFD5A3;border-color:#EFD5A3}
.blw-btn--lg{font-size:1.02rem;padding:.88rem 1.75rem;min-height:48px}
@media (max-width:600px){.blw-btn{min-height:48px}}
.blw-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}

/* ============ ICONS ============ */
.blw-icon{
  width:1.5em;height:1.5em;
  display:inline-block;vertical-align:middle;flex-shrink:0;
  stroke:currentColor;fill:none;
}
.blw-icon--lg{width:2rem;height:2rem}

/* ============ HEADER (light surface — dark logo) ============ */
.blw-header{
  position:sticky;top:0;z-index:900;
  background:#F6EDE2;
  border-bottom:3px solid var(--accent);
}
.blw-header__bar{
  display:flex;align-items:center;gap:clamp(.6rem,2vw,1.4rem);
  min-height:66px;
}
.blw-header__bar > *{min-width:0}
/* лок-ап: вордмарк + разделитель + гео-дескриптор (line-height:0 убран — он схлопывал бы текст) */
.blw-logo{display:inline-flex;align-items:center;gap:.55rem;flex-shrink:0}
/* вордмарк стал текстом внутри <a> — глобальный a:hover подчеркнул бы его поверх флаговой полоски */
.blw-logo:hover,.blw-logo:focus{text-decoration:none}
.blw-logo__img{
  height:40px;width:auto;object-fit:contain;display:block;
}
/* Вордмарк — живой текст в настоящей гарнитуре, а не растр с вшитой подложкой:
   резкий на любом DPR, весит ноль байт и не может рассинхрониться с айдентикой. */
.blw-logo__mark{
  position:relative;
  font-family:"Nunito",var(--font-head),system-ui,sans-serif;
  font-weight:900;font-style:italic;
  font-size:1.8rem;line-height:1;letter-spacing:-.015em;
  color:var(--text-dark);
  padding-bottom:.3rem;
}
.blw-logo__mark > span{color:var(--accent)}
/* флаговая полоска — тем же CSS, без картинки */
.blw-logo__mark::after{
  content:"";position:absolute;inset-inline:0;bottom:0;height:3px;border-radius:2px;
  background:linear-gradient(90deg,#00B5E2 0 33.33%,#EF3340 33.33% 66.66%,#509E2F 66.66%);
}
.blw-logo__geo{
  font-family:var(--font-mono);font-weight:600;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase;
  color:#5C4A3A;line-height:1.2;white-space:nowrap;
  padding-inline-start:.55rem;
  border-inline-start:1px solid var(--border-light);
}
/* в шапке места нет: логотип + CTA + бургер уже занимают ширину узкого экрана */
@media (max-width:900px){.blw-header .blw-logo__geo{display:none}}
@media (max-width:600px){.blw-logo__mark{font-size:1.55rem}}
.blw-nav{margin-inline-start:auto;display:flex;align-items:center}
.blw-nav ul{display:flex;align-items:center;gap:clamp(.4rem,1.4vw,1.1rem);list-style:none;margin:0;padding:0}
.blw-nav li{margin:0}
.blw-nav a:not(.blw-btn){
  display:block;
  font-family:var(--font-head);
  font-size:.92rem;font-weight:600;letter-spacing:.03em;
  color:var(--text-dark);
  padding:.5rem .3rem;
  border-bottom:2px solid transparent;
}
.blw-nav a:not(.blw-btn):hover{color:#B24F00;border-bottom-color:var(--accent);text-decoration:none}
.blw-nav a:not(.blw-btn)[aria-current="page"]{color:#B24F00;border-bottom-color:var(--accent)}
.blw-nav > .blw-btn{display:none}
.blw-header__cta{flex-shrink:0;margin-inline-start:clamp(.5rem,1.5vw,1rem)}

.blw-burger{
  display:none;
  flex-shrink:0;
  width:44px;height:44px;
  align-items:center;justify-content:center;
  flex-direction:column;gap:5px;
  background:transparent;
  border:1px solid var(--border-light);
  border-radius:var(--rad-sm);
  cursor:pointer;
  padding:0;
}
.blw-burger span{
  display:block;width:22px;height:2px;background:var(--text-dark);border-radius:1px;
  transition:transform .2s ease,opacity .2s ease;
}
.blw-header.is-open .blw-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.blw-header.is-open .blw-burger span:nth-child(2){opacity:0}
.blw-header.is-open .blw-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:900px){
  .blw-burger{display:flex}
  /* CTA остаётся в шапке (раньше пряталась и целевое действие жило только внутри бургера) */
  .blw-header__cta{font-size:.82rem;padding:.55rem .85rem;min-height:44px}
  .blw-nav{
    display:none;
    position:absolute;left:0;right:0;top:100%;
    background:#F6EDE2;
    border-bottom:1px solid var(--border-light);
    box-shadow:0 14px 24px rgba(22,16,12,.22);
    padding:var(--sp-2) var(--gutter) var(--sp-3);
    margin-inline-start:0;
  }
  .blw-header.is-open .blw-nav{display:flex;flex-direction:column;align-items:stretch}
  .blw-nav ul{flex-direction:column;align-items:stretch;gap:0;width:100%}
  .blw-nav a:not(.blw-btn){padding:.8rem .2rem;border-bottom:1px solid var(--border-light)}
  .blw-nav > .blw-btn{display:block;width:100%;margin-top:var(--sp-2)}
  .blw-logo__img{max-width:min(45vw,180px);height:auto;max-height:38px}
}
/* на самых узких экранах логотип + CTA + бургер уже не помещаются в 280px */
@media (max-width:359px){.blw-header__cta{display:none}}

/* ============ HERO ============ */
.blw-hero{position:relative}
.blw-hero__inner{display:flex;flex-direction:column;gap:var(--sp-2)}
.blw-hero__img{
  display:block;width:100%;height:auto;max-height:70vh;
  aspect-ratio:3/2;object-fit:cover;
  border-radius:var(--rad);
  border:1px solid var(--border);
}

/* HOME hero — STACKED pattern */
.blw-hero--home{padding-block:clamp(2.4rem,5vw,3.4rem)}
.blw-hero--home .blw-hero__inner{gap:clamp(1rem,2.4vw,1.5rem);text-align:start}
.blw-hero--home .blw-hero__text{display:flex;flex-direction:column;gap:var(--sp-2);max-width:none}
.blw-hero--home h1{margin:0}
.blw-hero--home .blw-hero__sub{font-size:clamp(1rem,1.6vw,1.14rem);color:var(--text-muted);margin:0}
.blw-hero--home .blw-hero__visual{width:100%;position:relative}
.blw-hero--home .blw-hero__visual:empty::before,
.blw-hero--home .blw-hero__ph{
  content:"";display:block;width:100%;aspect-ratio:3/1;
  background:linear-gradient(115deg,#2A1A10 0%,#7A3A0C 55%,#FF7A1A 100%);
  border:1px solid var(--border);border-radius:var(--rad);
}
.blw-hero--home .blw-hero__badges{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
/* не кнопка: убраны рамка/фон/скругление, чтобы бейдж не читался как второй CTA рядом с оранжевым */
.blw-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent-2);
  border:0;
  background:none;
  padding:.32rem 0;
}

/* INNER hero — compact page header band */
.blw-hero--inner{
  position:relative;overflow:hidden;
  background:var(--bg-panel);
  border-bottom:3px solid var(--accent);
  border-radius:var(--rad-lg);
  /* без сброса картинка не доходила до краёв секции и обрамлялась тёмными полосами */
  padding-block:0;
}
.blw-hero--inner .blw-hero__inner{
  position:relative;
  min-height:150px;
  display:flex;flex-direction:column;justify-content:center;gap:.7rem;
  padding-block:clamp(1.8rem,4vw,2.6rem);
  /* совпадает с main > section > .blw-container, иначе h1 стоял левее текста секций */
  padding-inline:clamp(18px,3.2vw,38px);
}
.blw-hero--inner .blw-hero__img{
  position:absolute;inset:0;width:100%;height:100%;max-height:none;
  object-fit:cover;border:0;border-radius:0;z-index:0;aspect-ratio:auto;
}
.blw-hero--inner .blw-hero__inner::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(15,10,7,.92) 0%,rgba(15,10,7,.82) 55%,rgba(15,10,7,.72) 100%);
}
:where(.blw-hero--inner .blw-hero__inner > :not(.blw-hero__img)){position:relative;z-index:2}
.blw-hero--inner h1{margin:0;font-size:clamp(1.6rem,3.2vw,2.3rem)}
/* приглушённый текст поверх непредсказуемого фото не держал контраст */
.blw-hero--inner .blw-hero__inner{color:#fff}
.blw-hero--inner .blw-hero__sub{margin:0;color:rgba(255,255,255,.88);font-size:.98rem}
.blw-hero--inner .blw-breadcrumb{color:rgba(255,255,255,.78)}
/* кнопка не должна стоять вплотную к подзаголовку */
.blw-hero--inner .blw-actions{margin-block-start:.35rem}
.blw-hero--inner .blw-breadcrumb a{color:var(--accent-2)}
/* на узких экранах строки занимают всю ширину — подложку кладём вертикально */
@media (max-width:700px){
  .blw-hero--inner .blw-hero__inner::after{
    background:linear-gradient(180deg,rgba(15,10,7,.86) 0%,rgba(15,10,7,.9) 100%);
  }
}

/* ============ PAGE HEADER (legal pages) ============ */
/* padding-block:0 — иначе к внутреннему отступу прибавлялся --sec-pad от main > section */
.blw-page-header{position:relative;overflow:hidden;background:var(--bg-panel);border-bottom:3px solid var(--accent);padding-block:0}
.blw-page-header__inner{
  position:relative;
  display:flex;flex-direction:column;gap:.45rem;
  padding-block:clamp(1.5rem,3.4vw,2.2rem);
  min-height:110px;justify-content:center;
}
.blw-page-header h1{margin:0}

/* ============ BREADCRUMB ============ */
.blw-breadcrumb{font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.04em}
.blw-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}
.blw-breadcrumb li{margin:0;display:flex;align-items:center;gap:.4rem}
.blw-breadcrumb li+li::before{content:"/";color:var(--border-light);opacity:.5}
.blw-breadcrumb a{color:var(--accent-2)}

/* ============ SECTION HEAD ============ */
.blw-sec-head{margin-bottom:var(--sp-3);display:flex;flex-direction:column;gap:.35rem}
.blw-sec-head h2,.blw-sec-head h3{margin:0}
.blw-sec-head p{margin:0;color:var(--text-muted)}

/* ============ OVERVIEW ============ */
.blw-overview__body > :last-child{margin-bottom:0}

/* ============ FEATURE CARDS — GRID pattern ============ */
/* auto-fill вместо auto-fit: остаток строки не растягивает одинокую карточку на всю ширину */
.blw-features{
  display:grid;gap:var(--sp-2);
  grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));
}
.blw-features > *{min-width:0}
/* фиксируем 3 колонки: авто-раскладка перескакивала 4↔3 в пределах пары пикселей ширины окна */
@media (min-width:900px){.blw-features{grid-template-columns:repeat(3,minmax(0,1fr))}}
.blw-feature{
  display:flex;flex-direction:column;gap:.6rem;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-top:3px solid var(--border);
  border-radius:var(--rad);
  padding:clamp(1rem,2vw,1.3rem);
  transition:border-top-color .15s ease;
}
.blw-feature:hover{border-top-color:var(--accent)}
.blw-feature__icon{color:var(--accent);display:flex}
.blw-feature__icon .blw-icon{width:1.9rem;height:1.9rem}
.blw-feature h3{margin:0;font-size:1.05rem}
.blw-feature p{margin:0;color:var(--text-muted);font-size:.95rem}

/* ============ CARDS GRID ============ */
.blw-cards{
  display:grid;gap:var(--sp-2);
  grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));
}
.blw-cards > *{min-width:0}
@media (min-width:900px){.blw-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.blw-card{
  display:flex;flex-direction:column;gap:.55rem;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--rad);
  padding:clamp(1rem,2vw,1.25rem);
}
.blw-card--active{border-top:3px solid var(--accent)}
.blw-card h3{margin:0;font-size:1.05rem}
.blw-card p{margin:0;color:var(--text-muted);font-size:.94rem}
.blw-card__meta{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-2);letter-spacing:.06em}

/* ============ STATS BAR — COUNTERS pattern ============ */
.blw-stats{
  display:grid;gap:clamp(1.1rem,2.6vw,1.8rem);
  grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));
}
.blw-stats > *{min-width:0}
.blw-stat{display:flex;flex-direction:column;gap:.2rem;background:none;border:0;padding:0}
.blw-stat__value{
  font-family:var(--font-head);
  /* значения здесь текстовые («600%-dək + 500 FS»), на 3.5rem они рвались на 3 строки рядом с «×1» */
  font-size:clamp(1.6rem,3.4vw,2.4rem);
  text-wrap:balance;
  line-height:1.12;font-weight:700;
  color:var(--accent);
  letter-spacing:-.01em;
}
.blw-stat__label{
  font-family:var(--font-mono);
  font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-muted);
}

/* ============ TABLES ============ */
.blw-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;border:1px solid var(--border);border-radius:var(--rad)}
.blw-table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:520px;background:var(--bg-panel)}
/* справочники «параметр → значение» (без thead) помещаются в экран без горизонтального скролла */
.blw-table:not(:has(thead)){min-width:0}
@media (max-width:600px){.blw-table:not(:has(thead)) th,.blw-table:not(:has(thead)) td{padding:.6rem .7rem}}
.blw-table caption{caption-side:top;text-align:start;padding:.7rem .9rem;color:var(--text-muted);font-size:.85rem}
.blw-table th,.blw-table td{padding:.7rem .9rem;text-align:start;border-bottom:1px solid var(--border);vertical-align:top}
.blw-table th{
  font-family:var(--font-head);font-weight:600;font-size:.82rem;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--accent-2);
  background:var(--bg-main);
}
.blw-table tbody tr:last-child td{border-bottom:0}
.blw-table tbody tr:hover td{background:rgba(255,122,26,.05)}
.blw-table td strong{color:var(--accent-2)}

/* bonus-table / payments-table / payments-strip share the table skin */
.blw-bonus-table td:first-child,
.blw-payments-table td:first-child{white-space:nowrap;font-family:var(--font-mono);color:var(--accent-2)}
.blw-payments-table .blw-icon{color:var(--accent)}
.blw-pay-row{display:flex;align-items:center;gap:.55rem}
.blw-payments-strip{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.blw-payments-strip li{margin:0;list-style:none}
.blw-pay-chip{
  display:inline-flex;align-items:flex-start;gap:.45rem;
  border:1px solid var(--border);border-radius:var(--rad-sm);
  background:var(--bg-panel);
  padding:.45rem .75rem;
  font-size:.88rem;color:var(--text-main);
}
.blw-pay-chip .blw-icon{margin-top:.2em}
/* подписи здесь длинные — на узком экране пилюли рвались в 3 строки, переводим в список */
@media (max-width:600px){
  .blw-payments-strip{flex-direction:column;gap:.5rem}
  .blw-payments-strip li{width:100%}
  .blw-pay-chip{display:flex;width:100%}
}
.blw-pay-chip .blw-icon{width:1.15em;height:1.15em;color:var(--accent)}

/* ============ TWO COLS + CONTENT PANEL ============ */
.blw-two-cols{display:grid;gap:clamp(1.1rem,2.6vw,1.8rem);grid-template-columns:1fr}
.blw-two-cols > *{min-width:0}
@media (min-width:880px){.blw-two-cols{grid-template-columns:1.35fr .95fr;align-items:start}}
.blw-two-cols__main > :last-child{margin-bottom:0}

.blw-panel{
  background:var(--bg-main);
  border:1px solid var(--border);
  border-top:3px solid var(--accent);
  border-radius:var(--rad);
  padding:clamp(1rem,2.2vw,1.4rem);
  display:flex;flex-direction:column;gap:var(--sp-2);
}
.blw-panel__title{
  margin:0;font-family:var(--font-head);font-size:1rem;
  letter-spacing:.06em;text-transform:uppercase;color:var(--accent-2);
}
.blw-facts{margin:0;display:flex;flex-direction:column}
.blw-facts__row{
  display:flex;flex-wrap:wrap;gap:.35rem 1rem;justify-content:space-between;
  padding:.6rem 0;border-bottom:1px solid var(--border);
}
.blw-facts__row:last-child{border-bottom:0;padding-bottom:0}
.blw-facts dt{font-size:.85rem;color:var(--text-muted);margin:0}
.blw-facts dd{margin:0;font-weight:600;font-size:.93rem;text-align:end}
/* при переносе dd уезжал вправо под левый dt — лесенка; в узкой колонке выравниваем по левому краю */
@media (max-width:900px){.blw-facts dd{text-align:start}}

.blw-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.blw-checklist li{display:flex;align-items:flex-start;gap:.6rem;margin:0;font-size:.94rem}
.blw-checklist .blw-icon{color:var(--accent);width:1.15em;height:1.15em;margin-top:.22em}

.blw-mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.blw-mini-stat{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rad-sm);
  padding:.7rem .8rem;display:flex;flex-direction:column;gap:.15rem;min-width:0;
}
.blw-mini-stat__value{font-family:var(--font-head);font-size:1.3rem;font-weight:700;color:var(--accent);line-height:1.1}
.blw-mini-stat__label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}

.blw-score{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}
.blw-score__value{font-family:var(--font-head);font-size:2.6rem;font-weight:700;line-height:1;color:var(--accent)}
.blw-score__stars{display:flex;gap:.15rem;color:var(--accent-2)}
.blw-score__stars .blw-icon{width:1.05rem;height:1.05rem;fill:currentColor}
.blw-score__label{font-size:.85rem;color:var(--text-muted)}

/* ============ NUMBERED LIST ============ */
/* шаги — двухстрочные карточки, при gap .9rem они сливались друг с другом */
.blw-steps{list-style:none;counter-reset:blwstep;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}
.blw-steps > li{
  counter-increment:blwstep;margin:0;position:relative;
  padding-inline-start:3.1rem;padding-block:.25rem;
}
.blw-steps > li::before{
  content:counter(blwstep,decimal-leading-zero);
  position:absolute;inset-inline-start:0;top:0;
  font-family:var(--font-mono);font-size:.85rem;font-weight:600;
  color:var(--accent);
  border:1px solid var(--accent);
  border-radius:var(--rad-sm);
  width:2.35rem;height:2.05rem;
  display:flex;align-items:center;justify-content:center;
}
.blw-steps h3{margin:0 0 .25rem;font-size:1.02rem}
.blw-steps p{margin:0;color:var(--text-muted);font-size:.94rem}

/* ============ CATEGORIES BAR (pills) ============ */
.blw-cats{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.blw-cats li{margin:0}
.blw-cat{
  display:inline-flex;align-items:center;gap:.4rem;
  border:1px solid var(--border);border-radius:var(--rad-sm);
  background:var(--bg-panel);color:var(--text-main);
  font-family:var(--font-head);font-size:.86rem;letter-spacing:.04em;
  padding:.42rem .85rem;
}
/* это <span>, а не ссылки: hover-реакция обещала клик, которого нет */
a.blw-cat:hover,.blw-cat--active{border-color:var(--accent);color:var(--accent);text-decoration:none}

/* ============ TOC ============ */
.blw-toc{
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-inline-start:3px solid var(--accent-2);
  border-radius:var(--rad-sm);
  padding:clamp(.9rem,2vw,1.2rem);
}
.blw-toc__title{
  margin:0 0 .6rem;font-family:var(--font-mono);font-size:.75rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);
}
.blw-toc ol,.blw-toc ul{
  list-style:none;margin:0;padding:0;counter-reset:blwtoc;
  display:grid;gap:.25rem .9rem;
  grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));
}
.blw-toc li{margin:0;counter-increment:blwtoc;min-width:0}
.blw-toc a{display:block;padding:.28rem 0;color:var(--text-main);font-size:.92rem}
.blw-toc a::before{content:counter(blwtoc,decimal-leading-zero) " ";font-family:var(--font-mono);font-size:.78rem;color:var(--accent-2)}
.blw-toc a:hover{color:var(--accent)}
/* было 33px высоты при зазоре 4px — промахнуться проще, чем попасть */
@media (max-width:600px){
  .blw-toc ol,.blw-toc ul{gap:0}
  .blw-toc a{display:flex;align-items:center;gap:.4rem;min-height:44px;padding:.55rem 0}
  .blw-toc li+li{border-top:1px solid var(--border)}
}

/* ============ VERDICT BOX ============ */
.blw-verdict{
  background:var(--bg-main);
  border:1px solid var(--border);
  border-top:3px solid var(--accent);
  border-radius:var(--rad);
  padding:clamp(1.1rem,2.4vw,1.6rem);
  /* внутри — абзацы с margin:0; держим тот же ритм, что и в обычном потоке */
  display:flex;flex-direction:column;gap:1.15em;
}
.blw-verdict__head{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem}
.blw-verdict__score{
  font-family:var(--font-head);font-size:2.4rem;font-weight:700;line-height:1;color:var(--accent);
}
.blw-verdict h2,.blw-verdict h3{margin:0}
.blw-verdict p{margin:0;color:var(--text-muted)}
.blw-verdict p strong{color:var(--text-main)}

/* ============ RATING BARS ============ */
.blw-ratings{display:flex;flex-direction:column;gap:var(--sp-2);margin:0;padding:0}
.blw-rating{display:grid;gap:.3rem}
.blw-rating__head{display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}
.blw-rating__name{font-family:var(--font-head);letter-spacing:.02em}
.blw-rating__val{font-family:var(--font-mono);color:var(--accent-2)}
.blw-rating__track{height:8px;background:var(--bg-main);border:1px solid var(--border);border-radius:2px;overflow:hidden}
.blw-rating__fill{display:block;height:100%;background:var(--accent)}

/* ============ PROS / CONS ============ */
.blw-proscons{display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.blw-proscons > *{min-width:0}
.blw-pc{
  background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--rad);
  padding:clamp(1rem,2vw,1.25rem);display:flex;flex-direction:column;gap:.7rem;
}
.blw-pc--pro{border-top:3px solid var(--accent)}
.blw-pc--con{border-top:3px solid var(--text-muted)}
.blw-pc__title{
  margin:0;font-family:var(--font-head);font-size:.9rem;
  letter-spacing:.14em;text-transform:uppercase;
}
.blw-pc--pro .blw-pc__title{color:var(--accent)}
.blw-pc--con .blw-pc__title{color:var(--text-muted)}
.blw-pc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.blw-pc li{display:flex;align-items:flex-start;gap:.55rem;margin:0;font-size:.94rem}
.blw-pc .blw-icon{width:1.1em;height:1.1em;margin-top:.25em}
.blw-pc--pro .blw-icon{color:var(--accent)}
.blw-pc--con .blw-icon{color:var(--text-muted)}

/* ============ QUOTE CARDS ============ */
.blw-quotes{display:grid;gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.blw-quotes > *{min-width:0}
.blw-quote{
  margin:0;background:var(--bg-panel);border:1px solid var(--border);
  border-inline-start:3px solid var(--accent-2);border-radius:var(--rad-sm);
  padding:clamp(1rem,2vw,1.25rem);display:flex;flex-direction:column;gap:.7rem;
}
.blw-quote blockquote{margin:0;font-size:.98rem;line-height:1.6}
.blw-quote figcaption{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}

/* ============ QUICK FACTS (section-level) ============ */
.blw-quickfacts{
  display:grid;gap:.6rem;
  grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));
  margin:0;
}
.blw-quickfacts > *{min-width:0}
/* по 6 карточек на /yukle/ и /aviator/ — 3×2 вместо 5+1 с сиротой */
@media (min-width:760px){.blw-quickfacts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.blw-quickfact{
  background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--rad-sm);
  padding:.8rem .95rem;display:flex;flex-direction:column;gap:.2rem;
}
.blw-quickfact dt{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin:0}
.blw-quickfact dd{margin:0;font-weight:600;font-size:.98rem;color:var(--text-main)}

/* ============ METHODOLOGY ============ */
.blw-method{
  background:var(--bg-main);border:1px dashed var(--border);border-radius:var(--rad);
  padding:clamp(1rem,2.2vw,1.4rem);display:flex;flex-direction:column;gap:1.15em;
}
.blw-method__title{margin:0;font-family:var(--font-head);font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}
.blw-method p{margin:0;color:var(--text-muted);font-size:.93rem}
.blw-method ul{margin:0;padding-inline-start:1.1rem;color:var(--text-muted);font-size:.93rem}

/* ============ RTP GRID ============ */
.blw-rtp{
  display:grid;gap:clamp(.6rem,1.5vw,1rem);
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (min-width:640px){.blw-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:960px){.blw-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.blw-rtp-item{
  position:relative;overflow:hidden;min-width:0;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--rad);
  display:flex;flex-direction:column;
}
.blw-rtp-item:hover{border-color:var(--accent)}
.blw-rtp-item__thumb{
  display:block;aspect-ratio:3/2;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#2A1A10 0%,#8A430F 60%,#FF7A1A 100%);
}
.blw-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.blw-rtp-item__name{
  display:block;padding:.55rem .65rem .25rem;
  font-family:var(--font-head);font-size:.88rem;font-weight:600;
  color:var(--text-main);line-height:1.3;
}
/* мета (провайдер/RTP/волатильность) больше не прячется под hover: это ключевые данные карточки.
   Тултип статичен и стоит ПОД названием — раньше на тач-устройствах он всплывал перед ним. */
.blw-rtp-tooltip{
  display:block;
  color:var(--accent-2);
  font-family:var(--font-mono);font-size:.76rem;letter-spacing:.04em;line-height:1.4;
  padding:0 .65rem .65rem;
}

/* ============ FAQ — SINGLE column ============ */
.blw-faq{display:block}
.blw-faq details{border-bottom:1px solid var(--border)}
.blw-faq details:last-of-type{border-bottom:0}
.blw-faq summary{
  cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;
  font-family:var(--font-head);font-size:1.02rem;color:var(--text-main);
  display:block;
}
.blw-faq summary::-webkit-details-marker{display:none}
.blw-faq summary::before{
  content:'+';margin-right:.5rem;
  color:var(--accent);font-family:var(--font-mono);font-weight:700;
}
.blw-faq details[open] summary::before{content:'−'}
.blw-faq summary:hover{color:var(--accent)}
.blw-faq details > :not(summary){padding:.5rem 0 1rem;color:var(--text-muted)}
.blw-faq details > :not(summary):last-child{margin-bottom:0}

/* ============ LEGAL BODY ============ */
/* сброс на main, а не на .blw-legal: на /qaydalar-ve-sertler/ два article и оба h2 нумеровались как «1.» */
main{counter-reset:blwlegal}
.blw-legal > h2{
  counter-increment:blwlegal;
  margin-top:3rem;margin-bottom:var(--sp-2);
  font-size:clamp(1.2rem,2.2vw,1.5rem);
  padding-bottom:.5rem;border-bottom:1px solid var(--border);
}
.blw-legal > h2:first-child{margin-top:0}
.blw-legal > h2::before{
  content:counter(blwlegal) ". ";
  font-family:var(--font-mono);color:var(--accent-2);font-size:.85em;
}
.blw-legal h3{margin-top:2rem}
/* основной текст страницы не должен подаваться цветом второстепенного */
.blw-legal p,.blw-legal li{color:var(--text-main)}
.blw-legal p{margin-bottom:1.3em}
.blw-legal p strong,.blw-legal li strong{color:var(--text-main)}
.blw-legal address{font-style:normal;color:var(--text-muted)}

/* ============ CTA BLOCK ============ */
.blw-cta{
  background:var(--bg-panel);
  border:1px solid var(--accent);
  border-top:3px solid var(--accent);
  border-radius:var(--rad-lg);
}
.blw-cta__inner{
  display:flex;flex-direction:column;gap:var(--sp-2);
  align-items:center;text-align:center;
  padding-block:0;
}
.blw-cta__inner h2{margin:0}
.blw-cta__inner p{margin:0;max-width:none;color:var(--text-muted)}
.blw-cta .blw-actions{justify-content:center}
.blw-cta .blw-fine{margin:0}

/* ============ FOOTER (light surface — dark logo) ============ */
.blw-footer{
  background:#F6EDE2;
  color:var(--text-dark);
  border-top:3px solid var(--accent);
  margin-top:clamp(1.5rem,4vw,2.5rem);
}
.blw-footer a{color:#8F3E00}
.blw-footer__top{
  display:grid;gap:clamp(1.4rem,3vw,2.4rem);
  grid-template-columns:1fr;
  padding-block:clamp(2rem,4vw,2.8rem);
}
.blw-footer__top > *{min-width:0}
@media (min-width:760px){.blw-footer__top{grid-template-columns:1.4fr 1fr 1fr}}
.blw-footer__brand{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}
.blw-footer__about{margin:0;font-size:.9rem;line-height:1.6;color:#5C4A3A}
.blw-footer__col h3{
  margin:0 0 .8rem;font-family:var(--font-mono);font-size:.72rem;
  letter-spacing:.2em;text-transform:uppercase;color:#8A6A46;
}
.blw-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.blw-footer__col li{margin:0}
/* без своего цвета пункты футера ничем не отличались от обычного текста */
.blw-footer__col a{font-size:.92rem;color:#8F3E00}
.blw-footer__col a:hover{color:#B24F00}
.blw-footer__contact{font-style:normal;font-size:.9rem;color:#5C4A3A;display:flex;flex-direction:column;gap:.3rem}
.blw-footer__disclaimer{
  border-top:1px solid var(--border-light);
  padding-block:var(--sp-3);
  display:flex;flex-direction:column;gap:.7rem;
}
.blw-footer__age{
  display:inline-flex;align-items:center;justify-content:center;
  align-self:flex-start;
  font-family:var(--font-head);font-weight:700;font-size:.82rem;letter-spacing:.06em;
  border:2px solid #8F3E00;color:#8F3E00;border-radius:var(--rad-sm);
  padding:.24rem .6rem;
}
.blw-footer__disclaimer p{margin:0;font-size:.83rem;line-height:1.6;color:#5C4A3A}
.blw-footer__bottom{
  border-top:1px solid var(--border-light);
  padding-block:var(--sp-3);
  display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;justify-content:space-between;align-items:center;
}
.blw-footer__bottom p{margin:0;font-size:.83rem;color:#5C4A3A}
.blw-footer__tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#8A6A46}

/* ============ МЕЛКИЙ ТЕКСТ НА МОБИЛЕ ============ */
/* 11–11.8px капсом с трекингом .14–.24em на телефоне читается плохо */
@media (max-width:600px){
  .blw-eyebrow{font-size:.8rem;letter-spacing:.14em}
  .blw-stat__label,.blw-quickfact dt,.blw-mini-stat__label{font-size:.8rem;letter-spacing:.08em}
  .blw-toc__title,.blw-footer__col h3,.blw-footer__tag{font-size:.78rem;letter-spacing:.14em}
  .blw-rtp-tooltip{font-size:.8rem}
  .blw-rtp{grid-template-columns:1fr}
}
@media (min-width:401px) and (max-width:600px){.blw-rtp{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
/* sa-responsive-net */
/* только шапка: nowrap на th[scope=row] раздувал справочные таблицы далеко за min-width */
table thead th{white-space:nowrap}
.blw-table tbody th{white-space:normal}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.blw-footer .blw-logo__img{filter:none;background:transparent;padding:0}
.blw-footer .blw-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.blw-logo__img{object-fit:contain}
/* sa-ph-media */
.blw-page-header:has(.blw-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.blw-page-header:has(.blw-hero__img) .blw-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.blw-page-header:has(.blw-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(.blw-page-header:has(.blw-hero__img)>:not(.blw-hero__img)){position:relative}
.blw-page-header:has(.blw-hero__img)>:not(.blw-hero__img){z-index:2}
.blw-page-header:has(.blw-hero__img),.blw-page-header:has(.blw-hero__img) h1,.blw-page-header:has(.blw-hero__img) a,.blw-page-header:has(.blw-hero__img) p,.blw-page-header:has(.blw-hero__img) li,.blw-page-header:has(.blw-hero__img) span{color:#fff}
/* sa-hero-media */
.blw-hero:has(>.blw-hero__img){position:relative;isolation:isolate}
.blw-hero:has(>.blw-hero__img)>.blw-hero__img{z-index:0}
.blw-hero:has(>.blw-hero__img)::after{z-index:1}
:where(.blw-hero:has(>.blw-hero__img)>:not(.blw-hero__img)){position:relative}
.blw-hero:has(>.blw-hero__img)>:not(.blw-hero__img){z-index:2}
/* sa-rhythm */
:where(.blw-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.blw-table-wrap)+p{margin-block-start:1rem}

/* Блочные компоненты (сетки карточек, dl, .blw-steps, ряды кнопок) не имеют собственных
   вертикальных отступов, поэтому идущий за ними абзац прилипал вплотную — например заметка
   «Crash formatının ətraflı izahı…» под .blw-features на /kazino/. Задаём ритм только там,
   где работает нормальный поток; flex-контейнеры со своим gap (.blw-panel, .blw-hero__text,
   .blw-cta__inner, .blw-page-header__inner) не трогаем — там margin сложился бы с gap. */
main > section > .blw-container:not(.blw-page-header__inner) > :where(.blw-features,.blw-cards,.blw-proscons,.blw-quotes,.blw-rtp,.blw-quickfacts,.blw-steps,.blw-stats,.blw-ratings,.blw-two-cols,.blw-actions,.blw-payments-strip,.blw-cats,.blw-toc,.blw-verdict,.blw-method,.blw-faq,.blw-overview__body) + *,
.blw-two-cols__main > :where(.blw-features,.blw-cards,.blw-proscons,.blw-quotes,.blw-rtp,.blw-quickfacts,.blw-steps,.blw-stats,.blw-ratings,.blw-actions,.blw-payments-strip,.blw-cats,.blw-checklist,.blw-table-wrap) + *,
.blw-overview__body > :where(.blw-features,.blw-cards,.blw-steps,.blw-actions,.blw-table-wrap) + *{margin-block-start:var(--sp-3)}

/* обратный случай: компонент после абзаца отделялся только 1.15em абзацного отступа */
main > section > .blw-container:not(.blw-page-header__inner) > * + :where(.blw-features,.blw-cards,.blw-proscons,.blw-quotes,.blw-rtp,.blw-quickfacts,.blw-steps,.blw-stats,.blw-ratings,.blw-two-cols,.blw-actions,.blw-payments-strip,.blw-cats,.blw-verdict,.blw-method,.blw-faq),
.blw-two-cols__main > * + :where(.blw-actions,.blw-checklist,.blw-cards,.blw-steps,.blw-payments-strip),
.blw-overview__body > * + :where(.blw-actions,.blw-cards,.blw-steps){margin-block-start:var(--sp-3)}
/* sa-slot-link */
.blw-rtp-item,.blw-rtp-item:hover,.blw-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}
/* sa-rtp-touch */
.blw-rtp-item__thumb{display:block}
/* sa-sticky-pad */