/* 06.11.2026: статья «Как вести учёт в автосервисе» и рекламный блок BSTCRM. Цвета и шрифт из темы сайта. */
.ua-way,.ua-bst-promo{--w-ink:#1d1430;--w-muted:#5b5270;--w-line:#e6dff4;--w-violet:#4a148c;--w-violet-2:#7c3aed;--w-amber:#f5a623;--w-paper:#faf8ff}
.ua-way ::selection,.ua-bst-promo ::selection{background:#f5a623;color:#1d1430}

/* Маршрут: номера здесь несут порядок работы с машиной */
.ua-way__route{position:relative;list-style:none;margin:30px 0 44px!important;padding:0!important;counter-reset:stop}
.ua-way__route::before{content:"";position:absolute;left:21px;top:22px;bottom:30px;width:2px;background:var(--w-line)}
.ua-way__route::after{content:"";position:absolute;left:21px;top:22px;bottom:30px;width:2px;background:linear-gradient(var(--w-violet-2),var(--w-amber));transform-origin:top}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .ua-way__route::after{animation:ua-way-fill linear both;animation-timeline:view();animation-range:entry 30% exit 70%}
    @keyframes ua-way-fill{from{transform:scaleY(.02)}to{transform:scaleY(1)}}
  }
}
.ua-way .ua-way__stop{position:relative;margin:0 0 46px!important;padding:0 0 0 66px!important;counter-increment:stop;background:none!important;border:0!important;list-style:none!important}
.ua-way .ua-way__stop::before{content:none!important}
.ua-way .ua-way__stop:last-child{margin-bottom:0!important}
.ua-way__dot{position:absolute;z-index:1;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--w-violet);color:var(--w-violet);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 6px 16px rgba(74,20,140,.16)}
.ua-way__stop:last-child .ua-way__dot{background:var(--w-amber);border-color:var(--w-amber);color:var(--w-ink)}
.ua-way .ua-way__stop h3{margin:6px 0 10px!important;color:var(--w-ink);font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.25;font-weight:800;letter-spacing:-.015em;text-wrap:balance}
.ua-way .ua-way__stop p{margin:0 0 12px!important;max-width:66ch;color:#3b3350;font-size:17px;line-height:1.65}
.ua-way .ua-way__stop p.ua-way__rec{color:var(--w-muted);font-size:15.5px;line-height:1.55}
.ua-way__rec b{color:var(--w-ink);font-weight:700}

/* Скриншоты без обрезки: узкие кадры остаются узкими */
.ua-way__shot{margin:16px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.ua-way__frame{display:block;overflow:hidden;border:1px solid #d9d0ec;border-radius:14px;background:#fff;box-shadow:0 18px 40px -18px rgba(48,20,95,.34),0 3px 8px rgba(48,20,95,.07)}
.ua-way .ua-way__shot .ua-way__frame img{display:block;width:100%!important;height:auto!important;max-width:100%;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.ua-way__shot figcaption{margin-top:9px;color:var(--w-muted);font-size:14px;line-height:1.45;text-align:left}

/* Сравнение: числа и слова в одной сетке */
.ua-way__table-wrap{overflow-x:auto;margin:18px 0 34px;border:1px solid var(--w-line);border-radius:16px;-webkit-overflow-scrolling:touch}
.ua-way__table{width:100%;min-width:600px;border-collapse:collapse;background:#fff;font-size:15.5px;line-height:1.45}
.ua-way__table th,.ua-way__table td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--w-line);color:#3b3350}
.ua-way__table thead th{background:var(--w-paper);color:var(--w-ink);font-weight:800;white-space:nowrap}
.ua-way__table tbody th{color:var(--w-ink);font-weight:700}
.ua-way__table tr:last-child>*{border-bottom:0}
.ua-way__table td:last-child,.ua-way__table thead th:last-child{background:#f6f1ff;color:var(--w-ink)}
.ua-way__steps{margin:14px 0 30px!important;padding-left:24px!important}
.ua-way__steps li{margin:0 0 10px;font-size:17px;line-height:1.6;color:#3b3350}
.ua-way__qa h3{margin:24px 0 8px!important;color:var(--w-ink);font-size:1.12rem;line-height:1.35;font-weight:800}
.ua-way__qa p{margin:0 0 8px!important;max-width:66ch;font-size:17px;line-height:1.65;color:#3b3350}
.ua-way__note{margin-top:26px!important;color:var(--w-muted)!important;font-size:14px!important;line-height:1.5!important}
.ua-way a:focus-visible,.ua-bst-promo a:focus-visible{outline:2px solid var(--w-amber);outline-offset:3px;border-radius:6px}

/* Рекламный блок */
.ua-bst-promo{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:8px 26px;overflow:hidden;margin:34px 0;padding:28px 0 0 30px;border-radius:22px;background:#1c0d33;background-image:radial-gradient(90% 130% at 100% 0,#4a148c 0,rgba(74,20,140,0) 62%),radial-gradient(60% 80% at 0 100%,rgba(245,166,35,.13),rgba(245,166,35,0) 70%);box-shadow:0 22px 48px -22px rgba(28,13,51,.72)}
.ua-bst-promo__text{padding-bottom:28px;min-width:0}
.ua-bst-promo .ua-bst-promo__title{margin:0 0 10px!important;color:#fff!important;font-size:clamp(1.22rem,1.05rem + .75vw,1.6rem);line-height:1.2;font-weight:800;letter-spacing:-.018em;text-wrap:balance}
.ua-bst-promo .ua-bst-promo__sub{margin:0 0 18px!important;max-width:44ch;color:#ddd2f2!important;font-size:15.5px;line-height:1.5}
.ua-bst-promo__cta{display:flex;flex-wrap:wrap;gap:10px}
.ua-bst-promo__cta a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:800;line-height:1;text-decoration:none!important;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .18s,border-color .18s}
.ua-bst-promo__cta a:hover{transform:translateY(-1px)}
.ua-bst-promo__cta a:first-child{background:var(--w-amber);color:#1d1430!important}
.ua-bst-promo__cta a:first-child:hover{background:#ffb93f}
.ua-bst-promo__cta a:last-child{border:1px solid rgba(255,255,255,.34);color:#fff!important}
.ua-bst-promo__cta a:last-child:hover{border-color:#fff}
.ua-bst-promo__shot{align-self:end;margin:0!important;min-width:0;height:100%;max-height:230px;overflow:hidden;border-radius:12px 0 0 0;box-shadow:-14px -10px 34px -12px rgba(0,0,0,.5)}
.ua-bst-promo .ua-bst-promo__shot img{display:block;width:560px!important;max-width:none!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
@media (max-width:720px){
  .ua-bst-promo{grid-template-columns:minmax(0,1fr);padding:24px 0 0 20px}
  .ua-bst-promo__text{padding:0 20px 18px 0}
  .ua-bst-promo__shot{max-height:130px}
  .ua-way__route::before,.ua-way__route::after{left:17px}
  .ua-way .ua-way__stop{padding-left:50px!important;margin-bottom:38px!important}
  .ua-way__dot{width:36px;height:36px;font-size:13.5px}
  .ua-way .ua-way__stop p,.ua-way__steps li,.ua-way__qa p{font-size:16px}
}
@media (forced-colors:active){.ua-way__route::after{background:CanvasText}}