.accumulator-catalog-page .accumulator-catalog {
  color: #0f1720;
  container-type: inline-size;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.accumulator-catalog-page .accumulator-catalog__intro {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accumulator-catalog-page .accumulator-catalog__intro h1 {
  margin: 0;
  color: #101422;
  font-size: clamp(28px, 5cqi, 34px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.1;
}

.accumulator-catalog-page .accumulator-catalog__intro p {
  max-width: 620px;
  margin: 0;
  color: #4c6679;
  font-size: 15px;
  line-height: 1.55;
  text-wrap: pretty;
}

.accumulator-catalog-page .accumulator-catalog-section { margin-top: clamp(28px, 5.3cqi, 36px); }
.accumulator-catalog-page .accumulator-section-heading,
.accumulator-catalog-page .accumulator-archive__heading > div:first-child,
.accumulator-catalog-page .accumulator-statistics__heading > div { display: flex; flex-direction: column; gap: 4px; }
.accumulator-catalog-page .section-label { margin: 0; color: #1f9d55; font-size: 12px; font-weight: 800; letter-spacing: .12em; line-height: 1.35; text-transform: uppercase; }
.accumulator-catalog-page h2 { margin: 0; color: #0f1720; font-size: clamp(20px, 3.55cqi, 24px); font-weight: 800; letter-spacing: -.025em; line-height: 1.2; }
.accumulator-active-list { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }

.accumulator-active-card {
  --card-bg: #fff;
  --card-border: #d3e5f2;
  --card-hover: #a9cde9;
  --card-shadow: rgba(30,100,170,.32);
  --card-accent: #2b6cd4;
  --card-cta: #b0d6f2;
  --card-solid: #2b6cd4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 16px;
  padding: clamp(14px, 2.65cqi, 18px);
  border: 1px solid var(--card-border);
  border-radius: 14px;
  background: var(--card-bg);
  color: #0f1720;
  text-decoration: none;
  transition: border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.accumulator-active-card:hover,
.accumulator-active-card:focus { border-color: var(--card-hover); box-shadow: 0 12px 28px -14px var(--card-shadow); color: #0f1720; text-decoration: none; }
.accumulator-active-card:focus-visible { outline: 2px solid var(--card-solid); outline-offset: 3px; }
.accumulator-active-card__date { display: flex; width: clamp(68px, 12.4cqi, 84px); flex: none; flex-direction: column; align-items: flex-start; justify-content: center; color: #0f1720; font-style: normal; }
.accumulator-active-card__date > strong { display: flex; flex-direction: column; font-weight: 800; }
.accumulator-active-card__date > strong b { font-size: clamp(28px, 5cqi, 34px); font-weight: 800; letter-spacing: -.03em; line-height: 1.05; }
.accumulator-active-card__date > strong span { font-size: 13px; line-height: 1.3; }
.accumulator-active-card__date > small { margin-top: 3px; color: #5f6b78; font-size: 13px; font-weight: 500; }
.accumulator-active-card__date > em { margin-top: 10px; padding: 3px 9px; border-radius: 999px; background: #fff; box-shadow: 0 1px 3px rgba(16,24,40,.08); color: var(--card-accent); font-size: 11.5px; font-style: normal; font-weight: 800; line-height: 1.3; }
.accumulator-active-card__date > em.is-live { background: #df3f45; box-shadow: 0 4px 10px -3px rgba(223,63,69,.6); color: #fff; }
.accumulator-active-card__body { display: flex; min-width: 0; flex: 999 1 220px; align-self: stretch; flex-direction: column; justify-content: center; gap: 10px; padding-left: 16px; border-left: 1px solid rgba(15,23,32,.07); }
.accumulator-active-card__sports,
.accumulator-active-card__metrics { display: flex; flex-wrap: wrap; gap: clamp(4px, .9cqi, 6px); }
.accumulator-active-card__sports small { padding: 4px clamp(6px, 1.2cqi, 8px); border-radius: 7px; background: #fff; color: var(--card-accent); font-size: clamp(10px, 1.55cqi, 10.5px); font-weight: 800; letter-spacing: clamp(.4px, .15cqi, 1.05px); line-height: 1.2; text-transform: uppercase; }
.accumulator-active-card__sports small.is-more { color: #6d7681; letter-spacing: .04em; }
.accumulator-active-card__copy { display: flex; flex-direction: column; gap: 3px; }
.accumulator-active-card__copy h3 { margin: 0; color: #0f1720; font-size: clamp(16px, 2.65cqi, 18px); font-weight: 800; letter-spacing: -.02em; line-height: 1.25; }
.accumulator-active-card__copy > small { color: #5f6b78; font-size: 13px; font-weight: 500; line-height: 1.4; }
.accumulator-active-card__metrics > span { display: inline-flex; align-items: baseline; gap: 4px; padding: 6px 9px; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(16,24,40,.05); }
.accumulator-active-card__metrics small { color: #5f6b78; font-size: 12.5px; font-weight: 600; }
.accumulator-active-card__metrics strong { font-size: 15px; font-weight: 800; }
.accumulator-active-card__metrics strong.is-accent { color: #136a3b; }
.accumulator-active-card__action { display: flex; flex: 1 0 auto; align-items: center; }
.accumulator-active-card__action > span { display: inline-flex; min-width: 112px; flex: 1; align-items: center; justify-content: center; gap: 6px; padding: 11px 14px 11px 18px; border: 2px solid var(--card-cta); border-radius: 999px; background: #fff; color: #0f1720; font-size: 14.5px; font-weight: 700; white-space: nowrap; transition: background .15s ease, border-color .15s ease, color .15s ease; }
.accumulator-active-card:hover .accumulator-active-card__action > span,
.accumulator-active-card:focus .accumulator-active-card__action > span { border-color: var(--card-solid); background: var(--card-solid); color: #fff; }
.accumulator-active-card__action i { font-size: 16px; }

.accumulator-empty-state { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 16px; padding: 28px 24px; border: 1.5px dashed #d9dee5; border-radius: 14px; background: #fff; text-align: center; }
.accumulator-empty-state > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: #fdf1ec; color: #e2683c; }
.accumulator-empty-state svg { width: 24px; height: 24px; }
.accumulator-empty-state strong { font-size: 17px; font-weight: 800; }
.accumulator-empty-state p { max-width: 420px; margin: 0; color: #6d7681; font-size: 14px; line-height: 1.5; }

.accumulator-catalog-page .accumulator-statistics { display: flex; flex-direction: column; gap: 14px; margin-top: clamp(32px, 6.5cqi, 44px); padding: clamp(16px, 3.25cqi, 22px); border: 1px solid #edf0f3; border-radius: 14px; background: #f6f7f9; }
.accumulator-statistics__heading { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.accumulator-statistics__heading h2 { font-size: clamp(19px, 3.25cqi, 22px); }
.accumulator-statistics__heading > small { color: #6d7681; font-size: 13px; font-weight: 500; }
.accumulator-statistics__summary { padding: 16px 18px; border: 1px solid #edf0f3; border-radius: 14px; background: #fff; }
.accumulator-statistics__kpis { display: grid; grid-template-columns: repeat(auto-fit,minmax(118px,1fr)); gap: 14px 16px; }
.accumulator-statistics__kpis > span { display: flex; flex-direction: column; gap: 2px; }
.accumulator-statistics__kpis strong { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.accumulator-statistics__kpis strong.is-success,
.accumulator-statistics__table-row strong.is-success { color: #1d8f4e; }
.accumulator-statistics__kpis small { color: #6d7681; font-size: 12.5px; font-weight: 500; }
.accumulator-chart { margin-top: 18px; }
.accumulator-chart__bars { position: relative; display: flex; height: 64px; gap: 3px; }
.accumulator-chart__average { position: absolute; right: 0; left: 0; z-index: 0; border-top: 1px dashed #9aa4b2; pointer-events: none; }
.accumulator-chart__bar { position: relative; z-index: 1; display: flex; min-width: 2px; height: 100%; flex: 1; align-items: flex-end; padding: 0; border: 0; background: transparent; cursor: pointer; }
.accumulator-chart__bar > i { display: block; width: 100%; min-height: 2px; border-radius: 3px 3px 1px 1px; background: #cfeadb; transition: background .12s ease; }
.accumulator-chart__bar > i.is-above { background: #8fd3ab; }
.accumulator-chart__bar:hover > i,
.accumulator-chart__bar:focus > i,
.accumulator-chart__bar.is-active > i { background: #1f9d55; }
.accumulator-chart__bar:focus-visible { outline: 2px solid #2b7fbf; outline-offset: 2px; }
.accumulator-chart__tooltip { position: absolute; bottom: calc(100% + 8px); z-index: 3; padding: 7px 10px; border-radius: 9px; background: #0f1720; box-shadow: 0 8px 20px -6px rgba(15,23,32,.45); color: #fff; font-size: 12px; pointer-events: none; white-space: nowrap; }
.accumulator-chart__tooltip strong,
.accumulator-chart__tooltip small { display: block; }
.accumulator-chart__tooltip small { margin-top: 2px; color: #c9d1db; }
.accumulator-chart__axis { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; color: #98a1ad; font-size: 11.5px; font-weight: 500; }
.accumulator-chart__axis span:nth-child(2) { display: flex; align-items: center; gap: 6px; }
.accumulator-chart__axis i { width: 16px; border-top: 1px dashed #9aa4b2; }
.accumulator-statistics__table { overflow: hidden; border: 1px solid #edf0f3; border-radius: 14px; background: #fff; }
.accumulator-statistics__table-head,
.accumulator-statistics__table-row { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,.9fr); gap: clamp(8px,1.8cqi,12px); }
.accumulator-statistics__table-head { padding: 10px clamp(12px,2.35cqi,16px); border-bottom: 1px solid #eff1f5; background: #fafbfc; color: #8a93a0; font-size: clamp(10px,1.62cqi,11px); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.accumulator-statistics__table-head span:not(:first-child),
.accumulator-statistics__table-row > *:not(:first-child) { text-align: right; }
.accumulator-statistics__table-row { align-items: center; padding: 10px clamp(12px,2.35cqi,16px); border-bottom: 1px solid #f2f4f7; font-size: clamp(13px,2.06cqi,14px); font-variant-numeric: tabular-nums; }
.accumulator-statistics__table-row > span:first-child strong { font-weight: 600; }
.accumulator-statistics__table-row > span:first-child small { color: #98a1ad; font-weight: 500; }
.accumulator-statistics__table-row > strong { font-weight: 600; }
.accumulator-statistics__table-row > span:nth-child(4) { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.accumulator-statistics__table-row > span:nth-child(4) > i { display: block; width: 52px; height: 5px; overflow: hidden; border-radius: 3px; background: #eef0f4; }
.accumulator-statistics__table-row > span:nth-child(4) b { display: block; height: 100%; border-radius: 3px; background: #22a45d; }
.accumulator-statistics__table-row > span:nth-child(4) strong { min-width: 36px; font-weight: 700; }
.accumulator-statistics__table-row.is-statistics-hidden,
.accumulator-archive-row.is-load-more-hidden { display: none; }
.accumulator-statistics__table.is-expanded .accumulator-statistics__table-row.is-statistics-hidden,
.accumulator-archive-list.is-expanded .accumulator-archive-row.is-load-more-hidden { display: grid; }
.accumulator-statistics__toggle { display: flex; width: 100%; align-items: center; justify-content: center; gap: 6px; padding: 12px 16px; border: 0; background: transparent; color: #485468; font-size: 13.5px; font-weight: 700; cursor: pointer; }
.accumulator-statistics__toggle:hover { background: #fafbfc; }
.accumulator-statistics__toggle i { transition: transform .15s ease; }
.accumulator-statistics__table.is-expanded .accumulator-statistics__toggle i { transform: rotate(180deg); }
.accumulator-statistics__empty,
.accumulator-archive__empty { margin: 0; padding: 20px; border-radius: 12px; background: #fff; color: #6d7681; text-align: center; }

.accumulator-catalog-page .accumulator-archive { display: flex; flex-direction: column; gap: 10px; margin-top: clamp(32px,6.5cqi,44px); }
.accumulator-archive__heading { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 6px; }
.accumulator-archive__legend { display: flex; flex-wrap: wrap; gap: 14px; padding-bottom: 4px; color: #6d7681; }
.accumulator-archive__legend small { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; }
.accumulator-archive__legend i,
.accumulator-result-markers i { display: block; width: 9px; height: 9px; flex: none; border-radius: 2.5px; }
.accumulator-archive__legend i.is-success,
.accumulator-result-markers i.is-success { background: #22a45d; }
.accumulator-archive__legend i.is-fail,
.accumulator-result-markers i.is-fail { background: #f2b8bb; }
.accumulator-archive__legend i.is-return,
.accumulator-result-markers i.is-unknown { background: #79bce9; }
.accumulator-archive__legend i.is-wait,
.accumulator-result-markers i.is-wait { background: #d5dbe3; }
.accumulator-archive-head,
.accumulator-archive-row { display: grid; grid-template-columns: 154px 1px minmax(0,1fr) 54px 56px 14px; column-gap: 12px; }
.accumulator-archive-head { position: sticky; top: 0; z-index: 2; padding: 8px 15px; background: #fff; color: #8a93a0; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.accumulator-archive-head > span:not(:first-child) { text-align: right; }
.accumulator-archive-list { display: flex; flex-direction: column; gap: 10px; }
.accumulator-archive-row { align-items: center; padding: 14px; border: 1px solid #e3e8ef; border-radius: 14px; background: #fff; color: #0f1720; text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease, color .15s ease; }
.accumulator-archive-row:hover,
.accumulator-archive-row:focus { border-color: #cdd5df; box-shadow: 0 8px 22px -12px rgba(16,24,40,.18); color: #0f1720; text-decoration: none; }
.accumulator-archive-row:focus-visible { outline: 2px solid #2b7fbf; outline-offset: 3px; }
.accumulator-archive-row__date { display: flex; flex-direction: column; gap: 1px; }
.accumulator-archive-row__date strong { font-size: 15px; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; }
.accumulator-archive-row__date small { color: #6d7681; font-size: 12.5px; font-weight: 500; }
.accumulator-archive-row__date--mobile { display: none; }
.accumulator-archive-row__divider { align-self: stretch; background: #eff1f5; }
.accumulator-archive-row__results { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 6px; }
.accumulator-result-markers { display: flex; flex-wrap: wrap; gap: 3px; }
.accumulator-archive-row__results > small { color: #6d7681; font-size: 13px; font-weight: 500; }
.accumulator-archive-row__rate,
.accumulator-archive-row__odds { text-align: right; font-size: 17px; font-weight: 800; font-variant-numeric: tabular-nums; }
.accumulator-archive-row__rate.is-good { color: #1d8f4e; }
.accumulator-archive-row__chevron { color: #c7cedb; font-size: 13px; }
.accumulator-archive-more,
.accumulator-back-link { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 0; border-radius: 999px; background: #f2f4f7; color: #16202e; font-size: 14.5px; font-weight: 700; text-decoration: none; transition: background .15s ease, gap .15s ease, color .15s ease; }
.accumulator-archive-all { display: flex; min-height: 44px; align-items: center; justify-content: center; gap: 9px; box-sizing: border-box; margin-top: 4px; padding: 10px 16px; border: 1px solid #dbe4ec; border-radius: 12px; background: #fff; color: #287ca9; font-size: 13px; font-weight: 800; line-height: 1.3; text-decoration: none; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.accumulator-archive-all:hover,
.accumulator-archive-all:focus { border-color: #8fc7df; background: #f2f9fc; color: #176b96; text-decoration: none; }
.accumulator-archive-more:hover,
.accumulator-back-link:hover { gap: 12px; background: #e9ecf1; color: #16202e; text-decoration: none; }
.accumulator-catalog-seo { margin-top: clamp(36px,7cqi,48px); }

.accumulator-archive-page__intro { margin-bottom: 18px; }
.accumulator-back-link { width: max-content; min-height: 42px; padding: 0 18px; }
.accumulator-archive-filter { display: flex; gap: 12px; margin-top: 20px; padding: 14px; border: 1px solid #edf0f3; border-radius: 14px; background: #f6f7f9; }
.accumulator-archive-filter label { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 5px; margin: 0; }
.accumulator-archive-filter label > span { color: #6d7681; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.accumulator-archive-filter select { width: 100%; height: 40px; padding: 0 34px 0 12px; border: 1px solid #dce1e8; border-radius: 10px; background: #fff; color: #16202e; font-size: 14px; font-weight: 600; }
.accumulator-archive-filter select:focus { border-color: #91b9dc; outline: 0; box-shadow: 0 0 0 3px rgba(43,127,191,.12); }
.accumulator-archive-periods { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; overflow-x: visible; padding: 1px 1px 5px; }
.accumulator-archive-periods a { padding: 7px 12px; border: 1px solid #dfe4ea; border-radius: 999px; background: #fff; color: #536171; font-size: 13px; font-weight: 700; white-space: nowrap; }
.accumulator-archive-periods a:hover,
.accumulator-archive-periods a.active { border-color: #b8d2ed; background: #edf5fc; color: #1f5fa8; text-decoration: none; }
.accumulator-archive-adjacent { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; }
.accumulator-archive-adjacent > span:last-child { margin-left: auto; }
.accumulator-archive-adjacent a { display: inline-flex; align-items: center; gap: 7px; color: #536171; font-size: 13px; font-weight: 700; }
.accumulator-archive--standalone { margin-top: 28px !important; }
.accumulator-archive-more { width: 100%; cursor: pointer; }

@media (max-width: 767px) {
  .accumulator-catalog-page .breadcrumb { display: none; }
  .accumulator-catalog-page .accumulator-catalog { padding-right: 15px; padding-left: 15px; }
  .accumulator-active-card { align-items: stretch; gap: 12px; }
  .accumulator-active-card__date { width: 72px; }
  .accumulator-active-card__body { flex-basis: calc(100% - 88px); padding-left: 12px; }
  .accumulator-active-card__action { width: 100%; flex-basis: 100%; }
  .accumulator-active-card__action > span { width: 100%; padding-top: 9px; padding-bottom: 9px; }
  .accumulator-statistics__kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .accumulator-statistics__table-head,
  .accumulator-statistics__table-row { grid-template-columns: minmax(0,1.5fr) repeat(4,minmax(0,1fr)); }
  .accumulator-statistics__table-head span { font-size: 0; }
  .accumulator-statistics__table-head span:nth-child(1)::after { content: "Дата"; }
  .accumulator-statistics__table-head span:nth-child(2)::after { content: "Всего"; }
  .accumulator-statistics__table-head span:nth-child(3)::after { content: "Зашло"; }
  .accumulator-statistics__table-head span:nth-child(4)::after { content: "%"; }
  .accumulator-statistics__table-head span:nth-child(5)::after { content: "Ср. кф"; }
  .accumulator-statistics__table-head span::after { font-size: 9.5px; }
  .accumulator-statistics__table-row > span:nth-child(4) > i { display: none; }
  .accumulator-statistics__table-row { font-size: 12px; }
  .accumulator-statistics__table-row > span:first-child small { display: none; }
  .accumulator-chart__bars { gap: 2px; }
  .accumulator-chart__tooltip { white-space: normal; width: 164px; }
  .accumulator-archive__legend { gap: 8px 10px; }
  .accumulator-archive__legend small { font-size: 10.5px; }
  .accumulator-archive-head,
  .accumulator-archive-row { grid-template-columns: 88px 1px minmax(0,1fr) 38px 43px; column-gap: 9px; }
  .accumulator-archive-head { padding-right: 12px; padding-left: 12px; font-size: 9px; }
  .accumulator-archive-head > :last-child,
  .accumulator-archive-row__chevron { display: none; }
  .accumulator-archive-row { padding: 12px; }
  .accumulator-archive-row__date--desktop { display: none; }
  .accumulator-archive-row__date--mobile { display: flex; }
  .accumulator-archive-row__date strong { font-size: 12px; line-height: 1.25; }
  .accumulator-archive-row__date small { font-size: 11px; }
  .accumulator-archive-row__results > small { font-size: 11.5px; }
  .accumulator-archive-row__rate,
  .accumulator-archive-row__odds { font-size: 15px; }
  .accumulator-archive-filter { gap: 8px; padding: 12px; }
  .accumulator-archive-filter select { font-size: 13px; }
  .accumulator-archive-periods { flex-wrap: nowrap; overflow-x: auto; }
  .accumulator-archive-all { min-height: 42px; padding: 9px 13px; }
}

@media (max-width: 420px) {
  .accumulator-catalog-page .accumulator-catalog { padding-right: 8px; padding-left: 8px; }
  .accumulator-active-card { padding: 13px; }
  .accumulator-active-card__copy > small { font-size: 12px; }
  .accumulator-active-card__metrics > span { padding: 5px 7px; }
  .accumulator-active-card__metrics small { font-size: 11px; }
  .accumulator-active-card__metrics strong { font-size: 14px; }
  .accumulator-catalog-page .accumulator-statistics { padding: 13px; }
  .accumulator-statistics__summary { padding: 14px; }
  .accumulator-archive-head,
  .accumulator-archive-row { grid-template-columns: 76px 1px minmax(0,1fr) 36px 41px; column-gap: 7px; }
  .accumulator-archive-row { padding: 11px 9px; }
  .accumulator-result-markers i { width: 8px; height: 8px; }
  .accumulator-archive-filter { flex-direction: column; }
}