/* ═══ Отслеживание посылки СДЭК (шаблон cdek, служебный вариант доставки) ═══
   Поверх v2.css и v2-pages.css. Значения — только токены .v2.
   Написано от 375 px вверх: @media (min-width) только добавляет.
   Страница тихая: поле номера на белой панели, результат под ним. */

.v2{
  /* токен страницы: высота окна результата виджета posylka.net (на живой странице фрейм был 100vh) */
  --track-h:560px;
}

/* ── 01 · шапка ──────────────────────────────────────────────────────── */
/* Последнее звено крошек (повтор H1) до 600 px скрывает общее правило .crumbs (v2-pages.css). */
/* Телефон: под лидом --s-4, а не --s-5 — «Отследить» целиком в окне SE в Safari (375×548);
   с 600 px и от 900 px — общие отступы .phead (--s-5 / --s-6). */
.v2 .phead.cdek-head{padding-bottom:var(--s-4)}
@media (min-width:600px){.v2 .phead.cdek-head{padding-bottom:var(--s-5)}}
@media (min-width:900px){.v2 .phead.cdek-head{padding-bottom:var(--s-6)}}

/* ── 02 · трек-номер ─────────────────────────────────────────────────── */
.v2 .cdek{padding-bottom:var(--s-6)}
.v2 .cdek__in{display:grid;gap:var(--s-5)}
.v2 .cdek__card{display:grid;gap:var(--s-3);justify-items:start;max-width:var(--canvas-max);padding:var(--s-4);border-radius:var(--r-img);background:var(--card);box-shadow:var(--shadow)}
.v2 .cdek__card>*{min-width:0}
.v2 .cdek__t{display:flex;align-items:center;gap:var(--s-2);font:600 var(--t-h3)/1.25 var(--f-d)}
/* Телефон: поле и «Отследить» — в первом окне (на 375×548 и 320×568 кнопка уходила за низ).
   Заголовок карточки «Где сейчас посылка» повторял H1 и лид над ней: до 600 px он только
   для скринридера (как .vh), иконка уходит вместе с ним. От 600 px — как был. */
.v2 .cdek__t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.v2 .cdek__ico{display:grid;place-items:center;flex:0 0 auto;width:var(--tap);height:var(--tap);border-radius:var(--r-chip);background:var(--linen);color:var(--acc-ink)}
.v2 .cdek__ico svg{width:var(--ico-l);height:var(--ico-l)}
.v2 .cdek__form,.v2 .cdek__field{justify-self:stretch}
.v2 .cdek__row{display:grid;gap:var(--s-2)}
.v2 .cdek__row input{min-width:0}
.v2 .cdek__go{width:100%}
.v2 .cdek__alt{margin-top:calc(var(--s-1) * -1)}
/* Где найти номер: на телефоне под полем, от 900 px — справа от карточки. */
.v2 .cdek-where{display:grid;gap:var(--s-3);justify-items:start;align-content:start;padding:var(--s-4);border-radius:var(--r-img);background:var(--linen)}
.v2 .cdek-where__t{font:600 var(--t-h3)/1.25 var(--f-d)}
.v2 .cdek-where__list{display:grid;gap:var(--s-2);max-width:var(--measure);margin:0;padding:0;list-style:none}
.v2 .cdek-where__list b{font-weight:600}
.v2 .cdek__result{display:grid;gap:var(--s-2)}
.v2 .cdek__result:focus{outline:none}
.v2 .cdek__status{font-size:var(--t-s);font-weight:600;color:var(--ink-2)}
.v2 .cdek__status:empty{display:none}
.v2 .cdek__widget{border-radius:var(--r-img);overflow:hidden;background:var(--card)}
.v2 .cdek__widget:empty{display:none}
.v2 .cdek__widget iframe{display:block;width:100% !important;min-height:var(--track-h);border:0}
.v2 .cdek__by{font-size:var(--t-s);color:var(--ink-2)}
.v2 .cdek__by a{display:inline-block;padding-block:calc((var(--tap) - 1lh) / 2);margin-block:calc((1lh - var(--tap)) / 2);font-weight:600;color:var(--acc);text-decoration:underline;text-underline-offset:var(--ul-off)}

/* ── 03 · если с посылкой что-то не так ──────────────────────────────── */
/* Верх — --sec-near: над ней светлая «трек-номер» со своим нижним --s-6 (стык одного фона, DESIGN §5; было 56 + 56). */
.v2 .cdek-help{padding-block:var(--sec-near) var(--sec)}
.v2 .cdek-help__in{display:grid;gap:var(--s-5)}
.v2 .cdek-help__say{display:grid;gap:var(--s-3);justify-items:start}
.v2 .cdek-help__say .lead{max-width:var(--measure)}
.v2 .cdek-help__call{display:grid;gap:var(--s-0)}
.v2 .cdek-help__call span{font-size:var(--t-s);color:var(--ink-2)}
.v2 .cdek-help__tel{display:inline-flex;align-items:center;min-height:var(--tap);font:500 var(--t-h2)/1.08 var(--f-d);letter-spacing:-.015em;white-space:nowrap}
.v2 .cdek-help__tel:hover{color:var(--acc)}
.v2 .cdek-help__soc{margin:0;padding:0;list-style:none}
.v2 .cdek-help__side{display:grid;gap:var(--s-3);justify-items:start;align-content:start;padding:var(--s-4);border-radius:var(--r-img);background:var(--linen)}
.v2 .cdek-help__list{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none;max-width:var(--measure)}
.v2 .cdek-help__list b{font-weight:600}

@media (min-width:600px){
  .v2 .cdek__t{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}
  .v2 .cdek__card{padding:var(--s-5)}
  .v2 .cdek-where{padding:var(--s-5)}
  .v2 .cdek__row{grid-template-columns:minmax(0,1fr) auto}
  .v2 .cdek__go{width:auto}
}
@media (min-width:900px){
  /* Карточка номера 7/12 и подсказка 5/12: первое окно без пустой половины. */
  .v2 .cdek__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:start}
  .v2 .cdek__card{max-width:none}
  .v2 .cdek__result{grid-column:1 / -1}
  .v2 .cdek-help__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:start}
  .v2 .cdek-help__side{padding:var(--s-5)}
}