/* Responsible Gambling — frames robwaterhause-responsible-gambling (1:951) and
 * robwaterhause-responsible-gambling-mobile (12:4). Every number below comes from
 * tools/fig-spec.js on those frames; line-heights are the px the mockup reports.
 *
 * Desktop: each section is a two-column grid inside .container — the numbered
 * index column (292px, or 500px on the wide sections 03 and 05) and the content
 * column (832px, or a 508px card). Mobile ≤1199px follows the 390 frame: one
 * column, 32px block padding, 24px between blocks.
 *
 * The frames carried different copy for the same block; since the client edits of
 * 2026-09-16 (п.9–10) every block ships ONE version (the 1440 copy) and this sheet only
 * reflows it. Blocks that exist in one frame only are switched by their own rule.
 */

.rgmain { position: relative; }          /* anchor for the desktop index card */

/* ── hero (1:973 / 12:23) ─────────────────────────────────────────────── */
.rghero {
  position: relative; display: flex; align-items: center;
  height: 700px; overflow: hidden;
  background: var(--color-bg);
}
.rghero__glow {
  position: absolute; left: 550px; top: 50px; width: 800px; height: 600px;
  border-radius: 50%; background: var(--grad-glow); pointer-events: none;
  /* у 1:974 заливка потеряна (остался только blur); свечение взято с 12:24 — его
     рисует и мобильный фрейм, и betstop-секция, поэтому блок не оставлен пустым */
}
.rghero__inner { position: relative; width: 100%; }
.rghero__editorial { display: flex; flex-direction: column; gap: var(--space-32); width: 100%; max-width: 724px; }
.rghero__title {
  display: flex; flex-direction: column; gap: var(--space-4);
  font-family: var(--font-display); font-weight: 500;
  font-size: 92px;          /* в токенах нет: кегль только этого заголовка (1:978) */
  line-height: 82.8px; letter-spacing: -.0435em;   /* макет: -4px */
  color: var(--color-text);
}
.rghero__title span + span { color: var(--color-brand); }
.rghero__paras { display: flex; flex-direction: column; gap: var(--space-16); }
.rghero__p { font-size: var(--fs-body); line-height: 24px; color: var(--color-muted); }

/* ── «ON THIS PAGE» index (1:983 / 12:32 + 12:34) ─────────────────────── */
/* Desktop: a glass card floating over the hero at abs 852,216 — 106px below the
   top of <main>. Mobile: an ordinary block under the hero. */
.rgnav-slot { position: absolute; top: 106px; left: 0; right: 0; }
.rgnav-slot__inner { display: flex; justify-content: flex-end; }
.rgnav-sec { position: relative; width: 100%; max-width: 508px; }
.rgnav__label {
  position: absolute; top: var(--space-24); left: var(--space-24); z-index: 1;
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-caption); line-height: 14.04px;
  letter-spacing: .0909em; text-transform: uppercase; color: var(--color-muted);   /* макет: +1px */
}
.rgnav {
  padding: 50px var(--space-24) var(--space-24);   /* 24 + label 14 + 12 = 50 до первой строки */
  box-shadow: inset 0 0 0 1px var(--color-border); /* макет: белая обводка, не брендовая */
}
.rgnav__row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-12);
  height: 46px; padding: 0 var(--space-16);
  box-shadow: inset 0 -1px 0 var(--color-border);
  font-family: var(--font-display); font-weight: 600; font-size: var(--fs-body); line-height: 18.3px;
  color: var(--color-text); text-decoration: none;
  transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.rgnav__chev { width: 10px; height: 10px; flex: none; color: var(--color-muted); }
.rgnav__row:hover { background: rgba(255, 255, 255, .031); color: var(--color-text); }
.rgnav__row:hover .rgnav__chev { color: var(--color-brand); }
.rgnav__row:active { background: rgba(255, 255, 255, .06); }
.rgnav__row.is-active,
.rgmain:has(#rg-01:target) .rgnav__row[href="#rg-01"],
.rgmain:has(#rg-02:target) .rgnav__row[href="#rg-02"],
.rgmain:has(#rg-03:target) .rgnav__row[href="#rg-03"],
.rgmain:has(#rg-04:target) .rgnav__row[href="#rg-04"],
.rgmain:has(#rg-05:target) .rgnav__row[href="#rg-05"],
.rgmain:has(#rg-06:target) .rgnav__row[href="#rg-06"],
.rgmain:has(#rg-07:target) .rgnav__row[href="#rg-07"],
.rgmain:has(#rg-08:target) .rgnav__row[href="#rg-08"],
.rgmain:has(#rg-09:target) .rgnav__row[href="#rg-09"] {
  background: var(--color-burgundy); color: var(--color-brand-2);
  box-shadow: inset 0 -1px 0 var(--color-border-brand);
}
/* Once the reader targets a section, the default highlight on 01 steps aside —
   the list stays a live table of contents instead of a painted-on state. */
.rgmain:has(.rgsec:target) .rgnav__row.is-active {
  background: none; color: var(--color-text); box-shadow: inset 0 -1px 0 var(--color-border);
}
.rgmain:has(#rg-01:target) .rgnav__row[href="#rg-01"] { color: var(--color-brand-2); }

/* ── section dividers (1:1022 / 12:93) ────────────────────────────────── */
.rgdiv { height: 1px; }
.rgdiv__line { display: block; height: 1px; background: var(--color-border); }
.rgdiv--m { display: none; }   /* 390 рисует линию между 02 и 03, 1440 — нет */

/* ── section shell ────────────────────────────────────────────────────── */
.rgsec { padding-block: 110px; scroll-margin-top: 110px; }
.rgsec--burgundy { background: var(--color-burgundy); }
.rgsec__grid {
  /* между 1200 и 1440 контейнер уже 1172 = 292+48+832, поэтому колонки сжимаются */
  display: grid; grid-template-columns: 292px minmax(0, 832px); gap: var(--space-48);
  justify-content: start; align-items: start;
}
.rgsec--wide .rgsec__grid { grid-template-columns: minmax(0, 500px) minmax(0, 508px); }
.rgsec__side { display: flex; flex-direction: column; gap: var(--space-12); }
.rgsec__index {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-ui); line-height: 18px;
  letter-spacing: .1071em; text-transform: uppercase; color: var(--color-brand);   /* макет: +1.5px */
}
.rgsec__dash { display: none; }
.rgsec__title {
  font-family: var(--font-display); font-weight: 500; font-size: var(--fs-h3); line-height: 41.4px;
  letter-spacing: -.0417em; color: var(--color-text);   /* макет: -1.5px */
}
.rgsec__rule { display: block; width: 32px; height: 2px; border-radius: 1px; background: var(--color-brand); }
.rgsec__main { display: flex; flex-direction: column; gap: var(--space-32); min-width: 0; }
#rg-07 .rgsec__main { gap: var(--space-24); }
.rgsec__lead {
  font-family: var(--font-display); font-weight: 500; font-size: 18px; line-height: 22px;
  color: var(--color-text);
}
.rgnote a { color: var(--color-text); text-decoration: none; transition: color var(--dur-fast) var(--ease); }
.rgnote a:hover { color: var(--color-brand); }

/* shared arrow link (VISIT BETSTOP →, CONTACT US →, GAMBLING HELP →) */
.rglink {
  position: relative; display: inline-flex; align-items: center; gap: var(--space-6);
  font-family: var(--font-display); font-weight: 700; font-size: var(--fs-label); line-height: 16px;
  text-transform: uppercase; color: var(--color-brand); text-decoration: none;
  transition: color var(--dur-fast) var(--ease), gap var(--dur-fast) var(--ease);
}
.rglink::before { content: ""; position: absolute; inset: 50% 0 auto 0; translate: 0 -50%; height: 100%; min-height: 24px; }
.rglink:hover { color: var(--color-text); gap: var(--space-8); }

/* ── 01 · checklist + callout (1:1031, 1:1050 / 12:69, 12:88) ─────────── */
.rgcheck { display: flex; flex-direction: column; gap: var(--space-16); }
.rgcheck__item { display: flex; align-items: flex-start; gap: var(--space-12); min-height: 23px; }
.rgcheck__marker { flex: none; width: 8px; height: 2px; margin-top: 10.5px; border-radius: 1px; background: var(--color-brand); }
.rgcheck__text { font-size: var(--fs-body); line-height: 22.5px; color: var(--color-muted); }

.rgcall {
  display: flex; flex-direction: column; gap: var(--space-12);
  padding: var(--space-24);
  background: var(--color-surface); border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  box-shadow: inset 4px 0 0 var(--color-border-brand);   /* stroke {left:4}, INSIDE */
}
.rgcall__title {
  font-family: var(--font-display); font-weight: 700; font-size: var(--fs-lead); line-height: 20px;
  letter-spacing: .0313em; text-transform: uppercase; color: var(--color-text);
}
.rgcall__text { font-size: var(--fs-ui); line-height: 22px; color: var(--color-muted); }
.rgcall__link { display: none; }
.rgcall--notice { gap: var(--space-8); }
.rgcall__title--sm { font-size: var(--fs-ui); line-height: 17.08px; letter-spacing: 0; }
.rgcall__text--sm { font-size: var(--fs-label); line-height: 20px; }

/* ── 02 · control centre (1:1062) ─────────────────────────────────────── */
.rgbox {
  display: flex; flex-direction: column; gap: var(--space-24); padding: var(--space-32);
  background: var(--color-surface); border-radius: var(--radius-xl);
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgbox__head { display: flex; flex-direction: column; gap: var(--space-24); }
.rgbox__kicker {
  display: flex; align-items: center; gap: var(--space-8);
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-caption); line-height: 14.04px;
  letter-spacing: .1818em; text-transform: uppercase; color: var(--color-brand-2);   /* макет: +2px */
}
.rgbox__ind { flex: none; width: 12px; height: 1px; background: var(--color-brand); }
.rgbox__title {
  font-family: var(--font-display); font-weight: 600; font-size: var(--fs-h5); line-height: 29.28px;
  color: var(--color-text);
}
.rgtools { display: flex; flex-direction: column; gap: var(--space-20); }
.rgtool {
  display: flex; flex-direction: column; gap: var(--space-12); padding: var(--space-20);
  background: var(--color-bg); border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgtool__label {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-ui); line-height: 18px;
  text-transform: uppercase; color: var(--color-brand-2);
}
.rgtool__text { font-size: var(--fs-ui); line-height: 21px; color: var(--color-muted); }

/* ── 03 · self-exclusion (1:1088, 1:1094 / 12:128, 12:131) ────────────── */
.rgprose { display: flex; flex-direction: column; gap: var(--space-24); padding-top: var(--space-24); }
.rgprose--05 { gap: var(--space-16); }   /* 1:1141 */
.rgprose__p { font-size: var(--fs-body); line-height: 24px; color: var(--color-muted); }
.rgprose__p--strong { color: var(--color-text); }
.rgclose { display: flex; flex-direction: column; gap: var(--space-8); padding-top: var(--space-16); }
.rgclose__label {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-label); line-height: 17px;
  letter-spacing: .0769em; text-transform: uppercase; color: var(--color-brand);
}
.rgclose__text { font-size: var(--fs-ui); line-height: 22px; color: var(--color-muted); }

.rgbetstop {
  display: flex; flex-direction: column; gap: var(--space-24); padding: var(--space-32);
  background: var(--color-surface-glass); border-radius: 0 var(--radius-xl) var(--radius-xl) 0;
  box-shadow: inset 3px 0 0 var(--color-border-brand);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
}
.rgbetstop__titles { display: flex; flex-direction: column; gap: var(--space-4); }
.rgbetstop__name {
  font-family: var(--font-display); font-weight: 700; font-size: 32px; line-height: 39.04px;
  letter-spacing: -.0469em; text-transform: uppercase; color: var(--color-text);
}
.rgbetstop__sub {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-caption); line-height: 14.04px;
  letter-spacing: .0909em; text-transform: uppercase; color: var(--color-brand-2);
}
.rgbetstop__text { font-size: var(--fs-ui); line-height: 21px; color: var(--color-muted); }
.rgbetstop__cta { display: flex; flex-direction: column; gap: var(--space-12); }
.rgbetstop__call {
  font-family: var(--font-display); font-weight: 700; font-size: var(--fs-body); line-height: 18.3px;
  color: var(--color-text);
}
.rgbetstop__call a { position: relative; text-decoration: none; transition: color var(--dur-fast) var(--ease); }
/* тап-зона 24px псевдоэлементом — строка 18.3px, паддинг менял бы габарит */
.rgbetstop__call a::before { content: ""; position: absolute; inset: 50% 0 auto 0; translate: 0 -50%; height: 100%; min-height: 24px; }
.rgbetstop__call a:hover { color: var(--color-brand); }
.rgbetstop__btn {
  display: flex; align-items: center; justify-content: center; height: 45px;
  border-radius: var(--radius-pill); background: var(--color-bg);
  box-shadow: inset 0 0 0 1px var(--color-border);
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-label); line-height: 17px;
  text-transform: uppercase; color: var(--color-brand); text-decoration: none;
  transition: background-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.rgbetstop__btn:hover { background: var(--color-surface-2); box-shadow: inset 0 0 0 1px var(--color-border-brand-2); color: var(--color-brand-hover); }
.rgbetstop__btn:active { background: var(--color-bg-deep); }

/* ── 04 · self-assessment (1:1114 / 12:149) ───────────────────────────── */
.rgask { display: flex; flex-direction: column; gap: var(--space-8); }
.rgask__kicker {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-caption); line-height: 14.04px;
  letter-spacing: .0909em; text-transform: uppercase; color: var(--color-muted);
}
.rgask__lead {
  font-family: var(--font-display); font-weight: 500; font-size: 18px; line-height: 22px;
  color: var(--color-text);
}
.rgq {
  background: var(--color-surface); border-radius: var(--radius-xl); overflow: hidden;
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgq__row {
  display: flex; align-items: flex-start; gap: var(--space-16); padding: var(--space-20);
  box-shadow: inset 0 -1px 0 var(--color-border);
}
.rgq__num {
  flex: none; font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-ui); line-height: 18px;
  color: var(--color-brand);
}
.rgq__text { font-size: var(--fs-ui); line-height: 19.12px; color: var(--color-text); }
.rgnote { font-size: var(--fs-ui); line-height: 21px; color: var(--color-muted); }
.rgnote--lead { font-size: var(--fs-body); line-height: 22.5px; }

/* ── 05 · what to review (1:1144 / 12:176) ────────────────────────────── */
.rgrev {
  display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-32);
  background: var(--color-surface); border-radius: var(--radius-xl);
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgrev__label {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-ui); line-height: 18px;
  letter-spacing: .0714em; text-transform: uppercase; color: var(--color-brand-2);
}
.rgrev__list { display: flex; flex-direction: column; gap: var(--space-12); }
.rgrev__item { display: flex; flex-direction: column; gap: var(--space-4); }
.rgrev__row { display: flex; align-items: center; gap: var(--space-8); }
.rgrev__dot { flex: none; width: 6px; height: 6px; border-radius: 1px; background: var(--color-brand); }
.rgrev__name { font-size: var(--fs-ui); line-height: 19.12px; color: var(--color-text); }
.rgrev__desc { padding-left: 14px; font-size: var(--fs-label); line-height: 18px; color: var(--color-muted); }   /* 6px dot + 8px gap */

/* ── 06 · age & payment (1:1173, 1:1178 / 12:217, 12:222) ─────────────── */
.rgpanels { display: flex; gap: var(--space-24); align-items: flex-start; }
.rgpanel {
  flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-24);
  background: var(--color-surface); border-radius: var(--radius-lg);
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgpanel__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); min-height: 23px; }
.rgpanel__title {
  font-family: var(--font-display); font-weight: 700; font-size: 18px; line-height: 22px;
  text-transform: uppercase; color: var(--color-text);
}
.rgpanel__badge { font-family: var(--font-mono); font-weight: 700; font-size: 18px; line-height: 23px; color: var(--color-brand); }
.rgpanel__text { font-size: var(--fs-ui); line-height: 22px; color: var(--color-muted); }
.rgpanel__pill {
  display: flex; align-items: center; gap: var(--space-8);
  padding-top: var(--space-8); min-height: 24px;
  box-shadow: inset 0 1px 0 var(--color-border-brand);
}
.rgpanel__pill-tag {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-small); line-height: 15.31px;
  text-transform: uppercase; color: var(--color-brand);
}
.rgpanel__pill-note { font-size: var(--fs-small); line-height: 16.39px; color: var(--color-muted); }

/* ── 07 · support directory (1:1193 / 12:237) ─────────────────────────── */
.rgtable {
  display: block; width: 100%; border-collapse: collapse; overflow: hidden;
  background: var(--color-surface); border-radius: var(--radius-lg);
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgtable__head, .rgtable__body { display: block; }
.rgtable th, .rgtable td { padding: 0; }   /* UA-стиль даёт 1px и ломает высоту строки */
.rgtable__tel { color: var(--color-brand-2); display: flex; }
.rgtable__row {
  display: grid; grid-template-columns: 220px minmax(0, 1fr) 150px; align-items: center;   /* 1fr = 430 при 832 */
  padding: var(--space-16); box-shadow: inset 0 -1px 0 var(--color-border);
}
.rgtable__head .rgtable__row { background: var(--color-bg-deep); box-shadow: none; }
.rgtable__th {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-caption); line-height: 14.04px;
  text-transform: uppercase; text-align: left; color: var(--color-text);   /* макет: трекинг 0 */
}
.rgtable__th.rgtable__c1, .rgtable__th.rgtable__c3 { color: var(--color-brand); }
.rgtable__c3 { text-align: right; }   /* макет: колонка CONTACT выключена вправо */
.rgtable__name {
  font-family: var(--font-display); font-weight: 700; font-size: var(--fs-label); line-height: 16px;
  text-transform: uppercase; text-align: left; color: var(--color-text);
}
.rgtable__desc { font-size: var(--fs-label); line-height: 18px; color: var(--color-muted); }
.rgtable__tel a {
  position: relative; display: block;
  font-family: var(--font-display); font-weight: 700; font-size: var(--fs-label); line-height: 16px;
  color: var(--color-brand-2); text-decoration: none;
  transition: color var(--dur-fast) var(--ease);
}
.rgtable__tel a::before { content: ""; position: absolute; inset: 50% 0 auto 0; translate: 0 -50%; height: 100%; min-height: 24px; }
.rgtable__tel a:hover { color: var(--color-text); }

/* ── 08 · our responsibilities (1:1222 / 12:262) ──────────────────────── */
.rgduty {
  display: flex; gap: var(--space-16); align-items: flex-start; padding: var(--space-24);
  background: var(--color-surface); border-radius: var(--radius-xl);
  box-shadow: inset 0 0 0 1px var(--color-border);
}
.rgduty__col { flex: 1 1 0; display: flex; flex-direction: column; gap: var(--space-12); min-width: 0; }
/* 1:1228 / 1:1234 — линия нулевой ширины в ряду, рисуется вправо на 160px */
.rgduty__line { position: relative; flex: none; width: 0; align-self: stretch; }
.rgduty__line::before { content: ""; position: absolute; left: 0; top: 0; width: 160px; height: 1px; background: var(--color-border); }
.rgduty__icon { display: block; width: 20px; height: 20px; color: var(--color-brand); }
.rgduty__icon .icon { width: 20px; height: 20px; }
.rgduty__title {
  font-family: var(--font-display); font-weight: 700; font-size: var(--fs-body); line-height: 18.3px;
  text-transform: uppercase; color: var(--color-text);
}
/* Figma меряет строку без парного кернинга: с кернингом браузер вмещает на слово
 * больше и абзац теряет строку против макета (12:265 — 6 строк, не 5). */
.rgduty__text { font-size: var(--fs-small); line-height: 19px; font-kerning: none; color: var(--color-muted); }

/* ── 09 · regulation (1:1248 / 12:280) ────────────────────────────────── */
.rginfo { display: flex; flex-direction: column; gap: var(--space-24); }
.rginfo__block { display: flex; flex-direction: column; gap: var(--space-8); }
.rginfo__block--wide { gap: var(--space-12); }
.rginfo__label {
  font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-small); line-height: 15.31px;
  letter-spacing: .0833em; text-transform: uppercase; color: var(--color-text);
}
.rginfo__text { font-size: var(--fs-ui); line-height: 22px; color: var(--color-muted); }
/* LINE-узел в макете имеет высоту 0 — обводка не раздвигает колонку */
.rginfo__line { height: 1px; margin-block: -.5px; background: var(--color-border); }
.rginfo__cta { color: var(--color-brand); line-height: 16px; }

/* ── 1200…1439: контейнер уже 1280, карточка индекса легла бы на текст ───── */
@media (min-width: 1200px) and (max-width: 1439px) {
  .rghero { height: auto; min-height: 700px; padding-block: var(--space-80); }
  .rghero__editorial { max-width: calc(100% - 556px); }   /* 508 карточка + 48 зазор */
}

/* ── mobile: the 390 frame ────────────────────────────────────────────── */
@media (max-width: 1199px) {

  .rghero { display: block; height: auto; padding-block: var(--space-40) var(--space-32); }
  .rghero__glow { left: 45px; top: 20px; width: 300px; height: 300px; }
  .rghero__editorial { width: auto; gap: var(--space-16); }
  .rghero__title { display: block; font-size: var(--fs-h3); line-height: 37.8px; letter-spacing: -.0556em; }
  .rghero__title span + span { color: inherit; }
  .rghero__p { font-size: var(--fs-ui); line-height: 21px; }

  .rgnav-slot { position: static; }
  .rgnav-slot__inner { display: block; }
  .rgnav-sec { position: static; width: auto; display: flex; flex-direction: column; gap: var(--space-12); padding-bottom: var(--space-40); }
  .rgnav__label { position: static; }
  .rgnav { padding: 0; }
  .rgnav__row { height: 48px; font-weight: 600; font-size: var(--fs-ui); line-height: 17.08px; }

  .rgdiv { height: auto; padding-block: var(--space-12); }
  .rgdiv .container { padding-inline: 0; }
  .rgdiv--d { display: none; }
  .rgdiv--m { display: block; }

  .rgsec { padding-block: var(--space-32); }
  .rgsec__grid { display: block; }
  .rgsec__index { display: flex; align-items: center; gap: var(--space-8); font-size: var(--fs-caption); line-height: 14.04px; letter-spacing: .1818em; color: var(--color-brand-2); }
  .rgsec__dash { display: block; flex: none; width: 12px; height: 2px; border-radius: 1px; background: var(--color-brand); }
  .rgsec__title { font-size: var(--fs-h4); line-height: 34.16px; letter-spacing: -.0357em; }
  .rgsec__rule { display: none; }
  .rgsec__main { gap: var(--space-24); margin-top: var(--space-24); }
  #rg-07 .rgsec__main { gap: var(--space-24); }
  .rgsec__lead { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-ui); line-height: 21px; color: var(--color-muted); }

  .rgcheck { gap: 14px; }
  .rgcheck__item { min-height: 20px; }
  .rgcheck__marker { margin-top: 9px; }
  .rgcheck__text { font-size: var(--fs-ui); line-height: 20px; }

  .rgcall { padding: var(--space-20); }
  .rgcall__title { font-size: var(--fs-body); line-height: 18.3px; letter-spacing: .0333em; }
  .rgcall__text { font-size: var(--fs-label); line-height: 20px; }
  .rgcall__link { display: block; line-height: 16px; }
  .rgcall--notice { display: none; }

  .rgbox { padding: 0; gap: 0; background: none; border-radius: 0; box-shadow: none; }
  .rgbox__head { display: none; }
  .rgtools { gap: var(--space-16); }
  .rgtool { padding: 18px; gap: 10px; border-radius: var(--radius-lg); background: var(--color-surface); }
  .rgtool__label { font-size: var(--fs-small); line-height: 15.31px; }
  .rgtool__text { font-size: var(--fs-label); line-height: 18px; }

  .rgprose, .rgprose--05 { gap: var(--space-24); padding-top: var(--space-12); }
  .rgprose__p, .rgprose__p--strong { font-size: var(--fs-ui); line-height: 21px; color: var(--color-muted); }
  .rgclose {
    padding: var(--space-16); border-radius: var(--radius-lg);
    box-shadow: inset 0 0 0 1px var(--color-border);
  }
  .rgclose__label { font-size: var(--fs-small); line-height: 15.31px; letter-spacing: .0833em; color: var(--color-brand-2); }
  .rgclose__text { font-size: var(--fs-label); line-height: 20px; }

  .rgbetstop { padding: var(--space-20); gap: var(--space-16); border-radius: 0 var(--radius-lg) var(--radius-lg) 0; }
  .rgbetstop__name { font-size: var(--fs-h5); line-height: 29.28px; letter-spacing: -.0417em; }
  .rgbetstop__sub { font-size: var(--fs-micro); line-height: 13px; letter-spacing: .1em; }
  .rgbetstop__text { font-size: var(--fs-label); line-height: 18px; }
  .rgbetstop__btn { height: 39px; font-size: var(--fs-small); line-height: 15.31px; color: var(--color-brand-2); }

  .rgask { gap: var(--space-6); }
  .rgask__lead { font-family: var(--font-body); font-weight: 400; font-size: var(--fs-ui); line-height: 21px; color: var(--color-muted); }
  .rgq__row { padding: var(--space-16); gap: var(--space-12); }
  .rgq__num { color: var(--color-brand-2); }
  .rgq__text { font-size: var(--fs-label); line-height: 18px; }
  .rgnote { font-size: var(--fs-label); line-height: 20px; }
  .rgnote--lead { font-size: var(--fs-ui); line-height: 21px; }

  .rgrev { padding: 0; gap: 0; background: none; border-radius: 0; box-shadow: none; }
  .rgrev__label { display: none; }
  .rgrev__item {
    gap: var(--space-6); padding: var(--space-16);
    background: var(--color-surface); border-radius: 10px;
    box-shadow: inset 0 0 0 1px var(--color-border);
  }
  .rgrev__dot { border-radius: 50%; }
  .rgrev__name {
    font-family: var(--font-mono); font-weight: 700; font-size: var(--fs-small); line-height: 15px;
    letter-spacing: 0; text-transform: uppercase;
  }
  .rgrev__desc { padding-left: 0; }

  .rgpanels { flex-direction: column; gap: var(--space-16); }
  .rgpanel { padding: var(--space-20); gap: var(--space-12); }
  .rgpanel__head { min-height: 20px; }
  .rgpanel__title { font-size: var(--fs-lead); line-height: 20px; }
  .rgpanel__badge { font-size: var(--fs-lead); line-height: 20.42px; }
  .rgpanel__text { font-size: var(--fs-label); line-height: 20px; }
  /* 390: плашка «DEBIT CARDS ONLY» стоит под заголовком, а не под текстом */
  .rgpanel--pay { gap: 0; }
  .rgpanel--pay .rgpanel__title { order: 1; }
  .rgpanel--pay .rgpanel__pill { order: 2; margin-top: var(--space-6); }
  .rgpanel--pay .rgpanel__text { order: 3; margin-top: var(--space-12); }
  .rgpanel__pill {
    align-self: flex-start; min-height: 0; padding: var(--space-4) var(--space-8);
    background: var(--color-burgundy); border-radius: var(--radius-sm);
    box-shadow: inset 0 0 0 1px var(--color-border-brand);
  }
  .rgpanel__pill-tag { font-size: var(--fs-micro); line-height: 13px; color: var(--color-brand-2); }
  .rgpanel__pill-note { display: none; }

  .rgtable { background: none; border-radius: 0; box-shadow: none; overflow: visible; }
  .rgtable__head { display: none; }
  .rgtable__body { display: flex; flex-direction: column; gap: var(--space-12); }
  .rgtable__row {
    display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px;
    background: var(--color-surface); border-radius: var(--radius-lg);
    box-shadow: inset 0 0 0 1px var(--color-border);
  }
  .rgtable__name { font-size: var(--fs-ui); line-height: 17.08px; }
  .rgtable__desc { font-size: var(--fs-label); line-height: 18px; }
  .rgtable__c3 { text-align: left; }
  .rgtable__tel a { font-family: var(--font-mono); font-size: var(--fs-ui); line-height: 18px; }

  .rgduty { flex-direction: column; gap: var(--space-12); padding: 0; background: none; border-radius: 0; box-shadow: none; }
  .rgduty__col {
    gap: 10px; padding: 18px;
    background: var(--color-surface); border-radius: var(--radius-lg);
    box-shadow: inset 0 0 0 1px var(--color-border);
  }
  .rgduty__icon, .rgduty__line { display: none; }
  .rgduty__title { font-size: var(--fs-ui); line-height: 17.08px; }
  .rgduty__text { font-size: var(--fs-label); line-height: 20px; }

  .rginfo__text { font-size: var(--fs-label); line-height: 20px; }
}

/* ── below the 390 frame ──────────────────────────────────────────────── */
@media (max-width: 389px) {
  .rghero__title { font-size: 32px; line-height: 34px; }
  .rgpanel__head { flex-wrap: wrap; }
}