/* LevelCar — новий дизайн звичайних сторінок сайту (13.11.2026).
   Сторінки: посадочні з футера, функціональні (калькулятор, підбір, порівняння, номери, VIN-декодер, тарифи, про нас, контакти,
   блог, підтримка, оферта, політика, карта сайту), вхід і реєстрація, хаб ринку /brand.
   Підключення: останнім після style.css, lc-ui.css, v10.css, market.css, lx-market.css; на <html> у layout сайту — клас "ds".
   Шапка й підвал сайту не змінюються. Сторінки звіту й ринку моделі/марки/покоління мають власні шаблони (design-system/levelcar-ds.css).
   Класи ds-* додаються в розмітку шаблонів — див. site/SPEC-site.md. Блоки .lc-ds усередині сторінок стилізує levelcar-ds.css. */
html.ds main {
  --brand: #1F66C9;
  --brand-600: #184F9D;
  --brand-700: #1F66C9;
  --brand-ink: #184F9D;
  --brand-cyan: #1AA5B8;
  --brand-soft: #EAF1FB;
  --brand-soft-2: #C9D9F2;
  --action: #1F66C9;
  --action-hover: #184F9D;
  --violet-ink: #184F9D;
  --ink: #0F1723;
  --ink-2: #2E3947;
  --gray-1: #2E3947;
  --gray-2: #667384;
  --gray-3: #8D97A6;
  --line: #DDE2E9;
  --line-2: #EBEEF3;
  --well: #F3F5F8;
  --well-2: #EBEEF3;
  --page: #F3F5F8;
  --white: #fff;
  --bg: #F3F5F8;
  --k: #0F1723;
  --k2: #2E3947;
  --k3: #667384;
  --ln: #DDE2E9;
  --ln2: #C9D0DA;
  --tint: #EBEEF3;
  --b50: #EAF1FB;
  --bact: #EAF1FB;
  --blue: #1F66C9;
  --blued: #184F9D;
  --cyan: #1AA5B8;
  --grad: linear-gradient(90deg, #1F66C9, #1F66C9);
  --dk: #141B25;
  --dk2: #1F2835;
  --dkln: #2C3747;
  --dkg: #141B25;
  --sh-xs: none;
  --sh-sm: none;
  --sh-md: none;
  --sh-lg: none;
  --sh-card: none;
  --shc: none;
  --sht: none;
  --shb: none;
  --ch-base: #C9D9F2;
  --ch-focus: #1F66C9;
  --ch-solid: #1F66C9;
  --ch-band: #8FB3EA;
  --ch-dot: #184F9D;
  --ch-cat-1: #1F66C9;
  --ch-cat-2: #1AA5B8;
  --ch-cat-3: #184F9D;
  --ch-cat-4: #8FB3EA;
  --ch-cat-5: #9FDDE6;
  --dv-1: #1F66C9;
  --dv-2: #1AA5B8;
  --dv-3: #184F9D;
  --dv-4: #8FB3EA;
  --dv-5: #9FDDE6;
  --font: 'Onest', Inter, ui-sans-serif, system-ui, sans-serif;
  --fh: 'Onest', Inter, ui-sans-serif, system-ui, sans-serif;
  font-family: var(--font);
  color: #0F1723;
  -webkit-font-smoothing: antialiased;
}
html.ds main :is(.lc-tile, .ic, .pin > b, .hd > i, .ti-clist, .an-charts.one > div, .an-brand, .an-tablewrap, .vd-box, .v10-km-badge, .mu-nav) {
  box-shadow: none !important
}

/* перший екран */
html.ds main .lc-hero {
  background: #F5F7FA;
  padding-bottom: clamp(40px, 6vw, 76px)
}
html.ds main .lc-hero .v10-hscan {
  display: none !important
}
html.ds main .lc-hero .eyebrow {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #667384;
  line-height: 1.2
}
html.ds main .lc-hero .eyebrow .dot {
  background: #1F66C9;
  box-shadow: none;
  animation: none
}
html.ds main .lc-hero h1 {
  letter-spacing: -.045em;
  line-height: 1.02
}
html.ds main .lc-hero h1 .text-brand {
  background: none;
  color: #1F66C9;
  -webkit-text-fill-color: #1F66C9
}
html.ds main .lc-hero .sub {
  font-family: var(--font);
  font-weight: 400;
  font-size: clamp(15.5px, 1.6vw, 17.5px);
  line-height: 1.55;
  color: #667384
}
html.ds main .lc-form {
  border: 1px solid #DDE2E9;
  border-radius: 16px;
  padding: 8px 8px 8px 18px;
  height: auto;
  min-height: 68px;
  box-shadow: 0 22px 44px -28px rgba(15, 23, 35, .38)
}
html.ds main .lc-form:focus-within {
  border-color: #1F66C9;
  box-shadow: 0 0 0 4px rgba(31, 102, 201, .14), 0 22px 44px -28px rgba(15, 23, 35, .38)
}
html.ds main .lc-form input {
  font-family: var(--font)
}
html.ds main .lc-form .btn {
  border-radius: 12px
}
html.ds main .v10-vis {
  transform: none !important;
  border-radius: 22px
}
html.ds main .v10-vf::before, html.ds main .v10-vf::after {
  display: none !important
}

/* кнопки, плашки */
html.ds main .btn {
  font-family: var(--font)
}
html.ds main .btn-primary {
  background: #1F66C9;
  border-color: #1F66C9;
  box-shadow: none !important;
  font-weight: 600;
  letter-spacing: 0;
  border-radius: 12px;
  transition: background .25s, transform .3s
}
html.ds main .btn-primary:hover {
  background: #184F9D;
  border-color: #184F9D;
  transform: none
}
html.ds main .btn-primary:active {
  transform: scale(.975)
}
html.ds main .pill, html.ds main .v10-chip, html.ds main .chip {
  border-radius: 6px;
  font-weight: 600;
  letter-spacing: .01em
}
html.ds main .v10-ex .pill {
  background: #EAF1FB;
  color: #1F66C9;
  padding: 5px 9px;
  font-size: 12px
}

/* розділи */
html.ds main .lc-s {
  background: #fff;
  padding: clamp(48px, 7.4vw, 100px) 0
}
html.ds main .lc-s.alt {
  background: #F3F5F8
}
html.ds main .lc-s.tight {
  padding: clamp(40px, 5.6vw, 76px) 0
}
html.ds main .ds-ph {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1.5px solid #0F1723;
  padding-top: 14px;
  margin: 0 0 clamp(20px, 3.4vw, 34px);
  text-align: left
}
html.ds main .ds-ph .no {
  font-family: var(--font);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .08em;
  color: #1F66C9;
  font-variant-numeric: tabular-nums
}
html.ds main .ds-ph .lb {
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #667384;
  line-height: 1.2
}
html.ds main .ds-sec :is(.lc-sh, .v10-one-h, .v10-nb-tx, .sel-cta)>h2, html.ds main .ds-sec .wrap>h2 {
  font-family: var(--font);
  font-weight: 700;
  font-size: clamp(26px, 4.5vw, 42px);
  line-height: 1.08;
  letter-spacing: -.03em;
  text-wrap: balance;
  color: #0F1723
}
html.ds main .ds-sec .lc-sh, html.ds main .ds-sec .v10-one-h {
  margin-bottom: clamp(24px, 3.6vw, 42px)
}
html.ds main .ds-sec .lc-sh p, html.ds main .ds-sec .v10-one-h p, html.ds main .ds-sec .v10-nb-tx p {
  font-family: var(--font);
  font-weight: 400;
  font-size: clamp(15px, 1.5vw, 16.5px);
  line-height: 1.55;
  color: #667384
}
@media(min-width:900px) {
  html.ds main .ds-sec .lc-sh.ds-two {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 56px;
    align-items: end
  }
  html.ds main .ds-sec .lc-sh.ds-two>* {
    margin: 0
  }
  html.ds main .ds-sec .v10-one-h {
    align-items: end
  }
}

/* картки: білі, рамка 1 px, радіус 22, без тіней */
html.ds main .v10-ex, html.ds main .v10-sl, html.ds main .lc-tile, html.ds main .lc-dtp-src, html.ds main .lc-ex, html.ds main .chk-card, html.ds main .lc-own-card, html.ds main .wr-card, html.ds main .cc-card, html.ds main .lc-eng-card, html.ds main .mu-card, html.ds main .ti-card, html.ds main .smap-card {
  border-radius: 22px;
  box-shadow: none !important;
  border-color: #DDE2E9
}
html.ds main .lc-tile:hover {
  box-shadow: none !important;
  border-color: #0F1723;
  transform: none
}
html.ds main .lc-tile b {
  font-weight: 700;
  letter-spacing: -.015em
}
html.ds main .lc-tile .ic {
  background: #EAF1FB;
  color: #1F66C9
}
html.ds main .lc-dtp-src .vis {
  background: #F3F5F8;
  border-color: transparent
}
html.ds main .v10-tl.t-warn, html.ds main .v10-ex-flag.warn {
  background: #FAF2E2;
  border-color: transparent
}
html.ds main .v10-ex-flag {
  border-radius: 10px
}
html.ds main .v10-pts li {
  border-radius: 14px;
  border-color: #DDE2E9
}
html.ds main .v10-pts li .n {
  background: #0F1723
}

/* темний розділ стає світлим: графіт лишається тільки блоку з ціною */
html.ds main .lc-s.v10-dark {
  background: #F3F5F8 !important;
  color: #0F1723 !important
}
html.ds main .lc-s.v10-dark h2 {
  color: #0F1723
}
html.ds main .v10-nb-card {
  background: #fff !important;
  border-color: #DDE2E9 !important;
  border-radius: 22px;
  color: #0F1723
}
html.ds main .v10-nb-card .hd b, html.ds main .v10-nb-card .mt b {
  color: #0F1723
}
html.ds main .v10-nb-card .hd small, html.ds main .v10-nb-card .mt small, html.ds main .v10-nb-card .dv span {
  color: #667384
}
html.ds main .v10-nb-card .rw {
  background: #F3F5F8;
  border-color: transparent
}
html.ds main .v10-nb-card .rw.off {
  background: #fff;
  border: 1px dashed #C9D0DA
}
html.ds main .v10-nb-card .dv {
  border-color: #DDE2E9
}
html.ds main .v10-nb-card .dv span {
  background: #fff !important;
  color: #667384 !important
}
html.ds main .v10-nb-card .dv::before, html.ds main .v10-nb-card .dv::after {
  background: #DDE2E9;
  border-color: #DDE2E9
}
html.ds main .v10-nb-card .st {
  background: #E4F4F6;
  color: #0E7C8B
}
html.ds main .v10-nb-card .rs.ok {
  background: #E4F4F6;
  color: #0E7C8B
}
html.ds main .v10-nb-card .rs.off {
  background: #EBEEF3;
  color: #667384
}

/* блок із ціною: рівний графіт, без кутиків, біла кнопка */
html.ds main .v10-price {
  background: #141B25 !important;
  border-color: #141B25;
  border-radius: 22px
}
html.ds main .v10-price .btn-primary {
  background: #fff;
  border-color: #fff;
  color: #141B25 !important
}
html.ds main .v10-price .btn-primary:hover {
  background: #E6EBF2;
  border-color: #E6EBF2
}
html.ds main .v10-price .v10-chip.off {
  background: #fff;
  color: #141B25
}
html.ds main .v10-price .pk {
  color: #9FDDE6
}

/* сторінка тарифів: графіт — лише головні картки, решта світлі; без кутиків */
html.ds main .lc-of.lc-pr10 {
  color: #0F1723
}
html.ds main .lc-of.lc-pr10 .hd h2 {
  color: #0F1723;
  font-family: var(--font);
  font-weight: 700;
  letter-spacing: -.03em
}
html.ds main .lc-of.lc-pr10 .hd p {
  color: #667384
}
html.ds main .lc-of-i {
  border-radius: 22px
}
html.ds main .lc-of-i::before, html.ds main .lc-of-i::after {
  display: none !important
}
html.ds main .lc-of-i.pri {
  background: #141B25;
  border-color: #141B25
}
html.ds main .lc-of-i.pri .btn:not(.gh) {
  background: #fff;
  border-color: #fff;
  color: #141B25 !important;
  box-shadow: none
}
html.ds main .lc-of-i.pri .btn:not(.gh):hover {
  background: #E6EBF2;
  border-color: #E6EBF2
}
html.ds main .lc-of-i.pri .lc-off {
  background: #fff;
  color: #141B25
}
html.ds main .lc-of-i:not(.pri) {
  background: #fff;
  border-color: #DDE2E9;
  color: #0F1723
}
html.ds main .lc-of-i:not(.pri) .nm, html.ds main .lc-of-i:not(.pri) .pr, html.ds main .lc-of-i:not(.pri) b, html.ds main .lc-of-i:not(.pri) strong {
  color: #0F1723
}
html.ds main .lc-of-i:not(.pri) .ds, html.ds main .lc-of-i:not(.pri) small {
  color: #667384
}
html.ds main .lc-of-i:not(.pri) .lc-was {
  color: #8D97A6
}
html.ds main .lc-of-i:not(.pri) ul, html.ds main .lc-of-i:not(.pri) li, html.ds main .lc-of-i:not(.pri) li span {
  color: #2E3947
}
html.ds main .lc-of-i:not(.pri) .ic {
  background: #EAF1FB;
  color: #1F66C9
}
html.ds main .lc-of-i:not(.pri) .lc-off {
  background: #EAF1FB;
  color: #1F66C9
}
html.ds main .lc-of-i:not(.pri) .btn.gh {
  background: transparent;
  border-color: #C9D0DA;
  color: #0F1723 !important
}
html.ds main .lc-of-i:not(.pri) .btn.gh:hover {
  border-color: #0F1723
}

/* питання і відповіді — як на головній */
html.ds main .lc-s.ds-faq {
  background: #fff
}
html.ds main .ds-faqw>.lc-sh h2 {
  font-family: var(--font);
  font-weight: 800;
  font-size: clamp(30px, 4.7vw, 62px);
  line-height: 1.02;
  letter-spacing: -.04em;
  text-wrap: balance
}
html.ds main .ds-faqw>.lc-faq {
  display: block;
  border-top: 1px solid #DDE2E9;
  max-width: none
}
html.ds main .ds-faqw>.lc-faq details {
  border-bottom: 1px solid #DDE2E9
}
@media(min-width:1001px) {
  html.ds main .ds-faqw {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr);
    column-gap: clamp(40px, 6vw, 80px);
    align-items: start
  }
  html.ds main .ds-faqw>.lc-sh {
    position: sticky;
    top: 110px;
    margin: 0
  }
}
/* функціональні сторінки: поля, таблиці, текст, оффер */
html.ds main :is(input:not([type=checkbox], [type=radio], [type=range], [type=hidden], [type=file], [type=submit], [type=button], [type=color]), select, textarea):not(.lc-form *, .lc-ds *, .plt-plate *) {
  font-family: var(--font);
  border: 1px solid #C9D0DA;
  border-radius: 10px;
  background-color: #fff;
  color: #0F1723;
  box-shadow: none;
  font-weight: 600;
  transition: border-color .2s, box-shadow .2s
}
html.ds main :is(input, select, textarea):not(.lc-form *, .lc-ds *, .plt-plate *):focus {
  outline: 0;
  border-color: #1F66C9;
  box-shadow: 0 0 0 4px rgba(31, 102, 201, .14)
}
html.ds main :is(input, textarea)::placeholder {
  color: #8D97A6;
  font-weight: 400
}
html.ds main table:not(.lc-ds *) {
  font-family: var(--font);
  font-variant-numeric: tabular-nums
}
html.ds main table:not(.lc-ds *) th {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #667384;
  background: none;
  border-color: #EBEEF3
}
html.ds main table:not(.lc-ds *) td {
  border-color: #EBEEF3;
  color: #2E3947
}
html.ds main :is(.lc-prose, .article, .lc-doc, .lc-article-in) {
  font-family: var(--font);
  font-size: 15.5px;
  line-height: 1.65;
  color: #2E3947
}
html.ds main :is(.lc-prose, .article, .lc-doc, .lc-article-in) :is(h2, h3) {
  font-family: var(--font);
  font-weight: 700;
  letter-spacing: -.02em;
  color: #0F1723
}
html.ds main .lx-chip, html.ds main .chip {
  border-radius: 6px
}
html.ds main .btn:not(.btn-primary) {
  font-weight: 600;
  border-radius: 12px;
  box-shadow: none
}
html.ds main .ds-of {
  padding: clamp(28px, 4vw, 48px) 0
}
html.ds main .ds-of>.wrap>:not(.lc-ds) {
  display: none !important
}
/* оффер усередині змістової секції (напр. /plates/series/…): ховається лише сам блок оффера, решта секції лишається */
html.ds main .ds-ofin>:not(.lc-ds), html.ds main .ds-ffh {
  display: none !important
}
html.ds main .ds-ofin {
  margin-block: clamp(28px, 4vw, 48px)
}
html.ds .lc-ds {
  background: none
}

/* ---- інструменти ---- */
html.ds main :is(.cc-grid, .plt-maprow) {
  background: #fff;
  border-radius: 22px;
  box-shadow: inset 0 0 0 1px #DDE2E9;
  padding: 8px;
  gap: 8px;
  align-items: stretch
}
html.ds main .cc-grid>.cc-card {
  border: 0;
  box-shadow: none !important;
  border-radius: 16px;
  margin: 0
}
html.ds main .cc-grid>.cc-f {
  background: transparent;
  padding: clamp(14px, 2.2vw, 26px);
  align-self: start
}
html.ds main .cc-grid>.cc-res {
  background: #F3F5F8;
  padding: clamp(16px, 2.4vw, 28px)
}
html.ds main :is(.cc-f .lb, .cc-f .cc-row2 label, .cc-f>div>label, .mi-conv label, .ti-l, .ti-card label, .pk-f>span, .lc-kpi .lbl, .ti-mlbl) {
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #667384
}
html.ds main .cc-seg {
  background: #F3F5F8;
  border-radius: 10px;
  padding: 4px;
  border: 0
}
html.ds main .cc-seg label {
  border-radius: 7px;
  font-weight: 600;
  color: #2E3947;
  box-shadow: none
}
html.ds main .cc-seg input:checked+label {
  background: #fff;
  color: #1F66C9;
  box-shadow: inset 0 0 0 1px #1F66C9
}
html.ds main .cc-res h3 {
  font-family: var(--font);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #667384
}
html.ds main .cc-big>span {
  font-family: var(--font);
  font-size: clamp(38px, 5vw, 56px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.05;
  color: #0F1723
}
html.ds main .cc-big>small {
  font-size: 14px;
  color: #667384
}
html.ds main .cc-bar {
  height: 10px;
  border-radius: 5px;
  overflow: hidden
}
html.ds main .cc-ls li {
  border-color: #DDE3EB
}
html.ds main .cc-ls li.sum b {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em
}
html.ds main .mi-conv input {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 800;
  letter-spacing: -.03em;
  min-height: 64px;
  border-radius: 12px
}
html.ds main .mi-conv .eq {
  font-weight: 700;
  color: #8D97A6
}
html.ds main .mi-quick button {
  font-family: var(--font);
  border-radius: 8px;
  background: #F3F5F8;
  border: 0;
  font-weight: 600;
  color: #2E3947;
  box-shadow: none
}
html.ds main .mi-quick button:hover {
  background: #EAF1FB;
  color: #1F66C9
}
html.ds main .plt-decoder {
  border-radius: 22px;
  box-shadow: none !important;
  border: 1px solid #DDE2E9;
  background: #fff
}
html.ds main .plt-map {
  background: #F3F5F8;
  border: 0;
  border-radius: 16px;
  box-shadow: none
}
html.ds main .plt-side {
  border: 0;
  background: none;
  box-shadow: none
}
html.ds main :is(.plt-map, .mu-map) svg path.l0 {
  fill: #D5E2F6 !important
}
html.ds main :is(.plt-map, .mu-map) svg path.l1 {
  fill: #A9C4EE !important
}
html.ds main :is(.plt-map, .mu-map) svg path.l2 {
  fill: #6F9BE0 !important
}
html.ds main :is(.plt-map, .mu-map) svg path.l3 {
  fill: #1F66C9 !important
}
html.ds main :is(.plt-map, .mu-map) svg path.l4 {
  fill: #184F9D !important
}
html.ds main :is(.plt-legend, .mu-map-lg) i.l0 {
  background: #D5E2F6
}
html.ds main :is(.plt-legend, .mu-map-lg) i.l1 {
  background: #A9C4EE
}
html.ds main :is(.plt-legend, .mu-map-lg) i.l2 {
  background: #6F9BE0
}
html.ds main :is(.plt-legend, .mu-map-lg) i.l3 {
  background: #1F66C9
}
html.ds main :is(.plt-legend, .mu-map-lg) i.l4 {
  background: #184F9D
}
html.ds main .lc-kpi {
  background: #fff;
  border: 1px solid #DDE2E9;
  border-radius: 16px;
  box-shadow: none
}
html.ds main .lc-kpi .val {
  font-family: var(--font);
  font-weight: 800;
  letter-spacing: -.03em;
  color: #0F1723
}
html.ds main .ti-box {
  background: #fff;
  border-radius: 22px;
  box-shadow: inset 0 0 0 1px #DDE2E9;
  border: 0
}
html.ds main .ti-card {
  border: 0;
  box-shadow: none;
  background: transparent
}
html.ds main .ti-card-h {
  font-family: var(--font);
  font-weight: 700
}
html.ds main .ti-badge {
  background: #0F1723;
  color: #fff;
  border-radius: 7px
}
html.ds main .ti-badge.ti-b2 {
  background: #1F66C9
}
html.ds main .ti-mid span {
  background: #F3F5F8;
  color: #667384;
  border: 0;
  box-shadow: none
}
html.ds main :is(.ti-go, .auth-btn) {
  font-family: var(--font);
  background: #1F66C9;
  color: #fff;
  border: 0;
  border-radius: 12px;
  font-weight: 600;
  box-shadow: none;
  min-height: 50px;
  transition: background .25s
}
html.ds main :is(.ti-go, .auth-btn):hover {
  background: #184F9D
}
html.ds main .ti-panel {
  background: #fff;
  border-radius: 22px;
  border: 1px solid #DDE2E9;
  box-shadow: none
}
html.ds main .ti-mcard {
  background: #F3F5F8;
  border: 0;
  border-radius: 16px;
  box-shadow: none
}
html.ds main .ti-mval {
  font-family: var(--font);
  font-weight: 800;
  letter-spacing: -.035em;
  color: #0F1723
}
html.ds main .ti-delta .v {
  font-family: var(--font);
  font-weight: 800;
  color: #1F66C9 !important
}
html.ds main .pk-flt {
  background: #fff;
  border-radius: 22px;
  border: 1px solid #DDE2E9;
  box-shadow: none
}
html.ds main :is(.pk-pop, .bl-pc, .lc-sup) {
  border-radius: 22px;
  box-shadow: none !important;
  border-color: #DDE2E9
}
html.ds main .sel-cta {
  background: #F3F5F8;
  border-radius: 22px;
  border: 0;
  box-shadow: none;
  text-align: center;
  padding: clamp(28px, 5vw, 56px)
}
/* ---- компанія, блог, вхід ---- */
html.ds main .lc-sup {
  background: none;
  border: 0;
  padding: 0;
  max-width: 760px;
  margin-inline: auto
}
html.ds main .lc-sup .rv-form {
  background: #fff;
  border: 1px solid #DDE2E9;
  border-radius: 22px;
  box-shadow: none;
  padding: clamp(18px, 2.8vw, 32px)
}
html.ds main .rv-in {
  min-height: 48px
}
html.ds main .smap-card h2 {
  font-family: var(--font);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.2
}
html.ds main .smap-card a {
  color: #2E3947
}
html.ds main .smap-card a:hover {
  color: #1F66C9
}
html.ds main .bl-flt button {
  font-family: var(--font);
  border-radius: 8px;
  border: 0;
  background: #F3F5F8;
  color: #2E3947;
  font-weight: 600;
  box-shadow: none
}
html.ds main .bl-flt button.on {
  background: #EAF1FB;
  color: #1F66C9;
  box-shadow: inset 0 0 0 1px #1F66C9
}
html.ds main .bl-pc h3 {
  font-family: var(--font);
  font-weight: 700;
  letter-spacing: -.02em;
  color: #0F1723
}
html.ds main .bl-pc:hover {
  border-color: #0F1723;
  transform: none
}
html.ds main :is(.bl-pc .go, .lc-tile .go) {
  color: #1F66C9;
  font-weight: 600
}
html.ds main.auth-wrap {
  background: #F5F7FA
}
html.ds main .auth-card::before, html.ds main .auth-card::after, html.ds main .bl-fr::before, html.ds main .bl-fr::after {
  display: none !important
}
html.ds main .auth-card {
  border-radius: 22px;
  border: 1px solid #DDE2E9;
  box-shadow: none !important;
  font-family: var(--font)
}
html.ds main .auth-h1 {
  font-family: var(--font);
  font-weight: 800;
  font-size: 28px;
  letter-spacing: -.035em;
  color: #0F1723
}
html.ds main .auth-sub {
  color: #667384
}
html.ds main .btn-soc {
  border-radius: 12px;
  border: 1px solid #C9D0DA;
  box-shadow: none;
  font-family: var(--font);
  font-weight: 600;
  color: #0F1723;
  background: #fff;
  min-height: 48px
}
html.ds main .btn-soc:hover {
  border-color: #0F1723
}
html.ds main .auth-inp {
  min-height: 50px;
  border-radius: 12px
}
html.ds main :is(.auth-link, .auth-consent a) {
  color: #1F66C9;
  font-weight: 600
}
html.ds main .auth-or {
  color: #8D97A6
}

/* сторінки ринку на компонентах lx-* (хаб /brand): ті самі блоки й ті самі скрипти сторінки, змінюється оформлення */
html.ds #lx {
  --ink: #0F1723;
  --g1: #2E3947;
  --g2: #667384;
  --g3: #8D97A6;
  --ln: #DDE2E9;
  --ln2: #EBEEF3;
  --soft: #F3F5F8;
  --b: #1F66C9;
  --b6: #1F66C9;
  --b8: #184F9D;
  --b2: #1F66C9;
  --b1: #A9C4EE;
  --b0: #EAF1FB;
  --c: #1AA5B8;
  --c7: #0E7C8B;
  --c1: #A9C4EE;
  --c0: #E4F4F6;
  font-family: Onest, Inter, ui-sans-serif, system-ui, sans-serif;
  color: #0F1723
}
html.ds #lx .lc-ds .bt {
  color: #fff
}
html.ds #lx .lc-ds .bt.wh {
  color: #141B25
}
html.ds #lx .lx-ch.soft {
  background: none
}
html.ds #lx .lx-s {
  padding: clamp(28px, 4vw, 48px) 0
}
html.ds #lx #an-top.lx-s {
  padding-top: clamp(14px, 2vw, 22px)
}
html.ds #lx .ds-ph {
  margin-bottom: clamp(14px, 2vw, 20px)
}
html.ds #lx .lx-h {
  margin-bottom: clamp(14px, 2vw, 22px);
  gap: 14px 28px
}
html.ds #lx .lx-h h2 {
  font-family: inherit;
  font-weight: 700;
  font-size: clamp(24px, 3.3vw, 36px);
  line-height: 1.1;
  letter-spacing: -.03em;
  color: #0F1723;
  text-wrap: balance
}
html.ds #lx .lx-h p {
  font-size: clamp(14.5px, 1.5vw, 16px);
  line-height: 1.55;
  color: #667384;
  margin-top: 10px;
  max-width: 62ch
}
html.ds #lx .lx-h p b {
  color: #0F1723;
  font-weight: 700
}
html.ds #lx :is(.lx-c, .mu-card, .mu-pick), html.ds #lx #an-pick .mu-pick {
  box-shadow: none;
  border: 1px solid #DDE2E9;
  border-radius: 22px
}
html.ds #lx .lx-scan::after {
  display: none
}
html.ds #lx .lx-bento>a {
  transition: border-color .2s
}
html.ds #lx .lx-bento>a:hover {
  transform: none;
  box-shadow: none;
  border-color: #1F66C9
}
html.ds #lx .lx-lb {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .09em;
  color: #667384
}
html.ds #lx .lx-big {
  font-weight: 800;
  letter-spacing: -.045em;
  color: #0F1723
}
html.ds #lx .lx-big small {
  color: #0F1723
}
html.ds #lx .lx-ins {
  font-size: 15px;
  font-weight: 400;
  color: #2E3947
}
html.ds #lx .lx-ins b {
  color: #0F1723
}
html.ds #lx .lx-go {
  background: #F3F5F8;
  color: #667384
}
html.ds #lx a:hover>.lx-go {
  background: #EAF1FB;
  color: #1F66C9
}
html.ds #lx .lx-chip {
  border-radius: 6px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35
}
html.ds #lx .lx-note {
  border-radius: 12px;
  background: #F3F5F8;
  color: #2E3947;
  font-weight: 500
}
html.ds #lx .lx-note svg {
  color: #667384
}
/* «Коротко» стає спокійним текстом під оглядом, без рамки й кольорової смуги */
html.ds #lx #an-top>.lx-w {
  display: flex;
  flex-direction: column
}
html.ds #lx .lx-sum {
  order: 2;
  margin: 14px 0 0;
  padding: 10px 6px 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none
}
html.ds #lx .lx-sum::before {
  display: none
}
html.ds #lx .lx-sum-h {
  margin-bottom: 8px
}
html.ds #lx .lx-sum-h b {
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .12em;
  color: #667384
}
html.ds #lx .lx-sum-h time {
  font-size: 12.5px;
  color: #8D97A6
}
html.ds #lx .lx-sum p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #667384
}
html.ds #lx .lx-sum p+p {
  margin-top: 8px
}
html.ds #lx .lx-sum p b {
  color: #2E3947;
  font-weight: 600
}
/* перемикачі, кнопки, поля */
html.ds #lx .lx-seg {
  background: #fff;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #DDE2E9;
  padding: 4px
}
html.ds #lx .lx-seg button {
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13.5px;
  font-weight: 600;
  color: #2E3947
}
html.ds #lx .lx-seg button[aria-pressed="true"] {
  color: #1F66C9
}
html.ds #lx .lx-seg .pill {
  border-radius: 8px;
  background: #EAF1FB;
  box-shadow: inset 0 0 0 1px rgba(31, 102, 201, .4)
}
html.ds #lx .lx-more {
  border-radius: 12px;
  border-color: #DDE2E9;
  font-weight: 600;
  color: #2E3947;
  box-shadow: none
}
html.ds #lx .lx-more:hover {
  border-color: #0F1723
}
html.ds #lx .lx-pre button {
  border-radius: 8px;
  border-color: #DDE2E9;
  font-weight: 600
}
html.ds #lx .lx-pre button.on {
  background: #0F1723;
  border-color: #0F1723;
  color: #fff
}
html.ds #lx .lx-bud-c {
  border-radius: 16px;
  background: #F3F5F8
}
html.ds #lx .lx-fact {
  border-radius: 12px;
  border-color: #DDE2E9
}
html.ds #lx .lx-bm a, html.ds #lx .lx-azg a {
  border-radius: 8px;
  border-color: #DDE2E9
}
html.ds #lx .lx-bm a:hover, html.ds #lx .lx-azg a:hover {
  border-color: #1F66C9;
  color: #1F66C9;
  background: #fff
}
html.ds #lx .lx-azl button {
  border-radius: 8px
}
html.ds #lx .lx-rng::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #1F66C9 0 var(--p), #CDD5DF var(--p) 100%)
}
html.ds #lx .lx-rng::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #F3F5F8
}
html.ds #lx .lx-rng::-moz-range-thumb {
  box-shadow: 0 0 0 3px #F3F5F8
}
html.ds #lx .mu-pick .tl-btn {
  border-radius: 12px;
  background: #1F66C9;
  box-shadow: none;
  font-weight: 600
}
html.ds #lx .mu-pick .tl-btn:hover {
  background: #184F9D
}
/* графіки: суцільні кольори палітри замість переходів */
html.ds #lx :is(.lx-mt i, .lx-kr .tr i, .lx-dl div i, .lx-pb i, .lx-mr:hover .tr i) {
  background: #1F66C9
}
html.ds #lx .lx-mr .tr i, html.ds #lx .lx-tl .bd {
  background: #A9C4EE
}
html.ds #lx .lx-mr .tr b {
  box-shadow: 0 0 0 3px #fff;
  background: #1F66C9;
  border: 0
}
html.ds #lx .lx-sh.on {
  background: #EAF1FB
}
html.ds #lx .lx-dv i.n {
  background: #1AA5B8
}
html.ds #lx .lx-dv i.p {
  background: #1F66C9
}
html.ds #lx .lx-map path.hl {
  filter: none
}
html.ds #lx .lx-tile a {
  border-radius: 10px
}
html.ds #lx .lx-hist .col i {
  border-radius: 6px 6px 0 0
}
/* меню розділів: номери й підсвітка, як у звіті */
html.ds main .mu-navwrap .mu-nav {
  gap: 2px;
  padding: 5px;
  border-radius: 15px;
  border: 1px solid #DDE2E9;
  box-shadow: none;
  background: #fff
}
html.ds main .mu-navwrap .mu-nav a {
  flex: 0 0 auto;
  padding: 9px 8px;
  border-radius: 10px;
  font-family: Onest, Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  color: #2E3947
}
html.ds main .mu-navwrap .mu-nav a:hover {
  color: #0F1723;
  background: none
}
html.ds main .mu-navwrap .mu-nav a.active {
  background: #EAF1FB;
  color: #1F66C9;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(31, 102, 201, .4)
}
html.ds main .mu-navwrap .ds-n {
  display: inline !important;
  font-size: 11px;
  font-weight: 700;
  color: #8D97A6;
  font-variant-numeric: tabular-nums;
  letter-spacing: .02em;
  margin-right: 5px
}
html.ds main .mu-navwrap a.active .ds-n {
  color: #1F66C9
}
html.ds main .lc-hero .eyebrow .dot {
  display: none
}
/* пошук марки в шапці */
html.ds main .mu-bq .mu-bq-f {
  border-radius: 16px;
  border: 1px solid #C9D0DA;
  box-shadow: 0 18px 40px -30px rgba(15, 23, 35, .35) !important;
  padding: 6px 6px 6px 18px
}
html.ds main .mu-bq .mu-bq-f:focus-within {
  border-color: #1F66C9
}
html.ds main .mu-bq input {
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Onest, Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #0F1723
}
html.ds main .mu-bq input:focus {
  outline: 0
}
html.ds main .mu-bq .btn {
  border-radius: 11px;
  min-height: 48px;
  font-weight: 600
}
html.ds main .mu-bq-n {
  font-size: 13.5px;
  color: #667384
}
html.ds main .mu-bq-n a {
  color: #1F66C9;
  font-weight: 600
}

/* поле пошуку наприкінці */