/* Единый стиль шагов на доп. страницах, 26.10.2026: тонкий степпер, без пустых карточек */
:root{--st-line:color-mix(in srgb,var(--ink) 14%,transparent)}

/* /visas: «5 кроків». ПК — горизонтальный степпер, телефон/планшет — вертикальный список */
#types .vx-sub{margin:0 0 12px!important;font-size:13px!important}
#types .vx-tl{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;gap:0!important;
 background:var(--card-solid);border:1px solid var(--line);border-radius:18px;padding:18px 10px 16px;transition:padding .2s}
#types.vx details.vx-st{position:static;border:0!important;background:none!important;border-radius:0!important;margin:0!important;overflow:visible!important;min-width:0!important;flex:none!important}
#types.vx details.vx-st summary{position:relative;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;
 padding:0 6px!important;font-size:14px!important;font-weight:600!important;line-height:1.25;text-align:center;cursor:pointer;color:var(--ink-2)}
#types.vx details.vx-st summary b{position:relative;z-index:1;display:grid;place-items:center;width:34px!important;height:34px!important;border-radius:50%;
 background:var(--card-solid)!important;color:var(--ink)!important;border:2px solid var(--st-line);font-size:14px!important;font-weight:800;transition:all .2s}
#types.vx details.vx-st:not(:last-child) summary:before{content:"";position:absolute;top:17px;left:calc(50% + 21px);width:calc(100% - 42px);height:2px;background:var(--st-line)}
#types.vx details.vx-st summary:hover b{border-color:var(--navy)}
#types.vx details.vx-st[open] summary{flex-direction:column!important;color:var(--ink)}
#types.vx details.vx-st[open] summary b{background:var(--navy)!important;color:var(--paper)!important;border-color:var(--navy)}
#types.vx details.vx-st>p{position:absolute;left:18px;right:18px;top:84px;margin:0!important;padding:12px 0 0!important;border-top:1px solid var(--line);
 font-size:14.5px!important;line-height:1.55;text-align:left}
#types .vx-tl:has(details[open]){padding-bottom:92px}

@media (max-width:860px){
 #types .vx-tl{display:block!important;padding:6px 14px!important}
 #types.vx details.vx-st{position:relative}
 #types.vx details.vx-st summary{flex-direction:row!important;align-items:center!important;gap:12px!important;padding:9px 0!important;font-size:15px!important;text-align:left}
 #types.vx details.vx-st[open] summary{flex-direction:row!important}
 #types.vx details.vx-st summary b{width:28px!important;height:28px!important;font-size:13px!important;flex:none}
 #types.vx details.vx-st summary span{flex:1;min-width:0}
 #types.vx details.vx-st summary:after{content:""!important;display:block!important;width:7px!important;height:7px!important;margin:0 4px 0 auto;border:solid var(--ink-2);border-width:0 2px 2px 0;
  border-radius:0!important;background:none!important;transform:rotate(45deg);opacity:.55;transition:transform .2s}
 #types.vx details.vx-st[open] summary:after{transform:rotate(-135deg)!important}
 #types.vx details.vx-st:not(:last-child) summary:before{display:none}
 #types.vx details.vx-st:not(:last-child):before{content:"";position:absolute;left:13px;top:37px;bottom:-9px;width:2px;background:var(--st-line)}
 #types.vx details.vx-st>p{position:static;border:0;padding:0 0 10px 40px!important;font-size:14px!important;color:var(--ink-2)}
 #types .vx-tl:has(details[open]){padding-bottom:6px}
}

/* /visa-usa: «Як ми працюємо» — тот же вертикальный стиль с линией */
.kb-steps{gap:0!important;background:var(--card-solid);border:1px solid var(--line);border-radius:18px;padding:8px 16px!important}
.kb-steps li{background:none!important;border:0!important;border-radius:0!important;padding:10px 0 10px 42px!important;font-size:14.5px;line-height:1.5}
.kb-steps li:before{left:0!important;top:9px!important;width:28px!important;height:28px!important;font-size:13px;background:var(--navy)!important;color:var(--paper)!important;z-index:1}
.kb-steps li:not(:last-child):after{content:"";position:absolute;left:13px;top:39px;bottom:-9px;width:2px;background:var(--st-line)}

/* Гайды: пошаговые списки в ответах — номера в кружках, линия между ними */
.kbc .faq .a ol{list-style:none;counter-reset:st;padding:0!important;margin:8px 0 10px}
.kbc .faq .a ol>li{counter-increment:st;position:relative;padding:3px 0 9px 34px;margin:0}
.kbc .faq .a ol>li:before{content:counter(st);position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;
 font-size:12px;font-weight:800;background:var(--navy);color:var(--paper)}
.kbc .faq .a ol>li:not(:last-child):after{content:"";position:absolute;left:10px;top:27px;bottom:1px;width:2px;background:var(--st-line)}