/* =========================================================
   Волготехснаб-Каспий — интерфейс v2
   Концепция «технический паспорт»: строгая сетка, тонкие линейки,
   данные с подписями, синие плитки технических иконок.
   ========================================================= */

/* ===== База ===== */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--header-h) + 64px); }
body { margin: 0; font: 400 var(--fs-base)/1.6 var(--f-body); color: var(--c-ink); background: var(--c-surface); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--c-blue); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--c-blue-hover); }
button { font: inherit; color: inherit; cursor: pointer; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
main:focus { outline: none; }
:focus-visible { outline: 3px solid var(--c-focus); outline-offset: 2px; border-radius: 3px; }
.section--dark :focus-visible, .console :focus-visible, .phead--dark :focus-visible, .footer :focus-visible, .twopath__card--dark :focus-visible, .leadblock--blue .leadblock__intro :focus-visible { outline-color: #fff; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 16px; top: -60px; z-index: 100; background: var(--c-navy); color: #fff; padding: 10px 16px; border-radius: var(--r-sm); }
.skip:focus { top: 12px; color: #fff; }
.wrap { width: 100%; max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto; padding: 0 var(--gutter); }
.i { width: var(--ic-ui); height: var(--ic-ui); flex: none; stroke-width: 1.75; }
.ti { width: 100%; height: 100%; stroke-width: 2; }
.muted { color: var(--c-muted); }
.small { font-size: var(--fs-sm); }

.h1, .h2, .h3, .h4, .phead__title, .console__title, .srow__t, .scard__t, .bento__title { hyphens: auto; overflow-wrap: break-word; }
.h1, .h2, .h3, .h4, .phead__title, .console__title { font-family: var(--f-display); font-stretch: condensed; letter-spacing: -.01em; line-height: 1.08; font-weight: 600; }
.h1 { font-size: var(--fs-2xl); }
.h2 { font-size: var(--fs-xl); color: var(--c-navy); }
.h3 { font-size: var(--fs-lg); line-height: 1.15; color: var(--c-navy); }
.h4 { font-size: 1.25rem; color: var(--c-navy); display: flex; align-items: center; gap: 10px; }
.h4 .i { color: var(--c-blue); }
.section--dark .h2, .section--dark .h3 { color: #fff; }

/* ===== Плитки технических иконок ===== */
.tile { display: inline-grid; place-items: center; flex: none; width: var(--tile); height: var(--tile); padding: 9px; border-radius: var(--r); background: var(--c-blue-tint); color: var(--c-blue); }
.tile .i { width: 26px; height: 26px; }
.tile--xs { width: 30px; height: 30px; padding: 5px; border-radius: var(--r-sm); }
.tile--sm { width: 42px; height: 42px; padding: 7px; border-radius: 8px; }
.tile--lg { width: 64px; height: 64px; padding: 11px; border-radius: 12px; }
.tile--onDark { background: rgba(143, 183, 227, .14); color: var(--c-blue-line); }

/* ===== Кнопки ===== */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: .55em; min-height: 46px; padding: .65em 1.25em; border: 1.5px solid transparent; border-radius: var(--r-sm); font-weight: 600; font-size: var(--fs-sm); line-height: 1.2; text-decoration: none; white-space: nowrap; transition: background .15s, color .15s, border-color .15s, box-shadow .15s; }
.btn .i { width: 18px; height: 18px; }
.btn--primary { background: var(--c-blue); color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.15) inset, 0 6px 14px -8px rgba(11,92,173,.8); }
.btn--primary:hover { background: var(--c-blue-hover); color: #fff; }
.btn--ghost { border-color: var(--c-line-strong); background: #fff; color: var(--c-navy); }
.btn--ghost:hover { border-color: var(--c-blue); color: var(--c-blue); }
.btn--light { background: #fff; color: var(--c-navy); }
.btn--light:hover { background: var(--blue-050); color: var(--c-blue); }
.btn--outline-light { border-color: rgba(255,255,255,.45); color: #fff; background: transparent; }
.btn--outline-light:hover { border-color: #fff; background: rgba(255,255,255,.08); color: #fff; }
.btn--sm { min-height: 40px; padding: .5em 1em; }
.btn--lg { min-height: 52px; padding: .75em 1.4em; font-size: 1rem; }
.btn--block { width: 100%; }
.iconbtn { display: inline-grid; place-items: center; width: var(--tap); height: var(--tap); flex: none; border: 1.5px solid var(--c-line); border-radius: var(--r-sm); background: #fff; color: var(--c-navy); transition: border-color .15s, color .15s; }
.iconbtn:hover { border-color: var(--c-blue); color: var(--c-blue); }
.iconbtn--sm { width: 40px; height: 40px; }
.iconbtn .i { width: 20px; height: 20px; }
.linkbtn { border: 0; background: none; padding: 0; color: var(--c-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.link-arrow { display: inline-flex; align-items: center; gap: .4em; font-weight: 600; font-size: var(--fs-sm); text-decoration: none; color: var(--c-blue); background: none; border: 0; padding: 0; min-height: 32px; }
.link-arrow .i { width: 18px; transition: transform .2s var(--ease); }
.link-arrow:hover .i { transform: translateX(3px); }

/* ===== Чипы ===== */
.chip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px; border: 1px solid var(--c-line-strong); border-radius: 99px; background: #fff; font-size: var(--fs-sm); color: var(--c-graphite); }
button.chip:hover { border-color: var(--c-blue); color: var(--c-blue); }
.chip.is-active, .chip[aria-pressed="true"] { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
.chip__n { font-size: var(--fs-xs); opacity: .65; }
.chip--onDark { border-color: rgba(255,255,255,.3); background: transparent; color: rgba(255,255,255,.85); min-height: 30px; font-size: var(--fs-xs); }
span.chip { min-height: 30px; font-size: var(--fs-xs); font-weight: 600; }

/* ===== Верхняя строка и шапка ===== */
.topbar { background: var(--navy-900); color: rgba(255,255,255,.75); font-size: var(--fs-xs); }
.topbar__inner { display: flex; gap: var(--sp-5); align-items: center; min-height: 36px; }
.topbar__item, .topbar__demo { display: inline-flex; align-items: center; gap: 6px; }
.topbar .i { width: 15px; height: 15px; opacity: .8; }
.topbar__demo { margin-left: auto; padding: 2px 10px; border: 1px solid rgba(255,255,255,.22); border-radius: 99px; }
.header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.96); border-bottom: 1px solid var(--c-line); backdrop-filter: saturate(1.4) blur(10px); }
.header__inner { display: flex; align-items: center; gap: var(--sp-5); height: var(--header-h); }
.nav { margin-left: auto; }
.nav__list { display: flex; gap: 2px; }
.nav__item { position: relative; }
.nav__link { display: inline-flex; align-items: center; gap: 4px; min-height: var(--tap); padding: 10px 12px; color: var(--c-ink); font-weight: 600; font-size: var(--fs-sm); text-decoration: none; white-space: nowrap; border-radius: var(--r-sm); }
.nav__link .i { width: 16px; height: 16px; opacity: .55; transition: transform .2s; }
.nav__link:hover { color: var(--c-blue); background: var(--blue-050); }
.nav__link.is-active { color: var(--c-blue); box-shadow: inset 0 -3px 0 var(--c-blue); border-radius: 0; }
.drop, .mega { position: absolute; top: 100%; visibility: hidden; opacity: 0; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility .18s; z-index: 60; }
.nav__item:hover > .drop, .nav__item:focus-within > .drop, .nav__item:hover > .mega, .nav__item:focus-within > .mega { visibility: visible; opacity: 1; transform: none; }
.nav__item:hover > .nav__link .i, .nav__item:focus-within > .nav__link .i { transform: rotate(180deg); }
.drop { left: -8px; width: 320px; padding: 8px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-lg); box-shadow: var(--sh-pop); }
.drop a { display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: var(--r); color: var(--c-ink); text-decoration: none; }
.drop a:hover, .drop a[aria-current] { background: var(--c-surface-alt); }
.drop__ic { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 8px; background: var(--c-blue-tint); color: var(--c-blue); }
.drop b { display: block; font-size: var(--fs-sm); color: var(--c-navy); }
.drop small { display: block; font-size: var(--fs-xs); color: var(--c-muted); line-height: 1.4; }
.nav__item--mega { position: static; }
.mega { left: 0; right: 0; }
.mega__inner { max-width: calc(var(--wrap) + 2 * var(--gutter)); margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: var(--sp-6); padding: var(--sp-6) var(--gutter); background: #fff; border-bottom: 1px solid var(--c-line); box-shadow: 0 30px 40px -30px rgba(10,34,64,.35); }
.mega__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-5) var(--sp-6); }
.mega__cat { display: flex; gap: 12px; align-items: flex-start; text-decoration: none; margin-bottom: 8px; }
.mega__cat b { display: block; font-family: var(--f-display); font-stretch: condensed; font-weight: 600; font-size: 1.12rem; color: var(--c-navy); line-height: 1.2; }
.mega__cat small { display: block; font-size: var(--fs-xs); color: var(--c-muted); line-height: 1.4; margin-top: 2px; }
.mega__cat:hover b { color: var(--c-blue); }
.mega__col ul { margin-left: 54px; }
.mega__col li a { display: block; padding: 3px 0; color: var(--c-graphite); text-decoration: none; font-size: var(--fs-sm); }
.mega__col li a:hover { color: var(--c-blue); text-decoration: underline; }
.mega__aside { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; padding: var(--sp-5); background: var(--c-navy); color: rgba(255,255,255,.8); border-radius: var(--r-lg); font-size: var(--fs-sm); }
.mega__aside-t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.3rem; font-weight: 600; color: #fff; line-height: 1.15; }
.mega__aside .link-arrow { color: var(--c-blue-line); }
.mega__aside .btn { margin-top: auto; }
.header__actions { display: flex; align-items: center; gap: var(--sp-4); }
.header__phone { display: inline-flex; align-items: center; gap: 8px; color: var(--c-navy); font-weight: 700; text-decoration: none; white-space: nowrap; min-height: var(--tap); }
.header__phone .i { color: var(--c-blue); }
.burger { display: none; }

/* мобильное меню */
.mnav { position: fixed; inset: 0; z-index: 90; }
.mnav__backdrop { position: absolute; inset: 0; background: rgba(6,21,40,.55); backdrop-filter: blur(2px); animation: fade .2s; }
.mnav__panel { position: absolute; inset: 0 0 0 auto; width: min(420px, 88%); background: #fff; display: flex; flex-direction: column; overflow-y: auto; animation: slidein .25s var(--ease); box-shadow: var(--sh-pop); }
@keyframes slidein { from { transform: translateX(40px); opacity: 0; } }
@keyframes fade { from { opacity: 0; } }
.mnav__head { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--c-line); }
.mnav__quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 14px 16px; background: var(--c-surface-alt); border-bottom: 1px solid var(--c-line); }
.mnav__q { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; border: 1px solid var(--c-line); border-radius: var(--r); background: #fff; font-size: var(--fs-xs); font-weight: 600; color: var(--c-navy); }
.mnav__q .i { color: var(--c-blue); }
.mnav__nav { padding: 4px 16px; }
.mnav__link, .mnav__group summary { display: flex; justify-content: space-between; align-items: center; min-height: 54px; padding: 12px 4px; border-bottom: 1px solid var(--c-line); font-weight: 600; font-size: 1.05rem; color: var(--c-ink); text-decoration: none; cursor: pointer; list-style: none; }
.mnav__link .i, .mnav__group summary .i { width: 18px; color: var(--c-muted); transition: transform .2s; }
.mnav__group summary::-webkit-details-marker { display: none; }
.mnav__group[open] summary .i { transform: rotate(180deg); }
.mnav__sub { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 8px 4px 8px 8px; color: var(--c-graphite); text-decoration: none; border-bottom: 1px solid var(--c-steel); }
.mnav__sub--all { color: var(--c-blue); font-weight: 600; }
.mnav__ic { display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--r-sm); background: var(--c-blue-tint); color: var(--c-blue); }
.mnav__ic .i { width: 18px; height: 18px; }
.mnav__foot { margin-top: auto; padding: 16px; display: grid; gap: 10px; background: var(--c-surface-alt); border-top: 1px solid var(--c-line); }
.mnav__addr { display: flex; gap: 8px; font-size: var(--fs-sm); color: var(--c-muted); }
.mnav__addr .i { width: 18px; }

/* ===== Баннеры КАМАЗ ===== */
.banners { background: var(--c-surface-alt); border-bottom: 1px solid var(--c-line); }
.banners__stage { max-width: 1920px; margin: 0 auto; }
.banners__track { position: relative; aspect-ratio: 1920 / 411; background: var(--gray-200); overflow: hidden; }
.banners__slide { position: absolute; inset: 0; animation: fade .45s ease; }
.banners__slide[hidden] { display: none; }
.banners__slide picture, .banners__slide img { width: 100%; height: 100%; }
.banners__slide img { object-fit: contain; object-position: center; background: #e9edf1; }
.banners__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 12px; padding-bottom: 12px; }
.banners__info { min-width: 0; flex: 1; }
.banners__caption { display: flex; flex-wrap: wrap; gap: 2px 12px; align-items: baseline; font-size: var(--fs-sm); color: var(--c-muted); }
.banners__caption b { color: var(--c-navy); font-weight: 700; }
.banners__caption span { display: none; }
.banners__caption[hidden] { display: none; }
.banners__controls { display: flex; align-items: center; gap: 12px; flex: none; }
.banners__nav { display: flex; align-items: center; gap: 6px; }
.banners__dots { display: flex; gap: 2px; }
.banners__dot { display: grid; place-items: center; width: 32px; height: 40px; border: 0; background: none; padding: 0; }
.banners__dot span { width: 22px; height: 4px; border-radius: 2px; background: var(--c-line-strong); transition: background .2s, width .2s; }
.banners__dot[aria-selected="true"] span { background: var(--c-blue); width: 28px; }
.banners--compact { background: none; border: 0; }
.banners--compact .banners__stage { max-width: calc(var(--wrap) + 2 * var(--gutter)); padding: 0 var(--gutter); }
.banners--compact .banners__track { border-radius: var(--r-lg); }

/* быстрые сценарии */
.routes { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: -40px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-lg); box-shadow: var(--sh-2); overflow: hidden; }
.routes__item { display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 16px 20px; border: 0; border-right: 1px solid var(--c-line); background: #fff; text-align: left; transition: background .15s; }
.routes__item:last-child { border-right: 0; }
.routes__item:hover { background: var(--blue-050); }
.routes__ic { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: var(--r); background: var(--c-blue); color: #fff; }
.routes__item > span:nth-child(2) { flex: 1; display: grid; }
.routes__item b { color: var(--c-navy); font-size: var(--fs-sm); line-height: 1.25; }
.routes__item small { color: var(--c-muted); font-size: var(--fs-xs); }
.routes__item > .i { color: var(--c-blue); width: 18px; }

/* ===== Секции ===== */
.section { padding: var(--section) 0; }
.section--tint { background: var(--c-surface-alt); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.section--dark { background: var(--c-navy); color: #fff; }
.section--dark .shead__text, .section--dark p { color: rgba(255,255,255,.75); }
.section--flush { padding-bottom: 0; }
.section--flush + .section { padding-top: var(--sp-8); }
.shead { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--sp-5); margin-bottom: var(--sp-6); }
.shead__text { margin-top: var(--sp-3); max-width: 44em; color: var(--c-muted); }
.shead__link { flex: none; }

/* бенто направлений */
.bento { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: minmax(200px, auto); gap: 14px; }
.bento__t { grid-column: span 2; display: flex; flex-direction: column; padding: var(--sp-5); border: 1px solid var(--c-line); border-radius: var(--r-xl); background: #fff; transition: border-color .15s, box-shadow .15s; }
.bento__t:hover { border-color: var(--c-blue-line); box-shadow: var(--sh-2); }
.bento__t--hero { grid-column: span 4; grid-row: span 2; background: var(--c-navy); border-color: var(--c-navy); color: #fff; background-image: linear-gradient(rgba(143,183,227,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(143,183,227,.08) 1px, transparent 1px); background-size: 24px 24px; }
.bento__t--wide { grid-column: span 3; }
.bento__t--tall { grid-column: span 2; grid-row: span 2; background: var(--blue-050); border-color: var(--blue-100); }
.bento__head { display: flex; justify-content: space-between; align-items: flex-start; }
.bento__count { font-size: var(--fs-xs); font-weight: 600; color: var(--c-muted); padding: 4px 10px; border: 1px solid var(--c-line); border-radius: 99px; background: #fff; }
.bento__title { margin-top: var(--sp-4); font-family: var(--f-display); font-stretch: condensed; font-size: 1.55rem; font-weight: 600; line-height: 1.1; }
.bento__title a { color: var(--c-navy); text-decoration: none; }
.bento__title a::after { content: ""; }
.bento__title a:hover { color: var(--c-blue); }
.bento__text { margin-top: 6px; font-size: var(--fs-sm); color: var(--c-muted); }
.bento__list { margin-top: auto; padding-top: var(--sp-4); display: grid; gap: 2px; }
.bento__list a { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 40px; padding: 6px 0; border-top: 1px solid var(--c-line); color: var(--c-ink); text-decoration: none; font-size: var(--fs-sm); font-weight: 600; }
.bento__list a .i { width: 16px; color: var(--c-blue); transition: transform .2s; }
.bento__list a:hover { color: var(--c-blue); }
.bento__list a:hover .i { transform: translateX(3px); }
.bento__t--hero .tile { background: rgba(143,183,227,.15); color: var(--c-blue-line); }
.bento__t--hero .bento__title { font-size: 2.2rem; }
.bento__t--hero .bento__title a { color: #fff; }
.bento__t--hero .bento__text { color: rgba(255,255,255,.75); font-size: var(--fs-base); max-width: 30em; }
.bento__t--hero .bento__count { background: transparent; border-color: rgba(255,255,255,.3); color: rgba(255,255,255,.8); }
.bento__t--hero .bento__list a { color: #fff; border-color: rgba(255,255,255,.15); font-size: var(--fs-base); min-height: 52px; }
.bento__t--hero .bento__list .i { color: var(--c-blue-line); }
.bento__t--tall .bento__list a { border-color: var(--blue-200); }

/* ===== Подбор по симптому ===== */
.finder { padding: var(--section) 0; background: var(--c-surface-alt); border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); }
.finder--compact { padding: var(--sp-7) 0; background: #fff; border-top: 0; }
.finder__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--sp-7); align-items: start; }
.finder__intro > p { margin-top: var(--sp-3); color: var(--c-muted); }
.finder--compact .h2 { font-size: var(--fs-lg); }
.finder__note { display: flex; gap: 8px; align-items: center; margin-top: var(--sp-5) !important; font-size: var(--fs-sm); }
.finder__note .i { color: var(--c-blue); }
.finder__card { padding: var(--sp-5); background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-xl); box-shadow: var(--sh-1); }
.finder--compact .finder__card { background: var(--c-surface-alt); box-shadow: none; }
.seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: var(--sp-4); background: var(--c-steel); border-radius: var(--r); }
.seg__btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; border: 0; border-radius: var(--r-sm); background: transparent; font-weight: 600; font-size: var(--fs-sm); color: var(--c-muted); }
.seg__btn .i { width: 18px; }
.seg__btn[aria-selected="true"] { background: #fff; color: var(--c-navy); box-shadow: var(--sh-1); }
.finder__pane[hidden] { display: none; }
.searchbox { display: flex; align-items: center; gap: 10px; padding: 5px 5px 5px 14px; background: #fff; border: 1.5px solid var(--c-line-strong); border-radius: var(--r); }
.searchbox:focus-within { border-color: var(--c-blue); box-shadow: 0 0 0 4px rgba(11,92,173,.14); }
.searchbox .i { color: var(--c-muted); }
.searchbox input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; font-size: 1.02rem; padding: 8px 0; background: transparent; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--sp-4); }
.finder__results:not(:empty) { margin-top: var(--sp-4); }
.sresult { display: grid; grid-template-columns: 1fr auto; gap: 2px 16px; align-items: center; padding: 12px 14px; background: #fff; border: 1px solid var(--c-line); border-left: 3px solid var(--c-blue); border-radius: var(--r-sm); text-decoration: none; color: var(--c-ink); }
.sresult + .sresult { margin-top: 8px; }
.sresult:hover { border-color: var(--c-blue); }
.sresult__t { font-weight: 700; color: var(--c-navy); }
.sresult__c { font-size: var(--fs-xs); color: var(--c-muted); }
.sresult__m { grid-column: 1; font-size: var(--fs-sm); color: var(--c-graphite); }
.sresult__m mark { background: var(--c-blue-tint); color: inherit; padding: 0 2px; border-radius: 2px; }
.sresult .i { grid-row: 1 / span 3; grid-column: 2; color: var(--c-blue); }
.sresults__none { padding: 16px; background: #fff; border: 1px dashed var(--c-line-strong); border-radius: var(--r); }
.sresults__none p + p { margin-top: 6px; color: var(--c-muted); font-size: var(--fs-sm); }
.sresults__none .btn { margin-top: 12px; }
.finder__disclaimer { margin-top: 10px; font-size: var(--fs-xs); color: var(--c-muted); }
/* дерево */
.tree__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 36px; margin-bottom: 12px; }
.tree__pill { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 12px; border: 1px solid var(--c-blue-200); border-radius: 99px; background: var(--blue-050); color: var(--c-navy); font-size: var(--fs-xs); font-weight: 600; }
.tree__pill:hover { border-color: var(--c-blue); }
.tree__reset { margin-left: auto; border: 0; background: none; color: var(--c-blue); font-size: var(--fs-xs); font-weight: 600; min-height: 32px; }
.tree__step { font-size: var(--fs-xs); font-weight: 700; color: var(--c-muted); }
.tree__q { font-family: var(--f-display); font-stretch: condensed; font-size: 1.35rem; font-weight: 600; color: var(--c-navy); margin: 2px 0 12px; }
.tree__opts { display: grid; gap: 6px; }
.tree__opts--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tree__opt { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 12px; border: 1px solid var(--c-line); border-radius: var(--r); background: #fff; text-align: left; font-size: var(--fs-sm); font-weight: 600; color: var(--c-ink); }
.tree__opt:hover { border-color: var(--c-blue); background: var(--blue-050); }
.tree__opt > span:not(.tile) { flex: 1; }
.tree__opt > .i { width: 16px; color: var(--c-blue); }
.tree__opt .tile { width: 36px; height: 36px; padding: 6px; border-radius: 8px; }
.tree__res { padding: var(--sp-5); border-radius: var(--r); background: var(--blue-050); border: 1px solid var(--blue-200); }
.tree__res-t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.5rem; font-weight: 600; color: var(--c-navy); margin-top: 4px; }
.tree__res p { margin-top: 8px; font-size: var(--fs-sm); color: var(--c-graphite); }
.tree__res-act { display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--sp-4); }

/* ===== Компетенции ===== */
.comp { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.comp__brands { grid-column: span 2; grid-row: span 2; display: flex; flex-direction: column; justify-content: space-between; gap: var(--sp-5); padding: var(--sp-6); border-radius: var(--r-xl); background: var(--c-navy); color: #fff; }
.comp__label { font-weight: 600; color: var(--c-blue-line); }
.comp__note { color: rgba(255,255,255,.75); max-width: 30em; }
.comp__item { padding: var(--sp-5); background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-xl); }
.comp__item h3 { margin-top: var(--sp-4); font-family: var(--f-display); font-stretch: condensed; font-size: 1.3rem; font-weight: 600; line-height: 1.15; color: var(--c-navy); }
.comp__item p { margin-top: 6px; font-size: var(--fs-sm); color: var(--c-muted); }
.plates { display: flex; flex-wrap: wrap; gap: 8px; }
.plates li { padding: 6px 14px; border: 1px solid var(--c-line-strong); border-radius: var(--r-sm); font-family: var(--f-display); font-stretch: condensed; font-weight: 600; letter-spacing: .03em; color: var(--c-navy); background: #fff; }
.plates--lg li { font-size: 1.5rem; padding: 10px 20px; background: rgba(255,255,255,.06); border-color: rgba(143,183,227,.35); color: #fff; }
.why--compact { display: none; }

/* ===== Процесс ===== */
.ps__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--sp-8); align-items: start; }
.ps__visual { position: sticky; top: calc(var(--header-h) + 32px); }
.ps__card { padding: var(--sp-5); border-radius: var(--r-xl); background: var(--c-navy); color: #fff; box-shadow: var(--sh-2); }
.ps__bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid rgba(143,183,227,.2); font-family: var(--f-display); font-stretch: condensed; font-size: 1.3rem; font-weight: 600; }
.ps__tag { font-family: var(--f-body); font-size: var(--fs-xs); font-weight: 600; padding: 3px 10px; border: 1px dashed rgba(255,255,255,.35); border-radius: 99px; color: rgba(255,255,255,.7); }
.ps__row { display: grid; grid-template-columns: 18px 1fr auto; gap: 12px; align-items: center; padding: 13px 4px; border-bottom: 1px solid rgba(143,183,227,.12); color: rgba(255,255,255,.55); font-weight: 600; }
.ps__dot { width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(143,183,227,.5); }
.ps__row.is-done { color: rgba(255,255,255,.85); }
.ps__row.is-done .ps__dot { background: var(--c-blue-line); border-color: var(--c-blue-line); }
.ps__row.is-now { color: #fff; background: rgba(11,92,173,.35); border-radius: var(--r-sm); }
.ps__row.is-now .ps__dot { border-color: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.2); }
.ps__state { font-size: var(--fs-xs); font-weight: 400; }
.ps__note { display: flex; gap: 8px; margin-top: 14px; font-size: var(--fs-xs); color: rgba(255,255,255,.7); }
.ps__note .i { width: 16px; color: var(--c-blue-line); }
.ps__list { margin-top: var(--sp-6); display: grid; }
.ps__step { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: var(--sp-5) 0 var(--sp-5) 20px; border-left: 2px solid var(--c-line); }
.ps__step:first-child { border-left-color: var(--c-blue); }
.ps__step p { margin-top: 6px; color: var(--c-muted); }
.steps { display: grid; grid-template-columns: repeat(5, 1fr); }
.steps--3 { grid-template-columns: repeat(3, 1fr); }
.steps--4 { grid-template-columns: repeat(4, 1fr); }
.steps__item { position: relative; padding-right: var(--sp-5); }
.steps__item::before { content: ""; position: absolute; left: 54px; right: 6px; top: 23px; height: 2px; background: currentColor; opacity: .15; }
.steps__item:last-child::before { display: none; }
.steps__n { position: relative; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--c-blue); color: var(--c-blue); font-family: var(--f-display); font-weight: 700; font-size: 1.3rem; background: #fff; }
.section--dark .steps__n { background: var(--c-navy); border-color: var(--c-blue-line); color: #fff; }
.section--tint .steps__n { background: var(--c-surface-alt); }
.steps__t { margin-top: var(--sp-4); font-family: var(--f-display); font-stretch: condensed; font-size: 1.35rem; font-weight: 600; color: var(--c-navy); line-height: 1.15; }
.ps__step .steps__t { margin-top: 10px; }
.section--dark .steps__t { color: #fff; }
.steps__item p { margin-top: 6px; font-size: var(--fs-sm); color: var(--c-muted); }
.section--dark .steps__item p { color: rgba(255,255,255,.72); }

/* ===== Формула стоимости ===== */
.eq { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1.25fr; gap: var(--sp-4); align-items: stretch; }
.eq__term { position: relative; padding: var(--sp-5); border: 1px solid var(--c-line); border-radius: var(--r-lg); background: #fff; }
.eq__n { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--c-blue-tint); color: var(--c-blue); font-family: var(--f-display); font-weight: 700; margin-bottom: 12px; }
.eq__term h3, .eq__result h3 { font-family: var(--f-display); font-stretch: condensed; font-size: 1.3rem; font-weight: 600; line-height: 1.15; color: var(--c-navy); }
.eq__term p, .eq__result p { margin-top: 8px; font-size: var(--fs-sm); color: var(--c-muted); }
.eq__op { align-self: center; font-family: var(--f-display); font-size: 2.2rem; font-weight: 300; color: var(--c-blue); }
.eq__result { padding: var(--sp-5); background: var(--c-blue); border-radius: var(--r-lg); color: #fff; }
.eq__result h3 { color: #fff; }
.eq__result p { color: rgba(255,255,255,.85); }
.eq__result .btn { margin-top: var(--sp-4); }

/* ===== Витрина ===== */
.showcase .wrap { display: grid; gap: var(--sp-8); }
.sc__row { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--sp-8); align-items: center; }
.sc__row--flip .sc__media { order: 2; }
.sc__text > p { margin-top: var(--sp-4); color: var(--c-muted); }
.sc__text .checklist { margin-top: var(--sp-5); }
.sc__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: var(--sp-5); }
.pmini { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: var(--sp-5); border-radius: var(--r-xl); background: var(--c-surface-alt); border: 1px solid var(--c-line); }
.pmini li { display: flex; align-items: center; gap: 12px; padding: 10px; background: #fff; border-radius: var(--r); border: 1px solid var(--c-line); font-weight: 600; color: var(--c-navy); font-size: var(--fs-sm); line-height: 1.25; }
.photo { position: relative; margin: 0; border-radius: var(--r-xl); overflow: hidden; background: var(--gray-200); }
.photo img { width: 100%; height: auto; aspect-ratio: 620 / 411; object-fit: cover; }
.photo figcaption { position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 6px 10px; border-radius: var(--r-sm); background: rgba(6,21,40,.72); color: rgba(255,255,255,.9); font-size: var(--fs-xs); line-height: 1.35; backdrop-filter: blur(4px); }
.plan { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1fr); grid-template-rows: 150px 120px 44px; gap: 10px; padding: 18px; background: var(--c-navy); border-radius: var(--r-xl); background-image: linear-gradient(rgba(143,183,227,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(143,183,227,.1) 1px, transparent 1px); background-size: 22px 22px; }
.plan__area { position: relative; display: flex; align-items: flex-end; padding: 12px; border: 1.5px solid var(--c-blue-line); border-radius: var(--r-sm); color: #fff; font-weight: 600; font-size: var(--fs-sm); line-height: 1.25; background: rgba(11,92,173,.25); hyphens: auto; overflow-wrap: anywhere; }
.plan__area span { position: absolute; top: 8px; left: 12px; font-family: var(--f-display); font-size: 1.5rem; color: var(--c-blue-line); }
.plan__a { grid-column: 1; grid-row: 1; }
.plan__b { grid-column: 2; grid-row: 1 / span 2; background: rgba(11,92,173,.45); }
.plan__c { grid-column: 3; grid-row: 1; }
.plan__d { grid-column: 1; grid-row: 2; }
.plan__photo { grid-column: 3; grid-row: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; padding: 8px; border: 1.5px dashed rgba(143,183,227,.45); border-radius: var(--r-sm); color: rgba(255,255,255,.6); font-size: var(--fs-xs); text-align: center; line-height: 1.3; }
.plan__photo .i { width: 18px; }
.plan__road { grid-column: 1 / -1; grid-row: 3; display: flex; align-items: center; justify-content: center; border-top: 2px dashed rgba(255,255,255,.3); border-bottom: 2px dashed rgba(255,255,255,.3); color: rgba(255,255,255,.6); font-size: var(--fs-xs); }

/* ===== Два пути ===== */
.twopath { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }
.twopath__card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-6); border: 1px solid var(--c-line); border-radius: var(--r-xl); background: #fff; }
.twopath__card p { color: var(--c-muted); max-width: 34em; }
.twopath__card .btn { margin-top: var(--sp-3); }
.twopath__card small { color: var(--c-muted); font-size: var(--fs-xs); }
.twopath__card--dark { background: var(--c-blue); border-color: var(--c-blue); color: #fff; }
.twopath__card--dark .h3 { color: #fff; }
.twopath__card--dark p, .twopath__card--dark small { color: rgba(255,255,255,.85); }
.twopath .h3 { margin-top: var(--sp-2); }

/* ===== Чек-листы ===== */
.checklist { display: grid; gap: 10px; }
.checklist li { display: flex; gap: 12px; align-items: flex-start; }
.checklist .i { color: var(--c-blue); margin-top: 3px; width: 18px; height: 18px; }

/* ===== FAQ ===== */
.faqwrap { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: var(--sp-8); }
.faqwrap__side > p { margin-top: var(--sp-3); }
.phone-lg { display: inline-block; margin-top: var(--sp-4); font-family: var(--f-display); font-stretch: condensed; font-size: 2rem; font-weight: 700; color: var(--c-navy); text-decoration: none; line-height: 1.1; }
.phone-lg:hover { color: var(--c-blue); }
.faq { display: grid; gap: 8px; }
.faq__item { border: 1px solid var(--c-line); border-radius: var(--r); background: #fff; transition: border-color .15s; }
.faq__item[open] { border-color: var(--c-blue-line); box-shadow: var(--sh-1); }
.faq__item summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 60px; padding: 14px 18px; cursor: pointer; font-weight: 700; color: var(--c-navy); list-style: none; }
.faq__item summary::-webkit-details-marker { display: none; }
.faq__sign { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--c-blue-tint); }
.faq__sign::before, .faq__sign::after { content: ""; position: absolute; left: 8px; right: 8px; top: 13px; height: 2px; background: var(--c-blue); transition: transform .2s; }
.faq__sign::after { transform: rotate(90deg); }
.faq__item[open] .faq__sign::after { transform: rotate(0); }
.faq__a { padding: 0 18px 18px; color: var(--c-graphite); max-width: 60em; }

/* ===== Блок обращения ===== */
.leadblock { padding: var(--section) 0; background: var(--c-surface-alt); border-top: 1px solid var(--c-line); }
.leadblock--blue { background: var(--c-blue); color: #fff; border-top: 0; }
.leadblock--blue .h2 { color: #fff; }
.leadblock__grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--sp-8); align-items: start; }
.leadblock__intro > p { margin-top: var(--sp-4); max-width: 30em; color: var(--c-muted); }
.leadblock--blue .leadblock__intro > p { color: rgba(255,255,255,.88); }
.methods { margin-top: var(--sp-6); display: grid; gap: 14px; }
.methods li { display: flex; gap: 14px; align-items: flex-start; }
.methods__ic { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: var(--r); background: var(--c-blue-tint); color: var(--c-blue); }
.methods li > span:last-child { display: grid; gap: 2px; font-weight: 600; color: var(--c-navy); }
.methods small { font-weight: 400; font-size: var(--fs-xs); color: var(--c-muted); }
.methods a { font-weight: 700; }
.leadblock--blue .methods__ic { background: rgba(255,255,255,.14); color: #fff; }
.leadblock--blue .methods li > span:last-child { color: #fff; }
.leadblock--blue .methods small { color: rgba(255,255,255,.7); }
.leadblock--blue .methods a { color: #fff; }
.methods--lg { margin-top: 0; gap: 0; }
.methods--lg li { padding: var(--sp-5) 0; border-bottom: 1px solid var(--c-line); }
.methods--lg li:first-child { padding-top: 0; }
.methods--lg li > span:last-child { font-size: 1.1rem; }
.methods--lg .phone-lg { margin-top: 0; font-size: 2.3rem; }
.methods--lg .link-arrow { margin-top: 4px; }
.card { background: #fff; border-radius: var(--r-xl); padding: var(--sp-6); color: var(--c-ink); border: 1px solid var(--c-line); box-shadow: var(--sh-2); }
.card--flat { box-shadow: none; }
.leadblock--blue .card { border-color: transparent; box-shadow: var(--sh-pop); }

/* маршрутизированная форма */
.routed__tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: var(--sp-5); }
.routed__tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 72px; padding: 10px 6px; border: 1.5px solid var(--c-line); border-radius: var(--r); background: #fff; font-size: var(--fs-xs); font-weight: 700; line-height: 1.2; color: var(--c-graphite); text-align: center; transition: border-color .15s, background .15s; }
.routed__tile .i { color: var(--c-blue); }
.routed__tile:hover { border-color: var(--c-blue-line); }
.routed__tile[aria-selected="true"] { background: var(--c-navy); border-color: var(--c-navy); color: #fff; }
.routed__tile[aria-selected="true"] .i { color: var(--c-blue-line); }
.routed__panel[hidden] { display: none; }

/* поля */
.form { display: grid; gap: var(--sp-4); }
.form__helper { display: flex; gap: 10px; padding: 10px 12px; border-radius: var(--r-sm); background: var(--c-surface-alt); border: 1px solid var(--c-line); font-size: var(--fs-sm); color: var(--c-graphite); }
.form__helper .i { color: var(--c-blue); width: 18px; height: 18px; margin-top: 2px; }
.form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }
.field { display: grid; gap: 6px; align-content: start; }
.field label { font-size: var(--fs-sm); font-weight: 600; color: var(--c-graphite); }
.req { color: var(--c-red); margin-left: 3px; }
.field input:not([type=checkbox]), .field select, .field textarea { width: 100%; min-height: 48px; padding: 11px 14px; border: 1.5px solid var(--c-line-strong); border-radius: var(--r-sm); font: inherit; font-size: 1rem; color: var(--c-ink); background: #fff; transition: border-color .15s, box-shadow .15s; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: var(--gray-500); }
.field textarea { resize: vertical; min-height: 92px; }
.field input:focus, .field select:focus, .field textarea:focus { outline: 0; border-color: var(--c-blue); box-shadow: 0 0 0 3px rgba(11,92,173,.15); }
.field.has-error input, .field.has-error select, .field.has-error textarea { border-color: var(--c-red); background: #fff8f8; }
.field__err { display: flex; gap: 6px; font-size: var(--fs-xs); color: var(--c-red); font-weight: 600; }
.field__err:empty { display: none; }
.field__hint { font-size: var(--fs-xs); color: var(--c-muted); }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: var(--fs-sm); font-weight: 400 !important; color: var(--c-muted) !important; cursor: pointer; }
.check input { width: 20px; height: 20px; margin: 1px 0 0; flex: none; accent-color: var(--c-blue); }
.field--check.has-error .check { color: var(--c-red) !important; }
.form__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.form__demo { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--c-muted); }
.form__demo .i { width: 15px; height: 15px; }
.form__ok { display: flex; gap: 16px; align-items: flex-start; padding: var(--sp-5); border-radius: var(--r); background: var(--blue-050); border: 1px solid var(--blue-200); }
.form__ok[hidden] { display: none; }
.form__ok-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--c-blue); color: #fff; flex: none; }
.form__ok-title { font-weight: 700; color: var(--c-navy); font-size: 1.1rem; }
.form__ok p + p { margin-top: 6px; font-size: var(--fs-sm); color: var(--c-graphite); }
.form__ok .btn { margin-top: 12px; }
.form.is-done > :not(.form__ok) { display: none; }

/* диалог */
.dialog { width: min(720px, calc(100% - 24px)); max-height: calc(100dvh - 24px); padding: 0; border: 0; border-radius: var(--r-xl); box-shadow: var(--sh-pop); color: var(--c-ink); }
.dialog::backdrop { background: rgba(6,21,40,.6); backdrop-filter: blur(3px); }
.dialog[open] { animation: fade .2s var(--ease); }
.dialog__box { padding: var(--sp-6); }
.dialog__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: var(--sp-5); }
.dialog__title { font-family: var(--f-display); font-stretch: condensed; font-size: 1.7rem; font-weight: 700; color: var(--c-navy); line-height: 1.1; }
.dialog__sub { font-size: var(--fs-sm); color: var(--c-muted); margin-top: 4px; }
.dialog__phone { display: flex; align-items: center; gap: 8px; margin-top: var(--sp-5); padding-top: var(--sp-4); border-top: 1px solid var(--c-line); font-size: var(--fs-sm); color: var(--c-muted); }
.dialog__phone .i { color: var(--c-blue); width: 18px; }
.dialog__phone a { font-weight: 700; }

/* ===== Внутренние страницы: первый экран ===== */
.phead { position: relative; background: var(--c-surface-alt); border-bottom: 1px solid var(--c-line); padding: var(--sp-5) 0 var(--sp-8); overflow: hidden; }
.phead--dark { background: var(--c-navy); color: #fff; border-bottom: 0; }
.phead--dark::before { content: ""; position: absolute; inset: 0; background: radial-gradient(700px 400px at 90% 20%, rgba(11,92,173,.5), transparent 70%); pointer-events: none; }
.crumbs { position: relative; }
.crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: var(--fs-xs); color: var(--c-muted); }
.crumbs li:not(:last-child)::after { content: "/"; margin: 0 8px; opacity: .5; }
.crumbs a { color: var(--c-muted); text-decoration: none; }
.crumbs a:hover { color: var(--c-blue); text-decoration: underline; }
.crumbs--light ol, .crumbs--light a { color: rgba(255,255,255,.65); }
.crumbs--light a:hover { color: #fff; }
.phead__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 400px); gap: var(--sp-7); align-items: center; margin-top: var(--sp-6); }
.phead__grid--solo { grid-template-columns: minmax(0, 1fr); }
.phead__kicker { display: flex; align-items: center; gap: 14px; margin-bottom: var(--sp-4); }
.phead__cat { font-weight: 600; color: var(--c-blue-line); font-size: var(--fs-sm); }
.phead__title { font-size: var(--fs-2xl); font-weight: 700; color: var(--c-navy); max-width: 20ch; }
.phead--dark .phead__title { color: #fff; }
.phead__lead { margin-top: var(--sp-4); font-size: var(--fs-md); line-height: 1.5; color: var(--c-graphite); max-width: 40em; }
.phead--dark .phead__lead { color: rgba(255,255,255,.82); }
.phead__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--sp-6); }
.phead__aside .photo { box-shadow: var(--sh-2); }
.speccard { padding: var(--sp-5); background: #fff; color: var(--c-ink); border: 1px solid var(--c-line); border-radius: var(--r-xl); box-shadow: var(--sh-2); }
.speccard__t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.25rem; font-weight: 600; color: var(--c-navy); padding-bottom: 12px; border-bottom: 2px solid var(--c-blue); }
.speccard__dl > div { padding: 12px 0; border-bottom: 1px solid var(--c-line); }
.speccard__dl dt { font-size: var(--fs-xs); font-weight: 700; color: var(--c-muted); }
.speccard__dl dd { font-size: var(--fs-sm); font-weight: 600; color: var(--c-navy); margin-top: 2px; }
.speccard__phone { display: flex; align-items: center; gap: 12px; margin-top: 14px; text-decoration: none; color: var(--c-navy); }
.speccard__phone .i { width: 22px; height: 22px; color: var(--c-blue); }
.speccard__phone span { display: grid; font-family: var(--f-display); font-stretch: condensed; font-weight: 700; font-size: 1.45rem; line-height: 1.1; }
.speccard__phone small { font-family: var(--f-body); font-weight: 400; font-size: var(--fs-xs); color: var(--c-muted); }
.speccard__nav { margin-top: 6px; }
.speccard__nav a { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 4px; border-bottom: 1px solid var(--c-line); color: var(--c-navy); font-weight: 600; text-decoration: none; font-size: var(--fs-sm); }
.speccard__nav li:last-child a { border-bottom: 0; }
.speccard__nav .ti { width: 30px; height: 30px; color: var(--c-blue); flex: none; }
.speccard__nav a span { flex: 1; }
.speccard__nav .i { width: 16px; color: var(--c-muted); }
.speccard__nav a:hover { color: var(--c-blue); }
.catjump { display: grid; gap: 6px; }
.catjump a { display: flex; align-items: center; gap: 12px; min-height: 58px; padding: 8px 12px 8px 8px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--r); text-decoration: none; color: var(--c-navy); font-weight: 600; font-size: var(--fs-sm); line-height: 1.25; }
.catjump a > span:not(.tile) { flex: 1; }
.catjump a > .i { width: 16px; color: var(--c-muted); }
.catjump a:hover { border-color: var(--c-blue); }

/* ===== Каталог ===== */
.filter { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.filter__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.filter__q { display: flex; align-items: center; gap: 8px; min-width: 300px; padding: 0 14px; border: 1.5px solid var(--c-line-strong); border-radius: var(--r-sm); background: #fff; }
.filter__q:focus-within { border-color: var(--c-blue); box-shadow: 0 0 0 3px rgba(11,92,173,.14); }
.filter__q input { border: 0; outline: 0; font: inherit; min-height: 44px; flex: 1; min-width: 0; background: transparent; }
.filter__q .i { color: var(--c-muted); }
.filter__status { margin-bottom: var(--sp-5); }
.sgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.scard { position: relative; display: flex; flex-direction: column; padding: var(--sp-5); background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-lg); transition: border-color .15s, box-shadow .15s; }
.scard:hover, .scard:focus-within { border-color: var(--c-blue-line); box-shadow: var(--sh-2); }
.scard[hidden] { display: none; }
.scard__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: var(--sp-4); }
.scard__cat { font-size: var(--fs-xs); color: var(--c-muted); font-weight: 600; text-align: right; line-height: 1.3; max-width: 60%; }
.scard__t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.4rem; font-weight: 600; line-height: 1.15; }
.scard__t a { color: var(--c-navy); text-decoration: none; }
.scard__t a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.scard__d { margin-top: 6px; font-size: var(--fs-sm); color: var(--c-muted); }
.scard__sym { margin: var(--sp-4) 0; padding: 10px 12px; background: var(--c-surface-alt); border-radius: var(--r-sm); }
.scard__sym p { font-size: var(--fs-xs); font-weight: 700; color: var(--c-muted); margin-bottom: 4px; }
.scard__sym ul { display: grid; gap: 3px; font-size: var(--fs-sm); color: var(--c-graphite); }
.scard__sym li { padding-left: 14px; position: relative; line-height: 1.4; }
.scard__sym li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 2px; background: var(--c-blue); }
.scard__foot { display: flex; justify-content: space-between; align-items: center; margin-top: auto; }
.scard__more { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: var(--fs-sm); color: var(--c-blue); }
.scard__more .i { width: 16px; }
.scard__book { position: relative; z-index: 1; }
.empty { display: grid; justify-items: center; gap: 8px; padding: var(--sp-7); text-align: center; border: 1px dashed var(--c-line-strong); border-radius: var(--r-lg); }
.empty[hidden] { display: none; }
.empty__t { font-weight: 700; font-size: 1.15rem; color: var(--c-navy); }
.empty p { color: var(--c-muted); }

/* разделы */
.srows { display: grid; gap: 14px; }
.srow { display: grid; grid-template-columns: 64px minmax(0, 1.5fr) minmax(0, 1fr) auto; gap: var(--sp-6); align-items: start; padding: var(--sp-6); border: 1px solid var(--c-line); border-radius: var(--r-xl); background: #fff; }
.srow__t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.75rem; font-weight: 600; line-height: 1.1; }
.srow__t a { color: var(--c-navy); text-decoration: none; }
.srow__t a:hover { color: var(--c-blue); }
.srow__main > p { margin-top: 8px; color: var(--c-graphite); }
.srow__main .tags { margin-top: var(--sp-4); }
.srow__sym { padding: var(--sp-4); background: var(--c-surface-alt); border-radius: var(--r); }
.srow__label { font-size: var(--fs-xs); font-weight: 700; color: var(--c-muted); margin-bottom: 6px; }
.srow__sym ul { display: grid; gap: 4px; font-size: var(--fs-sm); }
.srow__sym li { padding-left: 14px; position: relative; }
.srow__sym li::before { content: ""; position: absolute; left: 0; top: .7em; width: 6px; height: 2px; background: var(--c-blue); }
.srow__go { display: grid; gap: 8px; }
.catnav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.catnav a { display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 12px; background: #fff; border: 1px solid var(--c-line); border-radius: var(--r-lg); text-decoration: none; color: var(--c-navy); font-weight: 700; line-height: 1.25; font-size: var(--fs-sm); }
.catnav a > span:not(.tile) { flex: 1; }
.catnav a > .i { width: 16px; color: var(--c-muted); }
.catnav a:hover { border-color: var(--c-blue); }
.tags { display: flex; flex-wrap: wrap; gap: 8px; }
.tags li { padding: 7px 14px; background: var(--c-blue-tint); color: var(--c-navy); border-radius: var(--r-sm); font-weight: 600; font-size: var(--fs-sm); }
.tags--sm li { padding: 3px 10px; font-size: var(--fs-xs); background: var(--c-steel); }

/* услуга */
.localnav { position: sticky; top: var(--header-h); z-index: 30; background: rgba(255,255,255,.97); border-bottom: 1px solid var(--c-line); backdrop-filter: blur(8px); }
.localnav ul { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.localnav ul::-webkit-scrollbar { display: none; }
.localnav a { display: inline-flex; align-items: center; min-height: 52px; padding: 0 14px; color: var(--c-graphite); font-weight: 600; font-size: var(--fs-sm); text-decoration: none; white-space: nowrap; border-bottom: 3px solid transparent; }
.localnav a:hover { color: var(--c-blue); }
.localnav a.is-current { color: var(--c-blue); border-bottom-color: var(--c-blue); }
.svc { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--sp-8); padding-top: var(--sp-7); padding-bottom: var(--section); }
.svc__block + .svc__block, .svc__block + .svc__pair, .svc__pair + .svc__block { margin-top: var(--sp-8); }
.svc__block > .h3 { margin-bottom: var(--sp-4); }
.svc__block > .muted { margin: -8px 0 var(--sp-4); }
.symgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.symgrid li { display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: var(--c-surface-alt); border: 1px solid var(--c-line); border-radius: var(--r); font-weight: 600; color: var(--c-navy); line-height: 1.4; }
.symgrid .i { color: var(--c-blue); margin-top: 1px; }
.worklist { counter-reset: w; display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--sp-6); border-top: 2px solid var(--c-navy); }
.worklist li { counter-increment: w; display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--c-line); }
.worklist li::before { content: counter(w, decimal-leading-zero); font-family: var(--f-display); font-weight: 700; color: var(--c-blue); min-width: 24px; }
.svc__block > .small { margin-top: var(--sp-3); }
.mini-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.mini-steps li { display: grid; gap: 10px; align-content: start; padding: 14px; border: 1px solid var(--c-line); border-radius: var(--r); }
.mini-steps span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--c-navy); color: #fff; font-family: var(--f-display); font-weight: 700; }
.mini-steps b { color: var(--c-navy); }
.mini-steps p { font-size: var(--fs-xs); color: var(--c-muted); margin-top: 4px; line-height: 1.5; }
.svc__price { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--sp-6); align-items: center; padding: var(--sp-6); background: var(--c-navy); color: #fff; border-radius: var(--r-xl); }
.svc__price .h3 { color: #fff; margin-bottom: 8px; }
.svc__price p { color: rgba(255,255,255,.85); }
.svc__price-cta { display: grid; gap: 8px; justify-items: start; }
.svc__price-cta span { font-size: var(--fs-xs); color: rgba(255,255,255,.6); }
.svc__pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.svc__pair .svc__block + .svc__block { margin-top: 0; }
.svc__mini { padding: var(--sp-5); border: 1px solid var(--c-line); border-radius: var(--r-xl); }
.svc__mini .h4 { margin-bottom: var(--sp-4); }
.svc__mini p { color: var(--c-graphite); font-size: var(--fs-sm); margin-bottom: 8px; }
.svc__side { display: flex; flex-direction: column; gap: var(--sp-5); }
.sidecard { display: grid; gap: 12px; padding: var(--sp-5); border: 1px solid var(--c-line); border-top: 4px solid var(--c-blue); border-radius: var(--r-lg); background: #fff; align-self: start; box-shadow: var(--sh-1); }
.svc__side .sidecard { position: sticky; top: calc(var(--header-h) + 72px); }
.sidecard--sticky { position: sticky; top: calc(var(--header-h) + 24px); }
.sidecard__t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.35rem; font-weight: 600; color: var(--c-navy); line-height: 1.15; }
.sidenav { padding: var(--sp-4); background: var(--c-surface-alt); border-radius: var(--r-lg); border: 1px solid var(--c-line); }
.sidenav__t { padding: 0 6px; }
.sidenav__t a { font-weight: 700; color: var(--c-navy); text-decoration: none; }
.sidenav ul { margin-top: 10px; display: grid; gap: 2px; }
.sidenav li a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 8px; border-radius: var(--r-sm); color: var(--c-graphite); text-decoration: none; font-size: var(--fs-sm); }
.sidenav .ti { width: 26px; height: 26px; color: var(--c-blue); flex: none; }
.sidenav li a:hover { background: #fff; color: var(--c-blue); }
.sidenav li a[aria-current] { background: #fff; color: var(--c-navy); font-weight: 700; box-shadow: inset 3px 0 0 var(--c-blue); }

/* запчасти, продажа */
.pgroups { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.pgroup { display: flex; flex-direction: column; padding: var(--sp-5); border: 1px solid var(--c-line); border-radius: var(--r-lg); background: #fff; }
.pgroup h3 { margin-top: var(--sp-4); font-family: var(--f-display); font-stretch: condensed; font-size: 1.35rem; font-weight: 600; color: var(--c-navy); }
.pgroup ul { margin: 10px 0 16px; display: grid; gap: 6px; font-size: var(--fs-sm); color: var(--c-graphite); }
.pgroup li { padding-left: 14px; position: relative; }
.pgroup li::before { content: ""; position: absolute; left: 0; top: .7em; width: 6px; height: 2px; background: var(--c-blue); }
.pgroup .link-arrow { margin-top: auto; }
.segments { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.segment { display: flex; flex-direction: column; gap: 8px; padding: var(--sp-5); border: 1px solid var(--c-line); border-top: 4px solid var(--c-blue); border-radius: var(--r-lg); background: #fff; }
.segment h3 { font-family: var(--f-display); font-stretch: condensed; font-size: 1.45rem; font-weight: 600; color: var(--c-navy); }
.segment p { color: var(--c-muted); font-size: var(--fs-sm); flex: 1; }

/* информационные страницы */
.infogrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.info { padding: var(--sp-6); border: 1px solid var(--c-line); border-radius: var(--r-xl); }
.info__ic { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--r); background: var(--c-blue-tint); color: var(--c-blue); margin-bottom: var(--sp-4); }
.info .h3 { margin-bottom: var(--sp-4); }
.linkcards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: var(--sp-7); }
.linkcard { display: flex; align-items: center; gap: 16px; min-height: 84px; padding: var(--sp-5); border: 1px solid var(--c-line); border-radius: var(--r-lg); text-decoration: none; color: var(--c-muted); font-size: var(--fs-sm); background: #fff; }
.linkcard:hover { border-color: var(--c-blue); }
.linkcard__ic { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: var(--r); background: var(--c-blue-tint); color: var(--c-blue); }
.linkcard > span:nth-child(2) { flex: 1; display: grid; gap: 2px; }
.linkcard b { color: var(--c-navy); font-size: 1.05rem; }
.linkcard > .i { color: var(--c-muted); }
.prose-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--sp-8); align-items: start; }
.terms > div { display: grid; grid-template-columns: 240px 1fr; gap: var(--sp-5); padding: var(--sp-5) 0; border-bottom: 1px solid var(--c-line); }
.terms > div:first-child { border-top: 2px solid var(--c-navy); }
.terms dt { font-weight: 700; color: var(--c-navy); }
.terms dd { color: var(--c-graphite); }
.prose { max-width: 820px; }
.prose .h3 { margin: var(--sp-6) 0 var(--sp-3); }
.prose .h3:first-child { margin-top: 0; }
.bullets { list-style: disc; padding-left: 1.2em; display: grid; gap: 8px; }
.about { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--sp-8); }
.about__text p { font-size: var(--fs-md); line-height: 1.6; color: var(--c-graphite); }
.about__text p + p { margin-top: var(--sp-5); }
.about__dirs { padding: var(--sp-6); background: var(--c-surface-alt); border: 1px solid var(--c-line); border-radius: var(--r-xl); }
.about__dirs .h3 { margin-bottom: var(--sp-4); }
.about__base { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--sp-7); align-items: center; }
.zones { display: grid; gap: var(--sp-4); }
.zones dt { display: flex; align-items: center; gap: 12px; font-weight: 700; color: var(--c-navy); }
.zones dd { margin: 4px 0 0 44px; font-size: var(--fs-sm); color: var(--c-muted); }
.zones__key { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-sm); background: var(--c-navy); color: #fff; font-family: var(--f-display); }
.docs { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-7); align-items: start; }
.docs .h3 { margin-bottom: var(--sp-4); }
.reqs { width: 100%; border-collapse: collapse; margin-bottom: var(--sp-3); }
.reqs th, .reqs td { text-align: left; padding: 12px 0; border-bottom: 1px solid var(--c-line); vertical-align: top; }
.reqs th { width: 40%; font-weight: 600; color: var(--c-muted); font-size: var(--fs-sm); padding-right: 16px; }
.reqs td { font-weight: 600; color: var(--c-navy); }
.doclist { display: grid; gap: 8px; }
.doclist a, .doclist button { width: 100%; display: flex; gap: 14px; align-items: center; min-height: 68px; padding: 12px 16px; border: 1px solid var(--c-line); border-radius: var(--r); background: #fff; text-align: left; text-decoration: none; color: var(--c-muted); font-size: var(--fs-sm); }
.doclist a:hover, .doclist button:hover { border-color: var(--c-blue); }
.doclist__ic { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 8px; background: var(--c-blue-tint); color: var(--c-blue); }
.doclist span:nth-child(2) { flex: 1; display: grid; }
.doclist b { color: var(--c-navy); font-size: 1rem; }
.doclist__act { font-weight: 700; color: var(--c-blue); font-size: var(--fs-xs); }
.doclist a > .i { color: var(--c-muted); width: 16px; }

/* контакты */
.contacts { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--sp-8); align-items: start; }
.map { position: relative; min-height: 460px; border-radius: var(--r-xl); overflow: hidden; background: #e4ebf2; border: 1px solid var(--c-line); }
.map__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(10,34,64,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(10,34,64,.06) 1px, transparent 1px); background-size: 40px 40px; }
.map__road { position: absolute; background: #fff; box-shadow: 0 0 0 1px #c9d4df; }
.map__road--1 { left: -10%; right: -10%; top: 58%; height: 30px; transform: rotate(-12deg); display: flex; align-items: center; justify-content: center; }
.map__road--1 span { font-size: var(--fs-xs); color: var(--c-muted); font-weight: 600; }
.map__road--2 { top: -10%; bottom: -10%; left: 30%; width: 18px; transform: rotate(8deg); }
.map__pin { position: absolute; left: 56%; top: 34%; display: flex; flex-direction: column; align-items: center; gap: 6px; transform: translateX(-50%); }
.map__pin .i { width: 48px; height: 48px; color: #fff; fill: var(--c-blue); stroke: #fff; stroke-width: 1.2; filter: drop-shadow(0 6px 10px rgba(10,34,64,.3)); }
.map__pin span { padding: 6px 12px; background: var(--c-navy); color: #fff; border-radius: var(--r-sm); font-weight: 700; font-size: var(--fs-sm); white-space: nowrap; }
.map__open { position: absolute; left: 16px; bottom: 16px; display: inline-flex; align-items: center; gap: 8px; min-height: var(--tap); padding: 10px 14px; background: #fff; border-radius: var(--r-sm); font-weight: 600; font-size: var(--fs-sm); box-shadow: var(--sh-2); text-decoration: none; }
.map__open .i { width: 16px; }

/* 404 */
.nf { padding: var(--section) 0; }
.nf__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: var(--sp-8); align-items: center; }
.nf__code { font-family: var(--f-display); font-stretch: condensed; font-size: clamp(5rem, 14vw, 9rem); font-weight: 700; line-height: .9; color: var(--c-blue); }
.nf .h1 { color: var(--c-navy); margin-top: var(--sp-3); }
.nf .muted { margin-top: var(--sp-4); max-width: 34em; }
.nf__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--sp-6); }

/* ===== Подвал ===== */
.footer { background: var(--navy-950); color: rgba(255,255,255,.7); font-size: var(--fs-sm); }
.footer__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--sp-5); padding-top: var(--sp-7); padding-bottom: var(--sp-6); border-bottom: 1px solid rgba(255,255,255,.1); }
.footer__brand { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.footer__brand p { max-width: 30em; }
.footer__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.footer__phone { font-family: var(--f-display); font-stretch: condensed; font-size: 1.8rem; font-weight: 700; color: #fff; text-decoration: none; }
.footer__phone:hover { color: var(--c-blue-line); }
.footer__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr); gap: var(--sp-6); padding-top: var(--sp-6); padding-bottom: var(--sp-6); }
.footer__h { display: flex; justify-content: space-between; align-items: center; color: #fff; font-weight: 700; margin-bottom: var(--sp-3); list-style: none; }
.fgroup summary { cursor: default; pointer-events: none; }
.fgroup summary::-webkit-details-marker { display: none; }
.fgroup summary .i { display: none; }
.footer ul { display: grid; gap: 4px; }
.footer a { color: rgba(255,255,255,.75); text-decoration: none; }
.footer ul a { display: inline-flex; align-items: center; min-height: 32px; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer__contacts { display: grid; gap: 10px; align-content: start; }
.footer__contacts p { display: flex; gap: 10px; }
.footer__contacts .i { width: 18px; flex: none; margin-top: 2px; color: var(--c-blue-line); }
.footer__contacts small { color: rgba(255,255,255,.5); }
.footer__bottom { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; align-items: center; padding-top: var(--sp-4); padding-bottom: var(--sp-4); border-top: 1px solid rgba(255,255,255,.1); font-size: var(--fs-xs); color: rgba(255,255,255,.5); }
.footer__top-link { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; }
.footer__top-link .i { width: 16px; }

.mobilebar { display: none; }

/* ===== Адаптив ===== */
@media (max-width: 1240px) {
  .header__phone span { display: none; }
  .header__phone { width: var(--tap); justify-content: center; border: 1.5px solid var(--c-line); border-radius: var(--r-sm); }
  .nav__link { padding: 10px 8px; }
  .mega__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
  .nav, .header__cta { display: none; }
  .burger { display: inline-grid; }
  .header__actions { margin-left: auto; gap: 8px; }
  .routes { grid-template-columns: repeat(2, 1fr); }
  .routes__item:nth-child(2) { border-right: 0; }
  .routes__item:nth-child(-n+2) { border-bottom: 1px solid var(--c-line); }
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento__t, .bento__t--wide, .bento__t--tall { grid-column: span 1; grid-row: auto; }
  .bento__t--hero { grid-column: 1 / -1; grid-row: auto; }
  .faqwrap, .leadblock__grid, .about, .about__base, .contacts, .prose-grid, .finder__grid, .ps__grid, .sc__row, .phead__grid { grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); }
  .sc__row--flip .sc__media { order: 0; }
  .ps__visual { position: static; }
  .steps, .steps--3, .steps--4 { grid-template-columns: minmax(0, 1fr); gap: var(--sp-5); }
  .steps__item { display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; padding: 0; }
  .steps__item::before { left: 23px; right: auto; top: 54px; bottom: -18px; width: 2px; height: auto; }
  .steps__t { margin-top: 8px; }
  .steps__item p { grid-column: 2; }
  .eq { grid-template-columns: minmax(0, 1fr); }
  .eq__op { justify-self: center; line-height: 1; }
  .sgrid, .pgroups, .segments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .svc { grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); }
  .svc__side .sidecard, .sidecard--sticky { position: static; }
  .svc__price { grid-template-columns: minmax(0, 1fr); }
  .catnav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .srow { grid-template-columns: 64px minmax(0, 1fr); }
  .srow__sym, .srow__go { grid-column: 2; }
  .srow__go { display: flex; flex-wrap: wrap; }
  .mini-steps { grid-template-columns: minmax(0, 1fr); }
  .mini-steps li { grid-template-columns: 32px 1fr; gap: 14px; }
  .topbar__item:nth-child(2) { display: none; }
  .phead__aside { max-width: 560px; }
  .comp__brands { grid-column: 1 / -1; grid-row: auto; }
}
@media (max-width: 720px) {
  :root { --header-h: 64px; --tile: 46px; }
  body { padding-bottom: 72px; }
  .topbar { display: none; }
  .shead { flex-direction: column; align-items: flex-start; }
  .banners__bar { flex-direction: column; align-items: stretch; gap: 10px; }
  .banners__caption span { display: block; }
  .banners__caption { display: grid; gap: 2px; }
  .banners__controls { flex-wrap: wrap; gap: 8px; }
  .banners__ask { flex: 1 1 100%; }
  .banners__nav { flex: 1 1 100%; justify-content: space-between; }
  .routes { grid-template-columns: minmax(0, 1fr); margin-top: -30px; }
  .routes__item { border-right: 0; border-bottom: 1px solid var(--c-line); min-height: 68px; padding: 12px 16px; }
  .routes__item:last-child { border-bottom: 0; }
  .bento { grid-template-columns: minmax(0, 1fr); }
  .bento__t--hero .bento__title { font-size: 1.8rem; }
  .finder__card { padding: var(--sp-4); }
  .seg__long { display: none; }
  .tree__opts--grid { grid-template-columns: minmax(0, 1fr); }
  .comp { grid-template-columns: minmax(0, 1fr); }
  .comp__brands { padding: var(--sp-5); }
  .plates--lg li { font-size: 1.2rem; padding: 8px 14px; }
  .sgrid, .pgroups, .segments, .catnav, .infogrid, .linkcards, .docs, .form__row, .worklist, .symgrid, .twopath, .svc__pair, .pmini { grid-template-columns: minmax(0, 1fr); }
  .srow { grid-template-columns: minmax(0, 1fr); padding: var(--sp-5); gap: var(--sp-4); }
  .srow > .tile { display: none; }
  .srow__sym, .srow__go { grid-column: 1; }
  .phead { padding-bottom: var(--sp-7); }
  .phead__grid { margin-top: var(--sp-5); }
  .phead__title { font-size: clamp(1.9rem, 8vw, 2.6rem); }
  .phead__lead { font-size: var(--fs-base); }
  .phead__actions .btn { flex: 1 1 auto; }
  .catjump a { min-height: 52px; }
  .filter__q { min-width: 0; width: 100%; }
  .filter__chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(-1 * var(--gutter)); padding: 2px var(--gutter) 6px; scrollbar-width: none; }
  .filter__chips .chip { flex: none; }
  .terms > div { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .plan { grid-template-rows: 116px 96px 40px; padding: 12px; gap: 8px; }
  .plan__area { font-size: 11px; padding: 6px; overflow-wrap: normal; }
  .ps__visual { order: 2; }
  .plan__area span { font-size: 1.2rem; top: 4px; left: 8px; }
  .footer__top { flex-direction: column; align-items: flex-start; }
  .footer__grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: var(--sp-3); }
  .fgroup { border-bottom: 1px solid rgba(255,255,255,.1); }
  .fgroup summary { pointer-events: auto; cursor: pointer; min-height: 52px; margin: 0; }
  .fgroup summary .i { display: block; width: 18px; transition: transform .2s; }
  .fgroup[open] summary .i { transform: rotate(180deg); }
  .fgroup ul { padding-bottom: 12px; }
  .footer__contacts { padding-top: var(--sp-5); }
  .card { padding: var(--sp-5); border-radius: var(--r-lg); }
  .routed__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .routed__tile { flex-direction: row; min-height: 52px; font-size: var(--fs-xs); justify-content: flex-start; padding: 8px 10px; text-align: left; }
  .dialog { width: 100%; max-width: 100%; max-height: 100dvh; height: 100dvh; margin: 0; border-radius: 0; }
  .dialog__box { padding: var(--sp-5) var(--sp-4); }
  .nf__grid { grid-template-columns: minmax(0, 1fr); }
  .map { min-height: 300px; }
  .methods--lg .phone-lg { font-size: 1.9rem; }
  .svc__price { padding: var(--sp-5); }
  .localnav a { min-height: 46px; padding: 0 10px; }
  .mobilebar { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--c-line); box-shadow: 0 -6px 20px rgba(10,34,64,.08); }
  .mobilebar__btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: var(--r-sm); border: 1.5px solid var(--c-line); background: #fff; color: var(--c-navy); font-weight: 700; text-decoration: none; font-size: var(--fs-sm); }
  .mobilebar__btn--primary { background: var(--c-blue); border-color: var(--c-blue); color: #fff; }
}
@media (max-width: 380px) {
  .btn { white-space: normal; text-align: center; }
  .header__phone { display: none; }
  .banners__dot { width: 26px; }
  .banners__ask { padding: .5em .7em; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  .header, .topbar, .mobilebar, .footer, .leadblock, .dialog, .banners, .localnav { display: none !important; }
}

/* =========================================================
   V2.1 — корпоративная идентичность КАМАЗ ЦЕНТР, инженерная графика, новости
   ========================================================= */

/* ——— Логотип КАМАЗ ЦЕНТР (оригинальный знак, пропорции 354:497) ——— */
.logo { position: relative; display: inline-flex; align-items: center; gap: 14px; flex: none; text-decoration: none; color: var(--c-navy); }
.logo__flag { display: block; flex: none; line-height: 0; }
.logo__flag img { display: block; width: 100%; height: auto; }
.logo__text { display: flex; flex-direction: column; gap: 3px; font-family: var(--f-display); font-stretch: condensed; line-height: 1; }
.logo__line { font-size: .8rem; font-weight: 700; letter-spacing: .14em; color: var(--c-blue); }
.logo__text b { font-size: 1.32rem; font-weight: 700; letter-spacing: -.005em; }
/* шапка: знак-флаг свисает от верхней строки */
.header .logo { align-self: stretch; padding-left: 82px; }
.header .logo__flag { position: absolute; left: 0; top: -36px; width: 68px; box-shadow: 0 10px 22px -10px rgba(6,21,40,.6); z-index: 2; }
.mnav__head .logo__flag { width: 34px; }
.mnav__head .logo__text b { font-size: 1.1rem; }
/* подвал */
.logo--footer { color: #fff; gap: 18px; }
.logo--footer .logo__flag { width: 84px; box-shadow: 0 0 0 1px rgba(255,255,255,.08); }
.logo--footer .logo__line { color: var(--c-blue-line); font-size: .85rem; }
.logo--footer .logo__text b { font-size: 1.7rem; }

/* ——— Баннеры и сервисный экран — единая тёмно-синяя последовательность ——— */
.is-home .banners, .banners:not(.banners--compact) { background: var(--navy-900); border-bottom: 0; }
.banners:not(.banners--compact) .banners__track { background: var(--navy-900); }
.banners:not(.banners--compact) .banners__slide img { background: var(--navy-900); }
.banners:not(.banners--compact) .banners__bar { border-bottom: 1px solid rgba(143,183,227,.16); }
.banners:not(.banners--compact) .banners__caption { color: rgba(255,255,255,.6); }
.banners:not(.banners--compact) .banners__caption b { color: #fff; }
.banners:not(.banners--compact) .banners__ask { background: transparent; border-color: rgba(255,255,255,.35); color: #fff; }
.banners:not(.banners--compact) .banners__ask:hover { border-color: #fff; }
.banners:not(.banners--compact) .iconbtn { background: transparent; border-color: rgba(255,255,255,.25); color: #fff; }
.banners:not(.banners--compact) .iconbtn:hover { border-color: #fff; }
.banners:not(.banners--compact) .banners__dot span { background: rgba(255,255,255,.25); }
.banners:not(.banners--compact) .banners__dot[aria-selected="true"] span { background: #fff; }
.banners:not(.banners--compact) :focus-visible { outline-color: #fff; }

.console { position: relative; background: var(--navy-900); color: #fff; overflow: hidden; }
.console::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(900px 520px at 72% 46%, rgba(11,92,173,.42), transparent 70%),
    linear-gradient(rgba(143,183,227,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(143,183,227,.06) 1px, transparent 1px);
  background-size: auto, 32px 32px, 32px 32px; }
.console__grid { position: relative; display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.4fr); gap: var(--sp-7); padding-top: var(--sp-8); padding-bottom: calc(var(--sp-8) + 36px); align-items: center; }
.console__kicker { color: var(--c-blue-line); font-weight: 600; font-size: var(--fs-sm); margin-bottom: var(--sp-5); letter-spacing: .02em; }
.console__title { font-size: clamp(2.2rem, 1.3rem + 2.8vw, 3.6rem); font-weight: 700; line-height: 1; max-width: 12ch; }
.console__lead { margin-top: var(--sp-5); font-size: var(--fs-md); line-height: 1.5; color: rgba(255,255,255,.8); max-width: 30em; }
.console__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--sp-6); }
.console__phone { display: inline-flex; align-items: center; gap: 12px; margin-top: var(--sp-6); color: #fff; text-decoration: none; }
.console__phone .i { width: 22px; height: 22px; color: var(--c-blue-line); }
.console__phone span { display: grid; font-family: var(--f-display); font-stretch: condensed; font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
.console__phone small { font-family: var(--f-body); font-size: var(--fs-xs); font-weight: 400; color: rgba(255,255,255,.6); }
.console__phone:hover { color: #fff; }
.console__explorer { min-width: 0; }
.console__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin-top: 4px; }
.console__item { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 6px 10px 6px 6px; border: 1px solid rgba(143,183,227,.22); border-radius: var(--r); background: rgba(255,255,255,.03); color: rgba(255,255,255,.82); font-size: var(--fs-xs); font-weight: 600; line-height: 1.2; text-align: left; transition: background .15s, border-color .15s; }
.console__item .tile { background: rgba(143,183,227,.12); color: var(--c-blue-line); }
.console__item:hover { background: rgba(255,255,255,.08); border-color: rgba(143,183,227,.45); }
.console__item.is-active { background: #fff; border-color: #fff; color: var(--c-navy); }
.console__item.is-active .tile { background: var(--c-blue); color: #fff; }
.console__panel { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-top: 12px; padding: 14px 16px; border-radius: var(--r); background: rgba(255,255,255,.05); border-left: 3px solid var(--c-blue-line); animation: fade .25s; }
.console__panel[hidden] { display: none; }
.console__panel-t { display: grid; gap: 2px; }
.console__panel-t a { font-family: var(--f-display); font-stretch: condensed; font-size: 1.3rem; font-weight: 600; color: #fff; text-decoration: none; }
.console__panel-t a:hover { text-decoration: underline; }
.console__panel-t span { font-size: var(--fs-xs); color: rgba(255,255,255,.6); }
.console__links { display: flex; flex-wrap: wrap; gap: 6px; }
.console__links a { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 6px 12px; border-radius: 99px; border: 1px solid rgba(255,255,255,.22); color: #fff; text-decoration: none; font-size: var(--fs-sm); font-weight: 600; }
.console__links a:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.console__links .i { width: 16px; opacity: .7; }

/* ——— Инженерная иллюстрация и слой точек ——— */
.truck { margin: 0; }
.truck__stage { position: relative; aspect-ratio: 468 / 304; }
.truck__img { position: absolute; inset: 0; width: 100%; height: 100%; }
.truck__layer { position: absolute; inset: 0; }
.truck__cap { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: var(--fs-xs); color: rgba(255,255,255,.65); }
.truck__cap .i { width: 16px; color: var(--c-blue-line); }
.hotspot { position: absolute; width: var(--tap); height: var(--tap); margin: -22px 0 0 -22px; border: 0; padding: 0; background: transparent; border-radius: 50%; display: grid; place-items: center; }
.hotspot > span { width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.18), 0 0 18px rgba(143,183,227,.6); transition: transform .2s var(--ease), background .2s; }
.hotspot::after { content: ""; position: absolute; inset: 6px; border-radius: 50%; border: 2px solid #fff; opacity: 0; }
.hotspot.is-active > span { background: var(--c-blue); box-shadow: 0 0 0 4px #fff, 0 0 0 11px rgba(255,255,255,.18), 0 0 24px rgba(143,183,227,.8); }
.hotspot.is-active::after { animation: ping 2.4s var(--ease) infinite; }
@keyframes ping { 0% { transform: scale(.6); opacity: .8; } 80%, 100% { transform: scale(1.7); opacity: 0; } }
.hotspot em { position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translate(-50%, 4px); padding: 4px 10px; border-radius: 99px; background: #fff; color: var(--c-navy); font-style: normal; font-size: var(--fs-xs); font-weight: 700; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s, transform .15s; box-shadow: var(--sh-2); }
.hotspot:hover em, .hotspot:focus-visible em, .hotspot.is-active em { opacity: 1; transform: translate(-50%, 0); }
.hotspot:hover > span { transform: scale(1.2); }
.truck--static .hotspot em { display: none; }

/* ——— Первый экран услуги ——— */
.phead--svc .phead__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: var(--sp-6); }
.phead--svc { padding-bottom: var(--sp-6); background: var(--navy-900); }
.phead--svc .phead__aside { align-self: end; }
.specbar { background: var(--navy-800); color: #fff; border-top: 1px solid rgba(143,183,227,.16); }
.specbar__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 0; }
.specbar__grid > div, .specbar__phone { display: grid; gap: 2px; align-content: center; padding: 16px 20px; border-right: 1px solid rgba(143,183,227,.16); }
.specbar__grid > div:first-child { padding-left: 0; }
.specbar__grid span { font-size: var(--fs-xs); color: rgba(255,255,255,.6); }
.specbar__grid b { font-size: var(--fs-sm); line-height: 1.35; }
.specbar__phone { grid-auto-flow: column; justify-content: start; align-items: center; gap: 10px; border-right: 0; padding-right: 0; color: #fff; text-decoration: none; }
.specbar__phone .i { color: var(--c-blue-line); width: 22px; height: 22px; }
.specbar__phone span { display: grid; font-family: var(--f-display); font-stretch: condensed; font-weight: 700; font-size: 1.4rem; line-height: 1.1; color: #fff; }
.specbar__phone small { font-family: var(--f-body); font-size: var(--fs-xs); font-weight: 400; color: rgba(255,255,255,.6); }

/* ——— Каталог: основные и дополнительные направления ——— */
.sgroup + .sgroup { margin-top: var(--sp-8); }
.sgroup[hidden] { display: none; }
.sgroup__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; margin-bottom: var(--sp-5); padding-bottom: var(--sp-4); border-bottom: 2px solid var(--c-navy); }
.sgroup__t { display: flex; align-items: baseline; gap: 10px; font-family: var(--f-display); font-stretch: condensed; font-size: var(--fs-xl); font-weight: 700; color: var(--c-navy); line-height: 1.05; }
.sgroup__t span { font-size: 1rem; font-weight: 600; color: var(--c-blue); }
.sgroup__head p { color: var(--c-muted); font-size: var(--fs-sm); }
.sgroup--p2 .sgroup__head { border-bottom-width: 1px; border-color: var(--c-line-strong); }
.sgroup--p2 .sgroup__t { font-size: var(--fs-lg); }
.sgrid--main .scard { padding: var(--sp-6); }
.sgrid--main .scard__t { font-size: 1.6rem; }
.sgrid--main .scard:first-child { grid-row: span 2; background: var(--navy-800); border-color: var(--navy-800); color: #fff; }
.sgrid--main .scard:first-child .scard__t a { color: #fff; }
.sgrid--main .scard:first-child .scard__d, .sgrid--main .scard:first-child .scard__cat { color: rgba(255,255,255,.7); }
.sgrid--main .scard:first-child .scard__sym { background: rgba(255,255,255,.06); }
.sgrid--main .scard:first-child .scard__sym p { color: rgba(255,255,255,.6); }
.sgrid--main .scard:first-child .scard__sym ul { color: rgba(255,255,255,.88); }
.sgrid--main .scard:first-child .tile { background: rgba(143,183,227,.15); color: var(--c-blue-line); }
.sgrid--main .scard:first-child .scard__more { color: #fff; }
.sgrid--minor { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.scard--compact { padding: var(--sp-4); }
.scard--compact .scard__head { margin-bottom: 10px; }
.scard--compact .tile { width: 40px; height: 40px; padding: 7px; border-radius: 8px; }
.scard--compact .scard__t { font-size: 1.2rem; }
.scard--compact .scard__sym { display: none; }
.scard--compact .scard__d { margin-bottom: var(--sp-4); }

/* ——— Новости КАМАЗ ——— */
.news { background: #fff; border-top: 1px solid var(--c-line); }
.news__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 14px; }
.news__card { display: flex; flex-direction: column; border: 1px solid var(--c-line); border-radius: var(--r-lg); overflow: hidden; background: #fff; }
.news__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--c-steel); }
.news__img--empty { display: grid; place-items: center; color: var(--c-blue-line); padding: 18%; }
.news__body { display: grid; gap: 8px; padding: var(--sp-5); }
.news__body time { font-size: var(--fs-xs); font-weight: 700; color: var(--c-blue); }
.news__body h3 { font-family: var(--f-display); font-stretch: condensed; font-size: 1.25rem; font-weight: 600; line-height: 1.2; }
.news__body h3 a { color: var(--c-navy); text-decoration: none; }
.news__body h3 a:hover { color: var(--c-blue); text-decoration: underline; }
.news__src { display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-xs); color: var(--c-muted); }
.news__src .i { width: 14px; }
.news__empty { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: var(--sp-6); align-items: center; padding: var(--sp-5); border: 1px dashed var(--c-line-strong); border-radius: var(--r-xl); background: var(--c-surface-alt); }
.news__slots { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 10px; }
.news__slots span { aspect-ratio: 4 / 5; border-radius: var(--r); border: 1px solid var(--c-line); background:
  linear-gradient(#fff 0 0) 14px 58% / 40% 8px no-repeat, linear-gradient(var(--c-line) 0 0) 14px 70% / 80% 6px no-repeat, linear-gradient(var(--c-line) 0 0) 14px 78% / 60% 6px no-repeat,
  linear-gradient(var(--c-steel) 0 0) 0 0 / 100% 48% no-repeat, #fff; }
.news__empty-t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.4rem; font-weight: 600; color: var(--c-navy); }
.news__empty-text p:not(.news__empty-t) { margin: 8px 0 14px; color: var(--c-muted); font-size: var(--fs-sm); }

/* ——— Подвал в фирменной идентичности ——— */
.footer { position: relative; border-top: 4px solid var(--c-blue); }
.footer__top { padding-top: var(--sp-7); padding-bottom: var(--sp-7); }
.footer__brand { gap: 16px 32px; }
.footer__brand p { max-width: 26em; color: rgba(255,255,255,.65); }
.footer__phone { font-size: 2rem; }

/* ——— Дизайн-система: единые состояния интерактивных элементов ——— */
.routed__tile, .seg__btn, .chip, .tree__opt, .console__item { transition: background .15s, border-color .15s, color .15s, box-shadow .15s; }
.routed__tile:focus-visible, .seg__btn:focus-visible, .chip:focus-visible, .tree__opt:focus-visible { outline-offset: 1px; }
.btn:disabled, .btn[aria-disabled="true"] { opacity: .5; cursor: not-allowed; box-shadow: none; }
.btn:active:not(:disabled) { transform: translateY(1px); }
.field input:disabled, .field select:disabled, .field textarea:disabled { background: var(--c-steel); color: var(--c-muted); cursor: not-allowed; }
.field input::placeholder, .field textarea::placeholder { color: #8a95a1; }

@media (max-width: 1240px) {
  .console__grid { grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); }
  .console__title { max-width: 16ch; }
  .sgrid--minor { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
  .phead--svc .phead__grid { grid-template-columns: minmax(0, 1fr); }
  .phead--svc .phead__aside { max-width: 640px; width: 100%; }
  .specbar__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .specbar__grid > div, .specbar__phone { padding: 12px 16px 12px 0; border-right: 0; border-bottom: 1px solid rgba(143,183,227,.16); }
  .sgrid--main .scard:first-child { grid-row: auto; }
  .sgrid--minor { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .news__empty { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .header .logo { padding-left: 54px; }
  .header .logo__flag { top: 0; width: 44px; }
  .logo__line { font-size: .68rem; letter-spacing: .12em; }
  .logo__text b { font-size: 1.08rem; }
  .logo--footer .logo__flag { width: 64px; }
  .logo--footer .logo__text b { font-size: 1.35rem; }
  .console__grid { padding-top: var(--sp-6); padding-bottom: calc(var(--sp-7) + 30px); }
  .console__lead { font-size: var(--fs-base); }
  .console__actions .btn { flex: 1 1 100%; }
  .console__phone span { font-size: 1.4rem; }
  .console__explorer { margin: 0 calc(-1 * var(--gutter)); }
  .console__explorer .truck { padding: 0 6px; }
  .hotspot { width: 36px; height: 36px; margin: -18px 0 0 -18px; }
  .hotspot > span { width: 12px; height: 12px; }
  .hotspot em { display: none; }
  .console__list { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(120px, 1fr); overflow-x: auto; padding: 0 var(--gutter) 4px; scrollbar-width: none; }
  .console__list::-webkit-scrollbar { display: none; }
  .console__item { flex-direction: column; text-align: center; justify-content: center; }
  .console__panel { margin: 12px var(--gutter) 0; }
  .specbar__grid { grid-template-columns: minmax(0, 1fr); }
  .sgrid--minor, .news__grid, .news__slots { grid-template-columns: minmax(0, 1fr); }
  .news__slots span:nth-child(n+2) { display: none; }
  .news__slots span { aspect-ratio: 16 / 7; }
}
@media (max-width: 380px) {
  .header .logo { padding-left: 48px; }
  .header .logo__flag { width: 40px; }
  .logo__text b { font-size: .98rem; }
  .console__title { font-size: 2rem; }
}
/* V2.1 — правки компоновки шапки и сервисного экрана */
.topbar__inner { padding-left: calc(var(--gutter) + 82px); }
.console__title { hyphens: manual; font-size: clamp(2.1rem, 1.2rem + 2.4vw, 3.3rem); max-width: 13ch; }
.console__grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr); }
@media (max-width: 1480px) {
  .header__phone span { display: none; }
  .header__phone { width: var(--tap); justify-content: center; border: 1.5px solid var(--c-line); border-radius: var(--r-sm); }
  .nav__link { padding: 10px 8px; }
}
@media (max-width: 1240px) { .console__grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1080px) { .topbar__inner { padding-left: calc(var(--gutter) + 82px); } }
@media (max-width: 380px) {
  .logo--footer { gap: 12px; }
  .logo--footer .logo__flag { width: 52px; }
  .logo--footer .logo__line { letter-spacing: .08em; }
  .logo--footer .logo__text b { font-size: 1.15rem; }
}
/* V2.1 — сетка основных направлений без пустых ячеек */
.sgrid--main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sgrid--main .scard:first-child { grid-row: auto; grid-column: span 2; }
.sgrid--minor { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
@media (max-width: 1240px) { .sgrid--main { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .sgrid--main { grid-template-columns: minmax(0, 1fr); } .sgrid--main .scard:first-child { grid-column: auto; } .sgrid--minor { grid-template-columns: minmax(0, 1fr); } }
/* V2.1 — новости (пустое состояние) и подвал */
.news__empty { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.news__slots { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.news__slots span { aspect-ratio: 3 / 4; }
.footer__brand { flex-direction: column; align-items: flex-start; gap: 14px; }
.footer .footer__phone { color: #fff; }
.footer .footer__phone:hover { color: var(--c-blue-line); }
@media (max-width: 1080px) { .news__empty { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) { .news__slots { grid-template-columns: minmax(0, 1fr); } }
.footer .logo { color: #fff; }
.footer .logo:hover { text-decoration: none; }
@media (max-width: 720px) { .news__slots span { aspect-ratio: 16 / 7; } }

/* =========================================================
   V2.2 — изображения, процесс, компактная шапка, корпоративный подвал
   ========================================================= */

/* ——— Компактная шапка: высота не меняется, поэтому контент не прыгает ——— */
.header { transition: box-shadow .2s, background-color .2s; }
.header .logo__flag { transform-origin: 0 0; transition: transform .22s var(--ease), box-shadow .22s; will-change: transform; }
.is-scrolled .header { box-shadow: 0 8px 24px -14px rgba(6,21,40,.45); background: #fff; }
.is-scrolled .header .logo__flag { transform: translate(10px, 44px) scale(.58); box-shadow: none; }
@media (max-width: 720px) {
  .is-scrolled .header .logo__flag { transform: none; }
}

/* ——— Бенто: «Двигатель» с изображением ——— */
.bento__t--photo { position: relative; overflow: hidden; padding: 0; }
.bento__t--photo .bento__body { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; padding: var(--sp-6); }
.bento__media { position: absolute; top: 0; right: 0; width: 66%; height: 64%; }
.bento__media picture, .bento__media img { width: 100%; height: 100%; }
.bento__media img { object-fit: cover; object-position: 60% 45%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 38%), linear-gradient(0deg, transparent 0, #000 30%); mask-image: linear-gradient(90deg, transparent 0, #000 38%); -webkit-mask-composite: source-in; mask-composite: intersect; opacity: .92; }
.bento__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--c-navy) 0, rgba(10,34,64,0) 45%), linear-gradient(90deg, var(--c-navy) 0, rgba(10,34,64,.2) 40%, rgba(10,34,64,0) 70%); }
.bento__note { position: absolute; right: 12px; top: 12px; z-index: 2; padding: 3px 9px; border-radius: 99px; background: rgba(6,21,40,.6); color: rgba(255,255,255,.75); font-size: var(--fs-xs); }
.bento__t--photo .bento__title { font-size: clamp(1.9rem, 1.2rem + 1.6vw, 2.6rem); max-width: 11ch; text-shadow: 0 2px 12px rgba(6,21,40,.6); }
.bento__t--photo .bento__text { max-width: 26em; text-shadow: 0 1px 8px rgba(6,21,40,.8); }
.bento__t--photo .bento__list { background: linear-gradient(0deg, var(--c-navy) 60%, rgba(10,34,64,.7)); margin: auto calc(-1 * var(--sp-6)) calc(-1 * var(--sp-6)); padding: var(--sp-4) var(--sp-6) var(--sp-5); }

/* ——— «Ремонтируем агрегаты» с изображением ——— */
.comp__brands--photo { position: relative; overflow: hidden; padding: 0; justify-content: flex-end; min-height: 440px; }
.comp__media { position: absolute; inset: 0 0 auto 0; height: 62%; }
.comp__media picture, .comp__media img { width: 100%; height: 100%; }
.comp__media img { object-fit: cover; object-position: 55% 40%; }
.comp__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--c-navy) 2%, rgba(10,34,64,.55) 45%, rgba(10,34,64,.15) 100%); }
.comp__content { position: relative; z-index: 1; display: grid; gap: var(--sp-4); padding: var(--sp-6); }

/* ——— Производственная база: зоны ——— */
.sc__row--wide { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.zones-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ztile { position: relative; display: flex; flex-direction: column; min-height: 230px; border-radius: var(--r-lg); overflow: hidden; background: var(--c-navy); color: #fff;
  background-image: linear-gradient(rgba(143,183,227,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(143,183,227,.09) 1px, transparent 1px); background-size: 20px 20px; }
.ztile__visual { position: relative; flex: 1; min-height: 96px; display: grid; place-items: center; }
.ztile__art { width: 92px; height: 92px; color: var(--c-blue-line); opacity: .85; }
.ztile__art .ti { stroke-width: 1.3; }
.ztile--photo .ztile__visual picture, .ztile--photo .ztile__visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ztile__body { position: relative; padding: 14px 16px 16px; background: linear-gradient(0deg, rgba(6,21,40,.92), rgba(6,21,40,.55)); }
.ztile__key { position: absolute; right: 14px; top: 12px; font-family: var(--f-display); font-size: 1.4rem; font-weight: 700; color: var(--c-blue-line); }
.ztile h3 { font-family: var(--f-display); font-stretch: condensed; font-size: 1.2rem; font-weight: 600; line-height: 1.15; padding-right: 28px; }
.ztile p { margin-top: 4px; font-size: var(--fs-xs); color: rgba(255,255,255,.72); line-height: 1.45; }
.plan__c--tall { grid-row: 1 / span 2; }

/* ——— Этапы ремонта (интерактивный процесс) ——— */
.flow__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 10px; row-gap: 14px; }
.flow__step { position: relative; grid-row: 1; grid-column: var(--i); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-height: 112px; padding: 16px; border: 1.5px solid var(--c-line); border-radius: var(--r-lg); background: #fff; text-align: left; color: var(--c-navy); transition: border-color .15s, background .15s, box-shadow .15s; }
.flow__step::after { content: ""; position: absolute; top: 39px; right: -12px; width: 14px; height: 2px; background: var(--c-line-strong); }
.flow__step:last-of-type::after { display: none; }
.flow__step:hover { border-color: var(--c-blue-line); background: var(--blue-050); }
.flow__step[aria-expanded="true"] { border-color: var(--c-navy); background: var(--c-navy); color: #fff; box-shadow: var(--sh-2); }
.flow__n { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--c-blue); color: var(--c-blue); font-family: var(--f-display); font-weight: 700; font-size: 1.25rem; background: #fff; }
.flow__step[aria-expanded="true"] .flow__n { background: var(--c-blue); border-color: var(--c-blue); color: #fff; }
.flow__t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.3rem; font-weight: 600; line-height: 1.1; }
.flow__badge { padding: 3px 9px; border-radius: 99px; background: var(--c-blue-tint); color: var(--c-blue); font-size: var(--fs-xs); font-weight: 700; }
.flow__step[aria-expanded="true"] .flow__badge { background: rgba(255,255,255,.14); color: #fff; }
.flow__step--key { border-color: var(--c-blue-line); }
.flow__chev { display: none; margin-left: auto; }
.flow__panel { grid-row: 2; grid-column: 1 / -1; padding: var(--sp-5) var(--sp-6); border-radius: var(--r-lg); background: var(--c-surface-alt); border: 1px solid var(--c-line); animation: fade .2s; }
.flow__panel[hidden] { display: none; }
.flow__panel--key { background: var(--blue-050); border-color: var(--blue-200); border-left: 4px solid var(--c-blue); }
.flow__dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-6); }
.flow__dl dt { display: flex; align-items: center; gap: 8px; font-size: var(--fs-xs); font-weight: 700; color: var(--c-muted); }
.flow__dl dt .i { width: 18px; height: 18px; color: var(--c-blue); }
.flow__dl dd { margin-top: 8px; color: var(--c-ink); line-height: 1.55; }
.section--dark .flow__step { background: rgba(255,255,255,.04); border-color: rgba(143,183,227,.25); color: #fff; }
.section--dark .flow__step:hover { background: rgba(255,255,255,.08); }
.section--dark .flow__step[aria-expanded="true"] { background: #fff; color: var(--c-navy); border-color: #fff; }
.section--dark .flow__n { background: transparent; color: #fff; border-color: var(--c-blue-line); }
.section--dark .flow__panel { background: rgba(255,255,255,.06); border-color: rgba(143,183,227,.25); }
.section--dark .flow__panel--key { border-left-color: var(--c-blue-line); }
.section--dark .flow__dl dt { color: rgba(255,255,255,.65); }
.section--dark .flow__dl dd { color: #fff; }
.section--dark .flow__step::after { background: rgba(143,183,227,.35); }

/* ——— Новости КАМАЗ: компактная ссылка, когда лента не подключена ——— */
.newsbar { padding: var(--sp-6) 0; background: #fff; border-top: 1px solid var(--c-line); }
.newsbar__link { display: flex; align-items: center; gap: 18px; padding: 18px 22px; border: 1px solid var(--c-line); border-left: 4px solid var(--c-blue); border-radius: var(--r-lg); text-decoration: none; color: var(--c-ink); background: var(--c-surface-alt); transition: border-color .15s, box-shadow .15s; }
.newsbar__link:hover { border-color: var(--c-blue-line); box-shadow: var(--sh-2); color: var(--c-ink); }
.newsbar__ic { width: 44px; height: 44px; flex: none; color: var(--c-blue); }
.newsbar__text { display: grid; gap: 2px; flex: 1; min-width: 0; }
.newsbar__text b { font-family: var(--f-display); font-stretch: condensed; font-size: 1.35rem; color: var(--c-navy); }
.newsbar__text span { font-size: var(--fs-sm); color: var(--c-muted); }
.newsbar__go { display: inline-flex; align-items: center; gap: 6px; flex: none; font-weight: 700; color: var(--c-blue); font-size: var(--fs-sm); }
.newsbar__go .i { width: 16px; }

/* ——— Визуальный слой разделов и услуг ——— */
.mpanel { margin: 0; }
.mpanel__pic img { display: block; width: 100%; height: auto; border-radius: var(--r-lg); box-shadow: var(--sh-pop); }
.mpanel figcaption, .svc__media figcaption { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: var(--fs-xs); color: rgba(255,255,255,.65); }
.mpanel figcaption .i, .svc__media figcaption .i { width: 16px; color: var(--c-blue-line); }
.svc__media { margin: var(--sp-8) 0 0; padding: var(--sp-5); border-radius: var(--r-xl); background: var(--c-navy); }
.svc__media img { display: block; width: 100%; max-height: 360px; object-fit: contain; border-radius: var(--r); background: #fff; }
.svc__media + .svc__block { margin-top: var(--sp-8); }
.scard--media { padding-top: 0 !important; overflow: hidden; }
.scard__media { margin: 0 calc(-1 * var(--sp-6)) var(--sp-5); height: 190px; position: relative; }
.scard__media picture, .scard__media img { width: 100%; height: 100%; }
.scard__media img { object-fit: cover; object-position: 55% 45%; }
.scard__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--navy-800) 0, rgba(10,34,64,0) 55%); }

/* ——— Блок записи: сдержанный графический слой слева, форма на чистой поверхности ——— */
.leadblock__intro { position: relative; }
.leadblock__art { position: absolute; left: -4%; bottom: -36px; width: 112%; max-width: 640px; opacity: .2; pointer-events: none; z-index: 0; }
.leadblock__intro > :not(.leadblock__art) { position: relative; z-index: 1; }
.leadblock--blue { overflow: hidden; }

/* ——— Типографика крупных заголовков и ритм ——— */
.h2 { letter-spacing: -.015em; }
.section .shead .h2 { font-size: clamp(1.9rem, 1.2rem + 1.9vw, 2.75rem); }
.shead { margin-bottom: var(--sp-7); }

/* ——— Корпоративный подвал: 21 ссылка ——— */
.footer__corp { padding: var(--sp-6) 0 var(--sp-7); border-top: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.02); }
.footer__corp-t { font-family: var(--f-display); font-stretch: condensed; font-size: 1.25rem; font-weight: 600; color: #fff; margin-bottom: var(--sp-5); }
.corp { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--sp-6); }
.corp__h { display: inline-flex; align-items: flex-start; gap: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid var(--c-blue); font-weight: 700; color: #fff !important; font-size: var(--fs-base); line-height: 1.3; }
.corp__h .i { width: 15px; height: 15px; margin-top: 3px; flex: none; color: var(--c-blue-line); }
.corp ul { display: grid; gap: 2px; }
.corp li a { display: inline-flex; min-height: 32px; align-items: center; color: rgba(255,255,255,.78); font-size: var(--fs-sm); line-height: 1.35; }
.corp li a:hover { color: #fff; }

@media (max-width: 1240px) {
  .corp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sc__row--wide { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 1080px) {
  .bento__media { width: 100%; height: 55%; }
}
@media (max-width: 900px) {
  .flow__grid { display: flex; flex-direction: column; gap: 8px; }
  .flow__step { flex-direction: row; align-items: center; flex-wrap: wrap; min-height: 64px; padding: 10px 14px; }
  .flow__step::after { display: none; }
  .flow__chev { display: inline-flex; transition: transform .2s; }
  .flow__step[aria-expanded="true"] .flow__chev { transform: rotate(180deg); }
  .flow__badge { order: 3; }
  .flow__panel { padding: var(--sp-4); margin-top: -4px; }
  .flow__dl { grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); }
}
@media (max-width: 720px) {
  .zones-grid { grid-template-columns: minmax(0, 1fr); }
  .ztile { min-height: 180px; }
  .newsbar__link { flex-wrap: wrap; padding: 14px 16px; }
  .newsbar__go { width: 100%; }
  .corp { grid-template-columns: minmax(0, 1fr); gap: var(--sp-5); }
  .comp__brands--photo { min-height: 400px; }
  .bento__t--photo .bento__body { padding: var(--sp-5); padding-top: 150px; }
  .bento__t--photo .bento__list { margin: auto calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5)); padding: var(--sp-4) var(--sp-5); }
  .scard__media { margin: 0 calc(-1 * var(--sp-5)) var(--sp-4); height: 160px; }
  .leadblock__art { display: none; }
}
.leadblock__art { opacity: .1; bottom: -60px; }
.corp__h { display: flex; }
/* V2.2 — «Ремонтируем агрегаты»: изображение отдельной полосой над текстом, текст на чистом фоне */
.comp__brands--photo { min-height: 0; justify-content: flex-start; }
.comp__media { position: relative; inset: auto; height: 230px; flex: none; }
.comp__media::after { background: linear-gradient(0deg, var(--c-navy) 0, rgba(10,34,64,0) 60%); }
.comp__content { padding-top: var(--sp-4); }
@media (max-width: 720px) { .comp__media { height: 170px; } }









/* VTSK-FIX05-LITE-BEGIN */
.banners:not(.banners--compact) .banners__track {
    background: #071d3a;
}
.banners:not(.banners--compact) .banners__slide {
    isolation: isolate;
}
.banners:not(.banners--compact) .banners__slide::before {
    content: "";
    position: absolute;
    inset: -28px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(24px) brightness(.48);
    transform: scale(1.06);
    z-index: -1;
}
.banners:not(.banners--compact) .banners__slide picture {
    position: relative;
    z-index: 1;
    padding-inline: 0;
}
.banners:not(.banners--compact) .banners__slide img {
    box-shadow: none;
}
.banners:not(.banners--compact) .banners__slide:nth-child(1)::before {background-image:url("/bitrix/templates/vtsk/assets/img/banners/vtsk-original-v2/26e3189e517e6f92a5364fe7ead367a7.jpg");}
.banners:not(.banners--compact) .banners__slide:nth-child(2)::before {background-image:url("/bitrix/templates/vtsk/assets/img/banners/vtsk-original-v2/272a1fa41117ef33843e00d94083d64c.jpg");}
.banners:not(.banners--compact) .banners__slide:nth-child(3)::before {background-image:url("/bitrix/templates/vtsk/assets/img/banners/vtsk-original-v2/98536a96c8c88009e7299ef1d3227cd6.jpg");}
.banners:not(.banners--compact) .banners__slide:nth-child(4)::before {background-image:url("/bitrix/templates/vtsk/assets/img/banners/vtsk-original-v2/d9eba27757753af8eafe48650a674047.jpg");}
.banners:not(.banners--compact) .banners__slide:nth-child(5)::before {background-image:url("/bitrix/templates/vtsk/assets/img/banners/vtsk-original-v2/e183bb7588b54d55b8146f851d660a46.jpg");}
/* VTSK-FIX05-LITE-END */


/* VTSK-CONTENT-04-BLOCK-01 BEGIN — service overview heading */
.vtsk-dealer-overview .shead {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(24px, 3vw, 44px);
  border-radius: 16px;
  background: linear-gradient(100deg, #071e3c 0%, #092b50 67%, #0b355c 100%);
  color: #fff;
}
.vtsk-dealer-overview .shead::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -2%; bottom: -23%;
  width: min(48%, 580px);
  height: 115%;
  background: url('/bitrix/templates/vtsk/assets/img/illustration/kamaz-tractor-technical.svg') right bottom / contain no-repeat;
  opacity: .16;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 32%);
}
.vtsk-dealer-overview .shead__main { position: relative; z-index: 1; max-width: 820px; }
.vtsk-dealer-overview .shead__main .h2,
.vtsk-dealer-overview .shead__main .shead__text { color: #fff; }
.vtsk-dealer-overview .shead__main .shead__text { max-width: 790px; margin-top: 12px; line-height: 1.65; }
.vtsk-dealer-overview .shead__link { position: relative; z-index: 1; }
.vtsk-dealer-overview .shead__link a { color: #fff; }
@media (max-width: 720px) {
  .vtsk-dealer-overview .shead { padding: 24px 18px; }
  .vtsk-dealer-overview .shead::before { width: 82%; opacity: .075; }
}
/* VTSK-CONTENT-04-BLOCK-01 END */

/* VTSK-PHOTO04-BEGIN */

/* Фотографии производственных участков */
.is-home .zones-grid .ztile__visual {
  min-height: 155px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.is-home .zones-grid .ztile:nth-child(1) .ztile__visual {
  background-image: url('/bitrix/templates/vtsk/assets/img/content/diagnostics.webp');
}

.is-home .zones-grid .ztile:nth-child(2) .ztile__visual {
  background-image: url('/bitrix/templates/vtsk/assets/img/content/repair-bays.webp');
}

.is-home .zones-grid .ztile:nth-child(3) .ztile__visual {
  background-image: url('/bitrix/templates/vtsk/assets/img/content/aggregate-workshop.webp');
}

.is-home .zones-grid .ztile:nth-child(4) .ztile__visual {
  background-image: url('/bitrix/templates/vtsk/assets/img/content/parts-warehouse.webp');
}

/* Убираем декоративные иконки поверх фотографий */
.is-home .zones-grid .ztile__art {
  display: none;
}

/* Малоконтрастный фон этапов ремонта */
.is-home .section.flow {
  background-image:
    linear-gradient(
      rgba(255,255,255,.92),
      rgba(255,255,255,.92)
    ),
    url('/bitrix/templates/vtsk/assets/img/content/repair-process-background.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 720px) {
  .is-home .zones-grid .ztile__visual {
    min-height: 180px;
  }

  .is-home .section.flow {
    background-image:
      linear-gradient(
        rgba(255,255,255,.96),
        rgba(255,255,255,.96)
      ),
      url('/bitrix/templates/vtsk/assets/img/content/repair-process-background.webp');
  }
}

/* VTSK-PHOTO04-END */





/* VTSK-SALES-FIX05-BEGIN */
.sc__row--sales-kamaz .sc__media .photo {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: #e8eff7;
}

.sc__row--sales-kamaz .sc__media picture {
  display: block;
  padding: 0;
}

.sc__row--sales-kamaz .sc__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1540 / 1021;
  object-fit: cover;
  max-width: 100%;
  border-radius: 0;
}

.sc__row--sales-kamaz .sc__media .photo::before {
  content: none;
  display: none;
}

.sc__row--sales-kamaz .sc__media figcaption {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  margin: 0;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(10, 29, 52, .78);
  color: #fff;
  font-size: 12px;
}

@media (max-width: 720px) {
  .sc__row--sales-kamaz .sc__media figcaption {
    left: 8px;
    right: 8px;
    bottom: 8px;
  }
}
/* VTSK-SALES-FIX05-END */

/* VTSK-NEWS-01-BEGIN */
.newsbar--live { padding: 44px 0; background: #f3f7fb; }
.vtsk-news__head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
.vtsk-news__head .h2 { margin:0; }
.vtsk-news__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.vtsk-news__card { display:flex; flex-direction:column; gap:12px; min-width:0; min-height:160px; padding:22px; border:1px solid #dce5ef; border-radius:18px; background:#fff; color:#193551; text-decoration:none; transition:border-color .2s,box-shadow .2s; }
.vtsk-news__card:hover { border-color:#2872ba; box-shadow:0 8px 24px rgba(18,59,103,.10); }
.vtsk-news__card time { font-size:13px; color:#687a8b; }
.vtsk-news__title { font-weight:700; font-size:17px; line-height:1.4; }
.vtsk-news__more { margin-top:auto; font-size:13px; font-weight:600; color:#1365a8; }
.vtsk-news__fallback { margin:0; }
@media(max-width:800px) { .vtsk-news__grid { grid-template-columns:1fr; } .vtsk-news__head { align-items:flex-start; flex-direction:column; } .vtsk-news__card { min-height:0; } }
/* VTSK-NEWS-01-END */

/* VTSK-NEWS-02-BEGIN */
.vtsk-news__card { overflow:hidden; }
.vtsk-news__image { display:block; width:calc(100% + 44px); max-width:none; aspect-ratio:16/9; height:auto; object-fit:cover; margin:-22px -22px 3px; background:#e7eef5; }
@media(max-width:800px) { .vtsk-news__image { aspect-ratio:16/9; } }
/* VTSK-NEWS-02-END */

/* VTSK-COMPASS-01-BEGIN */
.vtsk-compass{padding:46px 0 54px;background:#fff}
.vtsk-compass__shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(22px,4vw,64px);align-items:center;border-radius:22px;background:#3d3e40;color:#fff;overflow:hidden;min-height:370px}
.vtsk-compass__photos{min-height:370px;height:100%;position:relative;overflow:hidden;background:#303236}
.vtsk-compass__photo{position:absolute;background-size:cover;background-position:center;border-radius:16px;border:3px solid #3d3e40}
.vtsk-compass__photo--main{inset:0 23% 0 0;border-radius:0;background-image:url('/bitrix/templates/vtsk/assets/img/content/repair-bays.webp')}
.vtsk-compass__photo--small{width:48%;height:56%;right:3%;bottom:5%;background-image:url('/bitrix/templates/vtsk/assets/img/content/diagnostics.webp');box-shadow:0 14px 30px rgba(0,0,0,.38)}
.vtsk-compass__photo-note{position:absolute;left:12px;bottom:12px;padding:5px 9px;border-radius:5px;font-size:11px;color:#fff;background:rgba(20,22,26,.8)}
.vtsk-compass__content{padding:32px clamp(24px,3vw,46px) 32px 0}
.vtsk-compass__eyebrow{display:inline-block;border-left:3px solid #c49306;padding-left:12px;color:#dfb43d;font-weight:700;font-size:11px;letter-spacing:.08em}
.vtsk-compass__title{font-size:clamp(30px,3vw,46px);line-height:1.1;margin:17px 0 13px;color:#fff}
.vtsk-compass__lead{font-size:clamp(17px,1.7vw,21px);line-height:1.35;font-weight:700;color:#fff;margin:0 0 12px}
.vtsk-compass__description{font-size:14px;line-height:1.6;color:#e1e2e5;margin:0 0 18px}
.vtsk-compass__features{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 22px}
.vtsk-compass__features li{color:#fff;border:1px solid #85817a;border-radius:7px;padding:6px 10px;font-size:12px}
.vtsk-compass__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.vtsk-compass__button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 17px;background:#c39200;border-radius:8px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important}
.vtsk-compass__button:hover,.vtsk-compass__button:focus-visible{background:#ab8000;color:#fff!important}
.vtsk-compass__secondary{color:#fff!important;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.vtsk-compass a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:800px){.vtsk-compass{padding:28px 0}.vtsk-compass__shell{grid-template-columns:1fr;gap:0}.vtsk-compass__photos{min-height:260px}.vtsk-compass__content{padding:26px}}
@media(max-width:480px){.vtsk-compass__photos{min-height:210px}.vtsk-compass__title{font-size:31px}.vtsk-compass__features{gap:6px}.vtsk-compass__features li{font-size:11px}.vtsk-compass__actions{align-items:flex-start;flex-direction:column;gap:14px}}
/* VTSK-COMPASS-01-END */





/* VTSK-LEAD-BG-01-BEGIN */

/* Единый фон секции записи на диагностику */
#request.leadblock--blue {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

/* Технический рисунок на всю ширину секции */
#request.leadblock--blue::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url('/bitrix/templates/vtsk/assets/img/illustration/kamaz-tractor-technical.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    opacity: .12;
}

/* Контент и форма расположены поверх рисунка */
#request.leadblock--blue > .leadblock__grid {
    position: relative;
    z-index: 1;
}

/* Скрываем старый рисунок внутри левой колонки */
#request.leadblock--blue .leadblock__art {
    display: none;
}

@media (max-width: 720px) {
    #request.leadblock--blue::before {
        background-size: cover;
        background-position: center;
        opacity: .08;
    }
}

/* VTSK-LEAD-BG-01-END */


/* VTSK-HERO-FINAL-BEGIN */
/* Content aligned, five original banners and existing carousel JS remain unchanged. */
.banners:not(.banners--compact) .banners__stage {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--gutter, 24px));
  max-width: var(--wrap, 1280px);
  padding: 0;
  margin-inline: auto;
}
.banners:not(.banners--compact) .banners__track {
  position: relative;
  height: auto !important;
  min-height: 0;
  aspect-ratio: 3.538;
  overflow: hidden;
  border-radius: 0;
  background: #091f3a;
}
.banners:not(.banners--compact) .banners__slide {
  display: grid !important;
  grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #091f3a;
}
.banners:not(.banners--compact) .banners__slide[hidden] { display: none !important; }
.banners:not(.banners--compact) .banners__slide::before {
  content: none !important;
  display: none !important;
}
.banners:not(.banners--compact) .banners__slide picture {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  overflow: hidden;
  background: #091f3a;
}
.banners:not(.banners--compact) .banners__slide picture::before {
  content: '';
  position: absolute;
  inset: -16px;
  background: #091f3a;
  z-index: -1;
}
.banners:not(.banners--compact) .banners__slide img {
  position: relative;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  transform: none !important;
}
/* Make the ratio of the image pane match the 950x413 campaign creatives.
   Exceptionally proportioned assets retain the entire image; no text is cropped. */
.banners:not(.banners--compact) .banners__side-title {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(12px, 1.3vw, 20px);
  min-width: 0;
  height: 100%;
  padding: clamp(22px, 3.1vw, 44px);
  background: #091f3a;
  color: #fff;
}
.banners:not(.banners--compact) .banners__side-kicker {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #b6cee8;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .15em;
}
.banners:not(.banners--compact) .banners__side-kicker::before {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background: #61a8e8;
  flex: none;
}
.banners:not(.banners--compact) .banners__side-title h2 {
  margin: 0;
  max-width: 15ch;
  font-size: clamp(22px, 2.1vw, 34px);
  font-weight: 700;
  line-height: 1.18;
  color: #fff;
  overflow-wrap: normal;
  hyphens: auto;
}
.banners:not(.banners--compact) .banners__info { display: none !important; }
.banners:not(.banners--compact) .banners__bar {
  box-sizing: border-box;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.banners:not(.banners--compact) .banners__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}
.banners:not(.banners--compact) .banners__nav { display: flex; align-items: center; gap: 8px; }
@media (max-width: 700px) {
  .banners:not(.banners--compact) .banners__track {
    aspect-ratio: auto !important;
    height: auto !important;
    overflow: hidden;
  }
  .banners:not(.banners--compact) .banners__slide {
    position: relative !important;
    inset: auto !important;
    grid-template-columns: minmax(0, 1fr);
  }
  .banners:not(.banners--compact) .banners__slide picture {
    aspect-ratio: 950 / 413;
    height: auto !important;
  }
  .banners:not(.banners--compact) .banners__slide img { height: 100% !important; }
  .banners:not(.banners--compact) .banners__side-title {
    height: auto;
    min-height: 96px;
    padding: 15px 18px 18px;
    gap: 9px;
  }
  .banners:not(.banners--compact) .banners__side-title h2 {
    font-size: clamp(20px, 5.2vw, 25px);
    max-width: none;
  }
  .banners:not(.banners--compact) .banners__bar { justify-content: center; }
  .banners:not(.banners--compact) .banners__controls { justify-content: center; }
}
/* VTSK-HERO-FINAL-END */

/* VTSK-SERVICES-HERO-01-BEGIN */
.phead--services-hero {
    position: relative;
    background-color: #f3f6fa;
    background-image:
        linear-gradient(
            90deg,
            rgba(248,250,253,.92) 0%,
            rgba(248,250,253,.58) 40%,
            rgba(248,250,253,.08) 100%
        ),
        url('/bitrix/templates/vtsk/assets/img/content/services-hero.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
}

.phead--services-hero .wrap {
    position: relative;
    z-index: 1;
}

@media (max-width: 720px) {
    .phead--services-hero {
        background-image:
            linear-gradient(rgba(248,250,253,.88),rgba(248,250,253,.88)),
            url('/bitrix/templates/vtsk/assets/img/content/services-hero.webp');
        background-position: center, 70% center;
    }
}
/* VTSK-SERVICES-HERO-01-END */

/* VTSK-PARTS-HERO-01-BEGIN */
.phead--parts-hero {
    position: relative;
    background-color: #f3f6fa;
    background-image:
        linear-gradient(
            90deg,
            rgba(248,250,253,.92) 0%,
            rgba(248,250,253,.58) 40%,
            rgba(248,250,253,.08) 100%
        ),
        url('/bitrix/templates/vtsk/assets/img/content/parts-hero.webp');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: cover;
}

.phead--parts-hero .wrap {
    position: relative;
    z-index: 1;
}

@media (max-width: 720px) {
    .phead--parts-hero {
        background-image:
            linear-gradient(
                rgba(248,250,253,.88),
                rgba(248,250,253,.88)
            ),
            url('/bitrix/templates/vtsk/assets/img/content/parts-hero.webp');
        background-position: center, 70% center;
    }
}
/* VTSK-PARTS-HERO-01-END */

/* VTSK-PARTS-CONTENT-01-BEGIN */
.vpc-kicker{margin:0 0 10px;color:var(--c-blue);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.vpc-intro{background:#fff}
.vpc-intro__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(22px,4vw,56px);align-items:center}
.vpc-intro__text>p:not(.vpc-kicker){max-width:62ch;margin:14px 0;line-height:1.65}
.vpc-benefits{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.vpc-benefits span{padding:8px 11px;border:1px solid var(--c-line);border-radius:8px;background:var(--c-surface-alt);font-size:var(--fs-sm)}
.vpc-shop{padding:clamp(22px,3vw,34px);background:var(--c-surface-alt);border:1px solid var(--c-line);border-radius:var(--r-lg)}
.vpc-shop h3{font-size:clamp(20px,2vw,27px);line-height:1.25;color:var(--c-navy);margin:0 0 20px}
.vpc-shop__details{margin:0 0 22px}
.vpc-shop__details>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--c-line)}
.vpc-shop__details dt{font-size:var(--fs-sm);color:var(--c-muted)}
.vpc-shop__details dd{margin:0;font-weight:600;min-width:0}
.vpc-shop__details a{color:var(--c-blue);text-decoration:underline;text-underline-offset:3px}
.vpc-auth{background:var(--c-surface-alt)}
.vpc-auth__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.vpc-auth__cards article{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:24px}
.vpc-auth__number{font-size:var(--fs-sm);color:var(--c-blue);font-weight:700}
.vpc-auth__cards h3{font-size:19px;margin:10px 0;color:var(--c-navy)}
.vpc-auth__cards p{margin:0;color:var(--c-graphite);line-height:1.55}
.vpc-auth__details{display:grid;gap:10px}
.vpc-auth__details details{background:#fff;border:1px solid var(--c-line);border-radius:10px}
.vpc-auth__details summary{cursor:pointer;padding:17px 22px;font-weight:700;color:var(--c-navy)}
.vpc-auth__details summary:focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}
.vpc-auth__answer{padding:0 22px 18px;color:var(--c-graphite);line-height:1.65}
.vpc-auth__answer p+p{margin-top:12px}
@media(max-width:760px){.vpc-intro__grid,.vpc-auth__cards{grid-template-columns:1fr}.vpc-shop__details>div{grid-template-columns:90px minmax(0,1fr)}}
/* VTSK-PARTS-CONTENT-01-END */

/* VTSK-SALES-FINANCE-01-BEGIN */
.phead--sales-finance {
  background-color:#f2f6fa;
  background-image:linear-gradient(90deg,rgba(249,251,253,.98) 0%,rgba(249,251,253,.93) 38%,rgba(249,251,253,.45) 75%,rgba(249,251,253,.15) 100%),url('/bitrix/templates/vtsk/assets/img/content/sales-kamaz-k5.webp');
  background-position:center,right center;background-size:cover;background-repeat:no-repeat;
}
.phead--sales-finance .wrap {position:relative;z-index:1}
.vtsk-finance__eyebrow{font-size:.75rem;letter-spacing:.08em;font-weight:700;color:var(--c-blue);display:block;margin-bottom:10px}
.vtsk-finance__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.vtsk-finance__card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.vtsk-finance__card--prime{background:#102e52;color:#fff;border-color:#102e52}
.vtsk-finance__card h3{font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.25;margin:0}
.vtsk-finance__card p{margin:0;line-height:1.6;flex:1}
.vtsk-finance__card .link-arrow{align-self:flex-start;text-align:left}
.vtsk-finance__card--prime .link-arrow{color:#fff}
.vtsk-finance__number{font-weight:800;color:var(--c-blue);letter-spacing:.08em}
.vtsk-finance__card--prime .vtsk-finance__number{color:#a8d5ff}
.vtsk-finance__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vtsk-finance__benefits>div{padding:20px;background:#fff;border:1px solid var(--c-line);border-radius:var(--r)}
.vtsk-finance__benefits b{display:block;margin-bottom:8px;color:var(--c-navy)}
.vtsk-finance__benefits span{color:var(--c-muted);line-height:1.5}
.vtsk-finance__archive{margin-top:18px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;padding:16px 20px}
.vtsk-finance__archive summary{cursor:pointer;font-weight:700;color:var(--c-navy)}
.vtsk-finance__archive-body{margin-top:12px;max-width:75ch;line-height:1.65;color:var(--c-graphite)}
@media(max-width:900px){.vtsk-finance__cards,.vtsk-finance__benefits{grid-template-columns:1fr}}
@media(max-width:720px){.phead--sales-finance{background-image:linear-gradient(rgba(249,251,253,.91),rgba(249,251,253,.91)),url('/bitrix/templates/vtsk/assets/img/content/sales-kamaz-k5.webp');background-position:center,70% center}}
/* VTSK-SALES-FINANCE-01-END */


/* VTSK-CLIENTS-01-CSS-BEGIN */
.vtsk-clients__nav{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px}
.vtsk-clients__nav a{display:inline-flex;padding:10px 14px;border-radius:10px;background:#e9f1f9;color:#164c80;text-decoration:none;font-weight:600}
.vtsk-clients__nav a:hover{background:#d6e8f8}
.vtsk-clients__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.vtsk-clients__panel{padding:26px;border-radius:16px;background:#f4f7fb;border:1px solid #dde6f0}
.vtsk-clients__panel h3{margin:0 0 14px;color:#0e3055;font-size:clamp(19px,2vw,24px)}
.vtsk-clients__panel p{margin:0 0 13px;line-height:1.65}
.vtsk-clients__details{border:1px solid #d7e3f0;border-radius:12px;margin:12px 0;background:#fff;overflow:hidden}
.vtsk-clients__details summary{cursor:pointer;padding:17px 20px;color:#163c65;font-weight:700;background:#f6f9fc}
.vtsk-clients__details[open] summary{border-bottom:1px solid #d7e3f0}
.vtsk-clients__prose{padding:20px;line-height:1.7;overflow-wrap:anywhere}
.vtsk-clients__prose p{margin:0 0 15px}
.vtsk-clients__note{padding:16px 18px;border-left:3px solid #4482b6;background:#f0f6fb;color:#304b66;line-height:1.6;margin:12px 0 22px}
.vtsk-clients__table{overflow-x:auto;margin:18px 0 25px}
.vtsk-clients__table table{width:100%;border-collapse:collapse;font-size:14px}
.vtsk-clients__table th,.vtsk-clients__table td{padding:13px;border:1px solid #d8e2ec;text-align:left;vertical-align:top}
.vtsk-clients__table th{background:#e9f2fa;color:#183c63}
@media(max-width:760px){.vtsk-clients__grid{grid-template-columns:1fr}.vtsk-clients__panel{padding:18px}.vtsk-clients__nav a{width:100%}}
/* VTSK-CLIENTS-01-CSS-END */


/* VTSK-CLIENTS-HERO-01: image background only for /clients/ */
.phead.phead--clients-hero {
  background-color: #dceaf6;
  background-image: linear-gradient(90deg, rgba(244,249,254,.96) 0%, rgba(244,249,254,.92) 34%, rgba(244,249,254,.48) 61%, rgba(244,249,254,.08) 100%), url('/bitrix/templates/vtsk/assets/img/content/clients-hero.webp');
  background-position: center, center 52%;
  background-size: cover, cover;
  background-repeat: no-repeat;
}
.phead.phead--clients-hero .phead__title,
.phead.phead--clients-hero .phead__lead,
.phead.phead--clients-hero .phead__text { color: #152e4c; }
@media (max-width: 760px) {
  .phead.phead--clients-hero {
    background-image: linear-gradient(90deg, rgba(244,249,254,.96),rgba(244,249,254,.82)), url('/bitrix/templates/vtsk/assets/img/content/clients-hero.webp');
    background-position: center, 54% center;
  }
}
/* /VTSK-CLIENTS-HERO-01 */

/* VTSK-CLIENTS-COMPACT-03-CSS-BEGIN */
.vtsk-clients-previsit{margin:0 0 18px;border:1px solid #d9e5f0;border-radius:14px;background:#f4f8fc;overflow:hidden}
.vtsk-clients-previsit>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;padding:17px 22px;color:#123655;font-weight:700;font-size:clamp(16px,1.5vw,20px)}
.vtsk-clients-previsit>summary::-webkit-details-marker{display:none}
.vtsk-clients-previsit>summary::marker{content:''}
.vtsk-clients-previsit__hint{font-size:13px;font-weight:600;color:#2368a4;white-space:nowrap}
.vtsk-clients-previsit[open]>summary{border-bottom:1px solid #d9e5f0}
.vtsk-clients-previsit[open] .vtsk-clients-previsit__hint{font-size:0}
.vtsk-clients-previsit[open] .vtsk-clients-previsit__hint::after{content:'Свернуть';font-size:13px}
.vtsk-clients-previsit .infogrid{padding:18px;margin:0}
@media(max-width:650px){.vtsk-clients-previsit>summary{padding:15px;align-items:flex-start;flex-direction:column;gap:5px}.vtsk-clients-previsit .infogrid{padding:10px}}
/* VTSK-CLIENTS-COMPACT-03-CSS-END */

/* VTSK-CONTACTS-STAFF-01 */
.vtskstaff{padding-block:44px 60px;background:#f5f8fc}
.vtskstaff__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.vtskstaff__card{background:#fff;border:1px solid #d9e5f1;border-radius:16px;padding:22px;min-width:0;box-shadow:0 4px 14px rgba(5,33,67,.035)}
.vtskstaff__role{color:#2768a2;font-size:13px;font-weight:700;line-height:1.4;margin-bottom:9px}
.vtskstaff__name{color:#0c294c;font-size:19px;line-height:1.27;margin:0 0 12px}
.vtskstaff__link{display:block;color:#145f9e;text-decoration:none;font-size:14px;overflow-wrap:anywhere;line-height:1.5;margin-top:6px}
.vtskstaff__link:hover{text-decoration:underline}
@media(max-width:900px){.vtskstaff__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vtskstaff__grid{grid-template-columns:1fr}.vtskstaff__card{padding:18px}.vtskstaff{padding-block:30px 42px}}

/* VTSK-KAMAZ-VIDEO-01 */
.vtskvideo{padding-block:48px 60px;background:#f4f7fb}.vtskvideo__eyebrow{font-weight:750;font-size:12px;letter-spacing:.11em;color:#23649f;margin:0 0 12px}.vtskvideo__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.vtskvideo__card{min-width:0;background:#fff;border:1px solid #dce7f2;border-radius:16px;overflow:hidden}.vtskvideo__card[hidden]{display:none}.vtskvideo__play{display:block;width:100%;padding:0;text-align:left;background:none;border:0;cursor:pointer;color:#0b294a;font:inherit}.vtskvideo__poster{aspect-ratio:16/9;background:linear-gradient(140deg,#183b63,#0b6aa4 65%,#0a294f);display:flex;align-items:center;justify-content:center;position:relative}.vtskvideo__symbol{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ffffffed;color:#145b90;font-size:24px;padding-left:4px;transition:transform .15s}.vtskvideo__play:hover .vtskvideo__symbol{transform:scale(1.08)}.vtskvideo__label{position:absolute;left:15px;bottom:12px;font-size:10px;letter-spacing:.12em;font-weight:700;color:white}.vtskvideo__name{display:block;padding:16px 17px;font-size:16px;font-weight:650;line-height:1.4}.vtskvideo__more{text-align:right;margin:22px 0 0}.vtskvideo__more a{color:#145a9b;font-weight:700}.vtskvideo__searchlabel{display:block;font-weight:600;margin-top:22px}.vtskvideo__search{display:block;width:100%;max-width:450px;padding:13px 16px;border:1px solid #c3d5e5;border-radius:10px;margin-top:8px;font:inherit}.vtskvideo__count{font-size:14px;color:#52657b;margin:16px 0}.vtskvideo__dialog{padding:18px;background:#fff;border:0;border-radius:14px;max-width:min(940px,95vw);width:100%;box-shadow:0 18px 70px #0005}.vtskvideo__dialog::backdrop{background:#061b30d9}.vtskvideo__close{display:block;margin:0 0 10px auto;border:0;background:#e7eff6;border-radius:8px;padding:9px 14px;cursor:pointer}.vtskvideo__player{aspect-ratio:16/9;background:#0a1824}.vtskvideo__player iframe{display:block;width:100%;height:100%;border:0}.vtskvideo__dialog>a{display:block;text-align:right;padding-top:12px;font-size:13px;color:#125c9a}@media(max-width:850px){.vtskvideo__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.vtskvideo__grid{grid-template-columns:1fr}.vtskvideo{padding-block:32px 40px}.vtskvideo__dialog{padding:9px}}

/* VTSK-KAMAZ-LEASING-01 */
.vtsk-leasing-entry{margin:18px auto 26px}
.vtsk-leasing-entry__link{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #b8d5e9;border-radius:10px;background:#edf5fc;color:#155b91;font-weight:700;text-decoration:none}
.vtsk-leasing-entry__link:hover{background:#dcebf7}
.vtsk-leasing-page{padding-top:24px}
.vtsk-leasing-page .wrap h1{margin:0 0 24px;color:#143756}
.vtsk-leasing-page iframe{display:block;width:100%;height:100vh;border:0}

.vtsk-leasing-intro{padding-top:28px}.vtsk-leasing-brand{display:block;width:min(700px,100%);height:auto;object-fit:contain;margin:0 auto 28px}.vtsk-leasing-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.vtsk-leasing-benefits article{padding:22px;border:1px solid #d9e5f1;background:#fff;border-radius:14px}.vtsk-leasing-benefits b{color:#143756}.vtsk-leasing-benefits p{margin:9px 0 0;line-height:1.6}.vtsk-leasing-steps ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;counter-reset:vstep;padding:0}.vtsk-leasing-steps li{background:#fff;border:1px solid #d9e5f1;padding:18px;border-radius:12px;counter-increment:vstep}.vtsk-leasing-steps li:before{content:counter(vstep,decimal-leading-zero);display:block;color:#17649e;font-weight:800;margin-bottom:9px}.vtsk-leasing-iframe iframe{display:block;width:100%;height:100vh;border:0}.vtsk-leasing-note{padding:10px 0 18px}
@media(max-width:900px){.vtsk-leasing-benefits{grid-template-columns:1fr}.vtsk-leasing-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}.vtsk-sales-menu__sub{position:static;box-shadow:none;width:100%;min-width:0}}@media(max-width:540px){.vtsk-leasing-steps ol{grid-template-columns:1fr}}

/* VTSK-SALES-LEASING-02-FIX2: use existing drop and mobile details pattern */
.vtsk-sales-nav{position:relative}
.vtsk-sales-nav__menu{display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:255px;background:#fff;border:1px solid #d9e5f1;border-radius:10px;box-shadow:0 12px 30px rgba(13,48,83,.13);padding:8px}
.vtsk-sales-nav__menu a{display:block;padding:11px 13px;border-radius:7px;text-decoration:none;color:#153e66;line-height:1.4;white-space:normal}
.vtsk-sales-nav__menu a:hover,.vtsk-sales-nav__menu a:focus-visible{background:#edf5fc}
.vtsk-sales-nav:hover>.vtsk-sales-nav__menu,.vtsk-sales-nav:focus-within>.vtsk-sales-nav__menu{display:block}
@media(max-width:900px){.vtsk-sales-nav__menu{position:static;box-shadow:none;min-width:0}}

/* VTSK-SALES-03-BEGIN: коммерческая витрина */
.vtsksales-kicker{margin:0 0 11px;color:var(--c-blue);font-size:var(--fs-xs);font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.vtsksales-hero .phead__grid{grid-template-columns:minmax(0,750px) minmax(0,1fr);min-height:255px}
.vtsksales-hero .phead__title{max-width:18ch}
.vtsksales-hero .phead__lead{max-width:53ch}
.vtsksales-hero__actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap}
.vtsksales-hero__secondary{font-weight:700;color:var(--c-navy);text-decoration:underline;text-underline-offset:5px}
.vtsksales-hero__secondary:hover{color:var(--c-blue)}
.vtsksales-section,.vtsksales-request{scroll-margin-top:105px}
.vtsksales-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.vtsksales-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--c-line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh-1);transition:transform .15s ease,box-shadow .15s ease}
.vtsksales-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.vtsksales-card__media{background:#eaf0f6;aspect-ratio:5/3;overflow:hidden}
.vtsksales-card__media picture,.vtsksales-card__media img{display:block;width:100%;height:100%}
.vtsksales-card__media img{object-fit:cover;object-position:center;transition:transform .3s ease}
.vtsksales-card:hover .vtsksales-card__media img{transform:scale(1.025)}
.vtsksales-card__body{display:flex;flex-direction:column;gap:11px;flex:1;padding:clamp(17px,2vw,25px)}
.vtsksales-card h3{margin:0;color:var(--c-navy);font-family:var(--f-display);font-stretch:condensed;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.15}
.vtsksales-card p{margin:0 0 9px;color:var(--c-graphite);line-height:1.55;flex:1}
.vtsksales-card .link-arrow{align-self:flex-start;font-weight:700}
.vtsksales-photo-note{margin-top:20px;font-size:var(--fs-xs);color:var(--c-muted);line-height:1.5}
.vtsksales-support__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vtsksales-support__grid article{border:1px solid var(--c-line);border-radius:var(--r-lg);background:#fff;padding:clamp(18px,2.5vw,28px)}
.vtsksales-support__n{display:block;margin-bottom:13px;font-weight:800;color:var(--c-blue);letter-spacing:.08em}
.vtsksales-support__grid h3{font-family:var(--f-display);font-size:1.4rem;color:var(--c-navy);line-height:1.2;margin-bottom:9px}
.vtsksales-support__grid p{line-height:1.6;color:var(--c-graphite)}
.vtsksales-leasing__box{display:flex;justify-content:space-between;align-items:center;gap:22px 45px;background:#ebf3fa;border:1px solid #d5e5f2;border-radius:var(--r-lg);padding:clamp(22px,4vw,44px)}
.vtsksales-leasing__text{max-width:720px}
.vtsksales-leasing__text .h2{margin:0 0 14px}
.vtsksales-leasing__text p:last-child{line-height:1.6;color:var(--c-graphite)}
.vtsksales-leasing__box .btn{flex:none}
.vtsksales-steps .shead{margin-bottom:var(--sp-7)}
.vtsksales-form__heading{margin-bottom:22px}
.vtsksales-form__heading h3{font-size:clamp(1.2rem,2vw,1.6rem);font-family:var(--f-display);color:var(--c-navy);margin-bottom:8px}
.vtsksales-form__heading p{color:var(--c-graphite);font-size:var(--fs-sm)}
.vtsksales-form{display:grid;gap:17px}
.vtsksales-form .form__row{gap:15px}
.vtsksales-form .form__foot{align-items:flex-start}
.vtsksales-form .form__demo{max-width:275px;line-height:1.5}
.vtsksales-form.is-done .form__ok{display:flex}
.vtsksales-form.is-done .form__ok[hidden]{display:none}
@media(max-width:1000px){.vtsksales-leasing__box{align-items:flex-start;flex-direction:column}.vtsksales-hero .phead__grid{grid-template-columns:minmax(0,1fr);min-height:auto}.vtsksales-hero .phead__main{max-width:620px}}
@media(max-width:720px){.vtsksales-grid,.vtsksales-support__grid{grid-template-columns:minmax(0,1fr)}.vtsksales-card__media{aspect-ratio:5/3}.vtsksales-hero__actions{align-items:stretch;flex-direction:column}.vtsksales-hero__actions .btn{text-align:center}.vtsksales-hero__secondary{align-self:flex-start}.vtsksales-support__grid{gap:12px}.vtsksales-form .form__foot{flex-direction:column;align-items:stretch}.vtsksales-form .form__demo{max-width:none}}
@media(prefers-reduced-motion:reduce){.vtsksales-card,.vtsksales-card__media img{transition:none}.vtsksales-card:hover{transform:none}.vtsksales-card:hover .vtsksales-card__media img{transform:none}}
/* VTSK-SALES-03-END */


/* VTSK-VACANCIES-03 */
.vtsk-jobs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
.vtsk-jobs__card{background:#fff;border:1px solid #dbe4ee;border-top:3px solid #0864b5;border-radius:12px;padding:25px;display:flex;flex-direction:column;min-height:300px}
.vtsk-jobs__card h3{font-size:22px;line-height:1.24;margin:10px 0 12px;color:#0b2749}
.vtsk-jobs__card>p:not(.vtsk-jobs__tag){color:#5b7185;margin:0 0 15px}
.vtsk-jobs__tag{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#236aaa;font-weight:700;margin:0}
.vtsk-jobs__card dl{margin:0 0 24px}.vtsk-jobs__card dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e8edf2;padding:12px 0}
.vtsk-jobs__card dt{color:#62758a}.vtsk-jobs__card dd{margin:0;font-weight:700;color:#173654;text-align:right}
.vtsk-jobs__cta{margin-top:auto;font-weight:700;color:#0864b5;text-decoration:none}
.vtsk-jobs__contact{background:#f1f5f9}.vtsk-jobs__contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:25px}
.vtsk-jobs__contactgrid h3{font-size:23px;margin:8px 0 12px;color:#0b2749}.vtsk-jobs__contactgrid p{line-height:1.6}
@media(max-width:900px){.vtsk-jobs__grid{grid-template-columns:1fr 1fr}.vtsk-jobs__contactgrid{grid-template-columns:1fr}}
@media(max-width:620px){.vtsk-jobs__grid{grid-template-columns:1fr}.vtsk-jobs__card{min-height:0}}

/* VTSK-VACANCIES-03 DETAIL */
.vtsk-jobs__detail{border-top:1px solid #e8edf2;margin:0 0 22px;padding-top:14px}
.vtsk-jobs__detail summary{cursor:pointer;color:#0864b5;font-weight:700;line-height:1.5;outline-offset:4px}
.vtsk-jobs__detailbody{padding-top:14px;font-size:14px;line-height:1.65;color:#314861}
.vtsk-jobs__detailbody h4{font-size:15px;margin:17px 0 7px;color:#0b2749}
.vtsk-jobs__detailbody h4:first-child{margin-top:0}
.vtsk-jobs__detailbody ul{padding-left:20px;margin:0 0 12px;list-style:disc}
.vtsk-jobs__detailbody li{margin:0 0 6px}
.vtsk-jobs__discrepancy{font-size:13px;line-height:1.5;color:#586e84;background:#f2f6fa;padding:12px;border-radius:6px;margin:0 0 15px!important}
.vtsk-jobs__card dd{overflow-wrap:anywhere}
@media(max-width:620px){.vtsk-jobs__detailbody{font-size:14px}}



/* VTSK-VACANCIES-04: isolated improvements */
.vtsk-jobs .vtsk-jobs-hero{position:relative;isolation:isolate;color:#fff;min-height:430px;background:#08294b url('/upload/vtsk/jobs/vacancies-hero.webp') center center / cover no-repeat}
.vtsk-jobs .vtsk-jobs-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,22,45,.89) 0%,rgba(3,22,45,.78) 29%,rgba(3,22,45,.35) 57%,rgba(3,22,45,0) 78%)}
.vtsk-jobs .vtsk-jobs-hero__inner{padding-top:26px;padding-bottom:66px}
.vtsk-jobs .vtsk-jobs-hero .crumbs,.vtsk-jobs .vtsk-jobs-hero .crumbs a{color:rgba(255,255,255,.85)}
.vtsk-jobs .vtsk-jobs-hero__content{max-width:560px;padding-top:48px}
.vtsk-jobs .vtsk-jobs-hero__eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#afd7ff;margin:0 0 16px}
.vtsk-jobs .vtsk-jobs-hero h1{color:#fff;font-size:clamp(32px,3.6vw,52px);line-height:1.1;margin:0 0 22px;max-width:570px}
.vtsk-jobs .vtsk-jobs-hero__content>p:not(.vtsk-jobs-hero__eyebrow){font-size:17px;line-height:1.6;color:#f1f6fc;max-width:510px;margin:0 0 26px}
.vtsk-jobs .vtsk-jobs__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.vtsk-jobs .vtsk-jobs__card{min-height:0;padding:24px;box-shadow:0 10px 34px rgba(6,30,53,.06)}
.vtsk-jobs .vtsk-jobs__card h3{font-size:21px;margin:12px 0 18px;min-height:0}
.vtsk-jobs .vtsk-jobs__card dl{margin:0 0 14px}
.vtsk-jobs .vtsk-jobs__card dl>div{gap:15px;padding:10px 0;align-items:baseline}
.vtsk-jobs .vtsk-jobs__card dt{font-size:13px;flex:1}
.vtsk-jobs .vtsk-jobs__card dd{font-size:13px;text-align:right;flex:1.2;overflow-wrap:normal;word-break:normal}
.vtsk-jobs .vtsk-jobs__detail{margin:5px 0 20px;padding-top:16px}
.vtsk-jobs .vtsk-jobs__detail summary{font-size:14px}
.vtsk-jobs .vtsk-jobs__cta{display:inline-block;align-self:start;margin-top:0;padding:12px 16px;border-radius:6px;background:#0b62ad;color:#fff;font-size:13px;line-height:1.35}
.vtsk-jobs .vtsk-jobs__cta:hover{color:#fff;background:#094d88}
.vtsk-jobs .vtsk-jobs__contact{padding-top:52px;padding-bottom:56px}
.vtsk-jobs .vtsk-jobs__contactgrid{gap:22px;margin-top:20px}
.vtsk-jobs .vtsk-jobs__contactgrid p{margin:5px 0}
@media(max-width:900px){.vtsk-jobs .vtsk-jobs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vtsk-jobs .vtsk-jobs-hero{min-height:420px;background-position:60% center}}
@media(max-width:620px){.vtsk-jobs .vtsk-jobs__grid{grid-template-columns:1fr;gap:14px}.vtsk-jobs .vtsk-jobs-hero{min-height:480px;background-position:67% center}.vtsk-jobs .vtsk-jobs-hero::before{background:linear-gradient(90deg,rgba(3,22,45,.96) 0%,rgba(3,22,45,.90) 49%,rgba(3,22,45,.52) 100%)}.vtsk-jobs .vtsk-jobs-hero__inner{padding-bottom:44px}.vtsk-jobs .vtsk-jobs-hero__content{padding-top:54px;max-width:90%}.vtsk-jobs .vtsk-jobs-hero__content>p:not(.vtsk-jobs-hero__eyebrow){font-size:15px}.vtsk-jobs .vtsk-jobs__card{padding:22px}.vtsk-jobs .vtsk-jobs__contact{padding-top:34px;padding-bottom:40px}}


/* VTSK_ABOUT_05_BEGIN */
.vab05{overflow:hidden}.vab05-hero{position:relative;isolation:isolate;background:#061f3e;color:#fff;min-height:510px}.vab05-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,22,45,.95) 0%,rgba(4,22,45,.88) 38%,rgba(4,22,45,.22) 100%),url('/upload/vtsk/about/about-hero.jpg');background-position:center,center;background-size:cover;z-index:-1}.vab05-hero__inner{padding-top:30px;padding-bottom:74px}.vab05-crumbs,.vab05-crumbs a,.vab05-crumbs li{color:#e2eaf5!important}.vab05-hero__text{max-width:630px;padding-top:68px}.vab05-kicker{color:#0867b2;font-size:12px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.vab05-hero .vab05-kicker{color:#9ecdfa}.vab05-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.06;color:#fff;margin:0 0 22px;overflow-wrap:anywhere}.vab05-lead{font-size:clamp(16px,1.5vw,20px);line-height:1.6;color:#f3f7fe}.vab05-hero__actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px}.vab05-secondary{color:white!important;font-weight:700;text-decoration:underline;text-underline-offset:4px}.vab05-intro__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5vw,80px)}.vab05-prose p{font-size:17px;line-height:1.75;margin:0 0 18px}.vab05-sectionhead{max-width:740px;margin-bottom:30px}.vab05-sectionhead p:last-child{color:#536579;font-size:17px}.vab05-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vab05-card{border:1px solid #dce5ee;background:#fff;border-radius:12px;padding:30px;display:flex;flex-direction:column;min-width:0;box-shadow:0 8px 28px rgba(7,35,65,.04)}.vab05-card__number{color:#0872c6;font-size:13px;font-weight:800}.vab05-card h3{font-size:22px;line-height:1.2;margin:18px 0}.vab05-card p{line-height:1.65;color:#4c6176;flex:1}.vab05-card a{display:inline-block;margin-top:20px;color:#0061ac;font-weight:800}.vab05-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vab05-features>div{padding:26px 28px;border-left:3px solid #0b76c4;background:#f3f7fb}.vab05-features h3{font-size:21px;margin:0 0 10px}.vab05-features p{color:#536579;line-height:1.65;margin:0}.vab05-supply{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.vab05-supply p{line-height:1.7}.vab05-supply__panel{padding:35px;border-radius:12px;background:#092c56;color:#fff}.vab05-supply__panel strong{font-size:20px;line-height:1.5}.vab05-supply__panel p{color:#d6e8fb}.vab05-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px}.vab05-bottom>div:first-child{max-width:660px}.vab05-bottom p{line-height:1.7}.vab05-bottom__actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.vab05-tel{font-size:25px;font-weight:800;color:#0c2b4f}.vab05-secondary--dark{font-weight:700}
@media(max-width:760px){.vab05-hero{min-height:0}.vab05-hero::before{background-image:linear-gradient(90deg,rgba(4,22,45,.94),rgba(4,22,45,.72)),url('/upload/vtsk/about/about-hero.jpg');background-position:center,60% center}.vab05-hero__inner{padding-bottom:55px}.vab05-hero__text{padding-top:50px}.vab05-intro__grid,.vab05-cards,.vab05-features,.vab05-supply{grid-template-columns:1fr}.vab05-supply{gap:24px}.vab05-bottom{display:block}.vab05-bottom__actions{margin-top:22px}.vab05-card{padding:23px}.vab05-features>div{padding:22px}.vab05-tel{font-size:22px}}
/* VTSK_ABOUT_05_END */


/* VTSK-PRIVACY-01 BEGIN */
.vtsk-privacy-page{color:#1b2938;background:#fff}.vtsk-privacy-page .container{max-width:1240px;margin-inline:auto;padding-inline:24px}.vtsk-privacy-hero{background:#102e53;color:#fff;padding:65px 0 60px}.vtsk-privacy-kicker{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#b9d4f0}.vtsk-privacy-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.14;max-width:860px;margin:14px 0 18px}.vtsk-privacy-hero p{margin:0;color:#e0eaf5}.vtsk-privacy-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:54px;padding-top:50px;padding-bottom:75px}.vtsk-privacy-sidebar{align-self:start;position:sticky;top:30px;display:grid;gap:12px;padding:24px;background:#f3f6fa;border-radius:12px}.vtsk-privacy-sidebar strong{font-size:15px;margin-bottom:4px}.vtsk-privacy-sidebar a{color:#174c85;font-size:13px;text-decoration:none;line-height:1.45}.vtsk-privacy-sidebar a:hover{text-decoration:underline}.vtsk-privacy-document{min-width:0;line-height:1.75;font-size:16px}.vtsk-privacy-intro{font-size:19px;font-weight:500}.vtsk-privacy-section{padding:26px 0;border-bottom:1px solid #dce5ef}.vtsk-privacy-section h2{font-size:clamp(21px,2vw,26px);line-height:1.25;margin:0 0 20px;color:#133b67}.vtsk-privacy-section p{margin:0 0 14px;overflow-wrap:anywhere}.vtsk-privacy-section ul{padding-left:23px;margin:0 0 16px}.vtsk-privacy-section li{margin-bottom:11px}.vtsk-privacy-table-wrap{overflow-x:auto;margin:22px 0}.vtsk-privacy-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;min-width:650px}.vtsk-privacy-table th,.vtsk-privacy-table td{text-align:left;vertical-align:top;padding:12px;border:1px solid #dce5ef}.vtsk-privacy-table th{background:#ecf2f9}.vtsk-privacy-contacts{margin-top:34px;background:#edf4fc;padding:25px;border-radius:12px}.vtsk-privacy-contacts p{margin:8px 0 0;overflow-wrap:anywhere}.vtsk-privacy-contacts a{color:#075a9c}@media(max-width:900px){.vtsk-privacy-layout{display:block;padding-top:26px}.vtsk-privacy-sidebar{position:static;display:none}.vtsk-privacy-hero{padding:42px 0}.vtsk-privacy-page .container{padding-inline:18px}.vtsk-privacy-document{font-size:15px}}
/* VTSK-PRIVACY-01 END */

/* VTSK-HOME-JOBS-07 BEGIN */
.vtsk-jobs-promo{position:relative;isolation:isolate;overflow:hidden;min-height:430px;color:#fff;background:#071c38;display:flex;align-items:center}
.vtsk-jobs-promo__image,.vtsk-jobs-promo__shade{position:absolute;inset:0;pointer-events:none}
.vtsk-jobs-promo__image{z-index:-2;background-image:url('/upload/vtsk/jobs/vacancies-hero.webp');background-position:center center;background-size:cover;background-repeat:no-repeat}
.vtsk-jobs-promo__shade{z-index:-1;background:linear-gradient(90deg,rgba(2,19,45,.85) 0%,rgba(3,27,60,.74) 34%,rgba(3,27,60,.26) 59%,transparent 85%)}
.vtsk-jobs-promo__inner{width:min(100% - 40px,1320px);margin-inline:auto;padding-block:58px}
.vtsk-jobs-promo__copy{max-width:660px}
.vtsk-jobs-promo__eyebrow{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.13em;color:#bfddff;margin-bottom:16px}
.vtsk-jobs-promo h2{font-size:clamp(30px,4vw,52px);line-height:1.1;color:#fff;margin:0 0 19px}
.vtsk-jobs-promo__text{font-size:clamp(17px,1.7vw,23px);line-height:1.45;color:#fff;margin:0 0 12px}
.vtsk-jobs-promo__salary{font-size:clamp(25px,2.8vw,39px);font-weight:800;color:#fff;margin:0 0 24px;line-height:1.16}
.vtsk-jobs-promo__button{display:inline-flex;align-items:center;gap:18px;text-decoration:none}
@media(max-width:760px){.vtsk-jobs-promo{min-height:480px;align-items:flex-end}.vtsk-jobs-promo__image{background-position:68% center}.vtsk-jobs-promo__shade{background:linear-gradient(0deg,rgba(2,17,39,.96) 0%,rgba(2,17,39,.86) 42%,rgba(2,17,39,.23) 100%)}.vtsk-jobs-promo__inner{width:calc(100% - 32px);padding-block:145px 30px}.vtsk-jobs-promo__copy{max-width:100%}.vtsk-jobs-promo h2{font-size:30px}.vtsk-jobs-promo__text{font-size:17px}.vtsk-jobs-promo__salary{font-size:28px}.vtsk-jobs-promo__button{max-width:100%}}
/* VTSK-HOME-JOBS-07 END */


/* VTSK-MOBILE-LOGO-FIX-01 : prevent mobile brand overlay */
@media (max-width: 720px) {
  .header .logo.logo--header { position:relative; display:flex; align-items:center; gap:9px; padding-left:0; margin:0; min-width:0; max-width:100%; flex:0 1 auto; align-self:center; }
  .header .logo.logo--header .logo__flag { position:relative; left:auto; top:auto; width:42px; height:58px; flex:0 0 42px; max-width:42px; box-shadow:none; transform:none!important; overflow:hidden; }
  .header .logo.logo--header .logo__flag img { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; }
  .header .logo.logo--header .logo__text { min-width:0; max-width:170px; overflow-wrap:normal; }
  .header .logo.logo--header .logo__line { font-size:10px; line-height:1.2; }
  .header .logo.logo--header .logo__text b { display:block; font-size:clamp(12px,3.5vw,15px); line-height:1.12; hyphens:none; overflow-wrap:normal; }
  .header .logo.logo--header:hover .logo__flag { transform:none!important; }
}
@media (max-width:390px) {
  .header .logo.logo--header { gap:7px; }
  .header .logo.logo--header .logo__flag { width:36px; flex-basis:36px; height:51px; }
  .header .logo.logo--header .logo__text { max-width:145px; }
  .header .logo.logo--header .logo__text b { font-size:12px; }
}

/* VKAS-PHASE62: catalog HERO color only; structure and interaction unchanged */
.console.console--catalog-v62{background:linear-gradient(118deg,#0B4777 0%,#075A99 58%,#0a6cad 100%)}
.console.console--catalog-v62::before{background:radial-gradient(900px 520px at 72% 46%,rgba(234,243,249,.18),transparent 70%),linear-gradient(rgba(234,243,249,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(234,243,249,.075) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
/* VKAS-PHASE63: legacy service routes use the same differentiated internal palette */
.phead.vkas-legacy-hero{position:relative;isolation:isolate;background:#075A99;background-image:linear-gradient(120deg,#075A99 0%,#0B4777 100%);color:#fff}
.phead.vkas-legacy-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 52%),repeating-linear-gradient(135deg,rgba(234,243,249,.035) 0 1px,transparent 1px 22px)}
.phead.vkas-legacy-hero .phead__title,.phead.vkas-legacy-hero .phead__lead,.phead.vkas-legacy-hero .phead__cat{color:#fff}
.phead.vkas-legacy-hero .phead__aside{min-width:0}
.phead.vkas-legacy-hero .vkas-legacy-hero__truck{margin:0;width:100%;max-width:640px;color:#eaf3f9}
.phead.vkas-legacy-hero .vkas-legacy-hero__truck .truck__stage{aspect-ratio:468/304;overflow:hidden;background:rgba(3,32,63,.32);border:1px solid rgba(234,243,249,.26);border-radius:16px}
.phead.vkas-legacy-hero .vkas-legacy-hero__truck .truck__img{display:block;width:100%;height:100%;object-fit:contain}
.phead.vkas-legacy-hero .vkas-legacy-hero__truck .truck__cap{color:#eaf3f9}
@media(max-width:760px){.phead.vkas-legacy-hero .phead__aside{display:block;max-width:540px}.phead.vkas-legacy-hero .phead__grid{grid-template-columns:minmax(0,1fr)}}

/* VKAS PHASE64 shared service explorer: legacy templates */

.phead .vkas-inner-explorer{width:100%;min-width:0;color:#fff;}
.phead .vkas-inner-explorer .truck{margin:0;width:100%;padding:0;}
.phead .vkas-inner-explorer .truck__stage{width:100%;aspect-ratio:468/304;overflow:visible;background:transparent;border:0;box-shadow:none;border-radius:0;}
.phead .vkas-inner-explorer .truck__img{width:100%;height:100%;max-height:none;object-fit:contain;display:block;}
.phead .vkas-inner-explorer .truck__layer{pointer-events:none;z-index:3;}
.phead .vkas-inner-explorer .hotspot{pointer-events:auto;}
.phead .vkas-inner-explorer .console__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:4px;}
.phead .vkas-inner-explorer .console__item{font-size:10px;padding:6px 4px;min-height:46px;gap:4px;align-items:center;justify-content:center;flex-direction:column;text-align:center;}
.phead .vkas-inner-explorer .console__item .tile{display:none;}
.phead .vkas-inner-explorer .console__panel{display:block;margin-top:8px;padding:10px 12px;border-color:#a8d3e9;}
.phead .vkas-inner-explorer .console__panel[hidden]{display:none;}
.phead .vkas-inner-explorer .console__panel-t a{font-size:1.05rem;}
.phead .vkas-inner-explorer .console__links{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;}
.phead .vkas-inner-explorer .console__links a{font-size:11px;}
.phead .vkas-inner-explorer .hotspot em{font-size:10px;}
@media(max-width:900px){.phead .vkas-inner-explorer .console__list{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding:0;grid-auto-flow:row}.phead .vkas-inner-explorer .console__item{font-size:9px}}
@media(max-width:620px){.phead .vkas-inner-explorer .console__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.phead .vkas-inner-explorer .console__item{min-height:38px;font-size:10px}.phead .vkas-inner-explorer .console__panel{margin:10px 0 0}.phead .vkas-inner-explorer .console__links{display:block}.phead .vkas-inner-explorer .console__links li{margin:3px 0}.phead .vkas-inner-explorer .hotspot em{display:none}}