/* «Цена под ключ» — правая липкая колонка карточки лота (макет владельца 10.11; search-lot-turnkey.js).
   Итог сверху (BYN, ≈ $, полоска состава), ниже шесть шагов. Только переменные скина сайта (--sk-*). */
html[data-skin] .ss-lot-page--skin .ss-lot-page-turnkey { min-width: 0; }
.tk { --tk-c0: var(--sk-accent, #1c3d78); --tk-c1: #3b7dd8; --tk-c2: #2c9c8a; --tk-c3: #b45309; --tk-c4: #7a4fd1; --tk-c5: #be185d;
  border: 1px solid var(--sk-line, #e6eaef); border-radius: 12px; overflow: hidden; background: #fff;
  color: var(--sk-ink, #1b2430); font-size: 14px; }
.tk .tk-c0 { --c: var(--tk-c0); } .tk .tk-c1 { --c: var(--tk-c1); } .tk .tk-c2 { --c: var(--tk-c2); }
.tk .tk-c3 { --c: var(--tk-c3); } .tk .tk-c4 { --c: var(--tk-c4); } .tk .tk-c5 { --c: var(--tk-c5); }

.tk-total { display: grid; gap: 2px; padding: 16px 18px; background: var(--tk-c0); color: #fff; }
.tk-total small { font-size: 13px; opacity: .85; }
.tk-total b { font-size: 28px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.01em; line-height: 1.15;
  overflow-wrap: anywhere; }
.tk-total b.is-muted { font-size: 20px; font-weight: 600; opacity: .9; }
.tk-total span { font-size: 15px; opacity: .9; font-variant-numeric: tabular-nums; }
.tk-bar { display: flex; height: 8px; margin-top: 10px; border-radius: 4px; overflow: hidden; background: rgba(255, 255, 255, .2); }
.tk-bar i { display: block; height: 100%; background: var(--c); }
.tk-bar i.tk-c0 { background: #fff; opacity: .55; }  /* шаг 1 одного цвета с фоном итога — светлее, чтобы был виден */

.tk-step { border-top: 1px solid var(--sk-line, #e6eaef); }
.tk-step > summary, .tk-row { list-style: none; cursor: pointer; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 10px; align-items: baseline; padding: 13px 16px; }
.tk-step > summary::-webkit-details-marker { display: none; }
.tk-step > summary:focus-visible { outline: 2px solid var(--tk-c0); outline-offset: -2px; }
.tk-n { width: 22px; height: 22px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 12px;
  font-weight: 600; color: #fff; background: var(--c); }
.tk-ttl { font-weight: 600; min-width: 0; }
.tk-ttl small { display: block; font-weight: 400; color: var(--sk-muted, #5f6b7a); font-size: 13px; overflow-wrap: anywhere; }
.tk-sum { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tk-sum small { display: block; font-weight: 400; color: var(--sk-muted, #5f6b7a); font-size: 12px; }
.tk .is-muted { color: var(--sk-muted, #5f6b7a); font-weight: 400; }
.tk-body { padding: 0 16px 14px 48px; display: grid; gap: 6px; min-width: 0; }
.tk-line { display: flex; justify-content: space-between; gap: 12px; }
.tk-line span:first-child { color: var(--sk-muted, #5f6b7a); min-width: 0; overflow-wrap: anywhere; }
.tk-line span:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tk-src { margin: 2px 0 0; font-size: 12px; color: var(--sk-muted, #5f6b7a); }
.tk-foot { padding: 12px 16px; border-top: 1px solid var(--sk-line, #e6eaef); background: var(--sk-soft, #f5f7f9);
  font-size: 12px; color: var(--sk-muted, #5f6b7a); }

/* тела шагов 2 и 4 — прежние блоки доставки и таможни: без своих рамок и заголовков (заголовок — у шага) */
html[data-skin] .ss-lot-page--skin .tk-body .ss-lot-block { border: 0 !important; padding: 0 !important; margin: 0 !important; }
html[data-skin] .ss-lot-page--skin .tk-body :is(.ss-lot-block-title, .ss-lot-block-head--customs) { display: none !important; }
html[data-skin] .ss-lot-page--skin .tk-body .ss-logistics-leg:last-child { border-bottom: 0; }

/* телефон: тела шагов — на всю ширину, сумма шага не выталкивает заголовок */
@media (max-width: 600px) {
  .tk-body { padding-left: 16px; }
  .tk-total b { font-size: 24px; }
}
.tk-row { cursor: default; }  /* шаг одной строкой (слово владельца 11.11): не раскрывается */
/* значение строки таможни: переносится по пробелам (длинное название машины — на вторую строку, не обрезается), слово
   не рвётся посередине («150,10 BY / N»; между числом и BYN — неразрывный пробел) */
html[data-skin] .ss-lot-page--skin .tk-body .cz-r > span:last-child { white-space: normal; overflow-wrap: normal; min-width: min-content; }
