/* Страница хвоста (hair.php, $item_css): блок, форма, нижняя панель — K10, эскиз r1 «Ярлык ID». Только эта страница (K10b: в catalog.css
   эти правила грузили и главная, каталог, /pay/, /pick/). После catalog.css. Размеры — по ширине блока (container queries). */
/* DM Sans 800 — те же файлы, что в style.css; своё имя — штамп «SOLD» не меняется */
/* latin-ext */
@font-face {
  font-family: 'DM Sans 800';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZ2IHSeH.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans 800';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v17/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.item-info, .sticky-cta { --tag: color-mix(in oklab, var(--accent) 15%, var(--secondary)); --line: color-mix(in oklab, var(--border) 85%, transparent); }
.item-info { container-type: inline-size; }
/* K10b: на телефоне ярлык ближе к фото (как в эскизе, ~20 px) */
@media (max-width: 899.98px) { .item-layout > .item-gallery + .item-info { margin-top: -1rem; } }
.sr-only { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* 1. Ярлык ID */
.item-id { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; max-width: 100%; margin: 0 0 0.85rem; padding: 0.375rem 0.375rem 0.375rem 1rem;
  border-radius: 0.75rem; background: var(--tag); }
.item-id-t { display: flex; flex-direction: column; min-width: 0; margin: 0; padding-right: 0.7rem; }
/* 12 px — QA-31 */
.item-id-k { font-size: 0.75rem; font-weight: 700; line-height: 1.25; letter-spacing: 0.09em; text-transform: uppercase; color: var(--accent-ink); }
.item-id-v { font-family: 'DM Sans 800', var(--font-sans); font-size: 1.5rem; font-weight: 800; line-height: 1.1; letter-spacing: 0.03em;
  font-variant-numeric: lining-nums tabular-nums; overflow-wrap: anywhere; }
.item-copy { display: inline-flex; align-items: center; gap: 0.4rem; height: 2.5rem; padding: 0 0.8rem 0 0.7rem; flex: none;
  border: 1px solid color-mix(in oklab, var(--accent) 38%, var(--border)); border-radius: 0.55rem; background: var(--card);
  color: var(--foreground); font: 600 0.8125rem/1 var(--font-sans); cursor: pointer; transition: border-color 0.15s; }
.item-copy[hidden] { display: none; }   /* K10b: без JS кнопки нет (показывает catalog.js) */
.item-copy { position: relative; }
.item-copy::after { content: ''; position: absolute; inset: -0.25rem -0.1rem; }   /* K10b: зона нажатия ≥ 44 px */
.item-copy:hover { border-color: var(--accent-ink); }
.item-copy:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
/* «Copy» и «Copied» в одной клетке — ширина та же */
.item-copy-i, .item-copy-l { display: grid; }
.item-copy-l { text-align: left; }
.item-copy-i > *, .item-copy-l > * { grid-area: 1 / 1; }
.item-copy-i svg { width: 1rem; height: 1rem; }
.item-copy .item-copy-ok, .item-copy .item-copy-b { visibility: hidden; }
.item-copy.done { border-color: #16794f; }
.item-copy.done .item-copy-cp, .item-copy.done .item-copy-a { visibility: hidden; }
.item-copy.done .item-copy-ok, .item-copy.done .item-copy-b { visibility: visible; color: #16794f; }

/* 2. Название (номер в H1 — только для скринридера) */
.item-info .item-title { margin: 0; font-family: var(--font-serif); font-size: 1.75rem; font-weight: 700; line-height: 1.22; letter-spacing: -0.01em; }

/* 3. One of a kind */
.item-one { margin: 0.5rem 0 0; font-size: 0.9375rem; line-height: 1.5; }
.item-plaque { display: inline-block; margin-right: 0.3rem; padding: 0.3rem 0.62rem; border-radius: 999px; vertical-align: 1px;
  background: var(--primary); color: var(--primary-foreground); font-size: 0.78125rem; font-weight: 700; line-height: 1; letter-spacing: 0.03em; white-space: nowrap; }   /* 12,5 px — QA-31 */
.item-info .item-status { margin-top: 0.95rem; }
.item-info .item-status + .rv-proof-line { margin-top: 0.85rem; }   /* K10b */

/* 4. Цена и PayPal */
.item-info .item-price { margin: 0.95rem 0 0; display: flex; align-items: baseline; justify-content: space-between; gap: 0.2rem 1rem; flex-wrap: wrap; }
.ip-main { display: inline-flex; flex-direction: column; min-width: 0; }
.item-info .ip-value { font-family: 'DM Sans 800', var(--font-sans); font-size: 2.125rem; font-weight: 800; line-height: 1.1; letter-spacing: -0.015em;
  font-variant-numeric: tabular-nums; white-space: nowrap; }
.item-info .ip-usd { display: block; margin-top: 0.2rem; font-size: 0.85rem; color: var(--muted-foreground); letter-spacing: 0.02em; }
.item-info .ip-req { font-size: 1.625rem; font-weight: 700; line-height: 1.15; color: var(--accent-ink); }
.item-info .item-pay { font-size: 0.875rem; color: var(--muted-foreground); white-space: nowrap; }
.item-info .item-pay .pp-logo { height: 16px; vertical-align: -3px; }   /* на 390 — в строку с ценой */
.item-info .rv-proof-line { display: inline-block; position: relative; margin: 0.3rem 0 0; font-size: 0.85rem; border-bottom: 0; text-decoration: underline dotted; text-underline-offset: 3px; }

/* 5. Таблички фактов (эскиз v9) */
.item-facts { list-style: none; margin: 1.05rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem; }
.item-facts li { display: flex; flex-direction: column; gap: 0.18rem; min-width: 0; min-height: 4.4rem; padding: 0.7rem 0.95rem;
  border-radius: 0.875rem; border: 1px solid color-mix(in oklab, var(--accent) 45%, var(--border)); overflow-wrap: break-word; }
.item-facts li.if-wide { grid-column: 1 / -1; }   /* K10b: без пары и длинная текстура (hair.php) */
.if-v { display: flex; align-items: center; gap: 0.4rem; font-size: 1.1875rem; font-weight: 600; line-height: 1.2; }
.if-num .if-v { font-size: 1.4375rem; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.if-s { font-size: 0.84rem; line-height: 1.35; color: var(--muted-foreground); }
.if-ok { width: 1.05rem; height: 1.05rem; flex: none; color: var(--accent-ink); }
.if-nb { white-space: nowrap; }
.if-txt .if-v { line-height: 1.25; }
/* K10c: значение-фраза — строкой со значком (не flex: «✓ Nigdy / niefarbowane» помещается и в 18 px), строки ровные; пояснения — без одного
   слова в средней строке («Von Natur aus glatt — / nicht / chemisch geglättet») */
.if-txt .if-v { display: block; text-wrap: balance; }
.if-txt .if-ok { display: inline-block; margin-right: 0.35rem; vertical-align: -0.12em; }
.item-facts .if-s { text-wrap: balance; }
.item-color-note { margin: 0.7rem 0 0; font-size: 0.84rem; color: var(--muted-foreground); }
.item-info .item-form-note { margin: 0.35rem 0 0; font-size: 0.875rem; line-height: 1.5; color: color-mix(in oklab, var(--foreground) 82%, transparent); }
.item-facts + .item-form-note { margin-top: 0.7rem; }

/* 6. Кнопка к форме и «No payment now» */
.item-cta { margin-top: 1.05rem; display: flex; align-items: center; justify-content: center; gap: 0.7rem; min-height: 3.375rem; padding: 0.55rem 1.2rem;
  border-radius: 0.5rem; background: var(--primary); color: var(--primary-foreground); font-size: 1.0625rem; font-weight: 700; text-decoration: none; text-align: center; }
.item-cta:hover { background: color-mix(in oklab, var(--primary) 90%, black); }
.item-cta:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.item-cta-dot { display: grid; place-items: center; width: 1.65rem; height: 1.65rem; flex: none; border-radius: 50%; background: var(--lime); color: #1a1a1a; }
.item-cta-dot svg { width: 0.95rem; height: 0.95rem; }
.item-nopay { margin: 0.55rem 0 0; text-align: center; font-size: 0.875rem; color: var(--muted-foreground); text-wrap: balance; }

/* 7. Карточка доставки (эскиз v8) */
.item-ship { margin-top: 1.15rem; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); }
.ship-sv { display: flex; align-items: flex-start; gap: 0.85rem; padding: 0.95rem 1rem; font-size: 0.9375rem; line-height: 1.45; color: inherit; text-decoration: none; }
.ship-sv + .ship-sv { border-top: 1px solid var(--line); }
.ship-ic { width: 1.375rem; height: 1.375rem; margin-top: 0.05rem; }
.ship-b { display: block; flex: 1; min-width: 0; }
/* K10b: флаг — у первой строки */
.ship-loc { display: flex; align-items: flex-start; gap: 0.45rem; margin: 0; font-weight: 700; }
.ship-loc svg.flag { width: 1.3rem; height: 0.9rem; border-radius: 2px; flex: none; vertical-align: 0; margin-top: calc((1.45em - 0.9rem) / 2); }
.ship-loc .flag-code { flex: none; }
.ship-loc-t { min-width: 0; }
.ship-to { margin: 0.1rem 0 0; color: var(--muted-foreground); font-size: 0.875rem; }
.ship-note { margin: 0.55rem 0 0; }
.ship-rows { list-style: none; margin: 0.55rem 0 0; padding: 0; }
/* не помещаются — срок ниже, справа */
.ship-rows li { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 0.75rem; padding: 0.4rem 0; }
.ship-rows li + li { border-top: 1px dashed var(--line); }
.ship-m { min-width: 0; }
.ship-rows small { flex: 0 0 100%; order: 3; margin-top: 0.1rem; font-size: 0.8rem; line-height: 1.3; color: var(--muted-foreground); }
.ship-d { margin-left: auto; white-space: nowrap; font-weight: 700; text-align: right; }
.ship-rows li + li .ship-d { font-weight: 600; }
.ship-ask b { font-weight: 700; }
.ship-ask u { text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--accent-ink) 55%, transparent); text-underline-offset: 3px; }
.ship-ask:hover u { text-decoration-color: var(--accent-ink); }
.ship-ask:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: -2px; border-radius: var(--radius); }
.ship-s { display: block; margin-top: 0.2rem; font-size: 0.84rem; line-height: 1.4; color: var(--muted-foreground); }
.item-info .item-desc { margin-top: 1.25rem; font-size: 0.925rem; line-height: 1.7; color: var(--muted-foreground); overflow-wrap: anywhere; }
.item-info .item-guide-link { margin: 1.1rem 0 0; font-size: 0.9rem; }
.item-info .item-guide-link a { color: var(--accent-ink); font-weight: 600; }
/* K10b: зоны нажатия ≥ 44 px, вид тот же */
.item-info .rv-proof-line::after, .item-info .item-guide-link a::after,
.item-info .lf-more summary::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2.75rem; transform: translateY(-50%); }
.item-info .item-guide-link a { position: relative; }

/* ---------- Форма заявки (#lead-box) ---------- */
.item-info .lead-box { margin-top: 1.6rem; padding: 0; border: 1px solid color-mix(in oklab, var(--border) 80%, var(--accent) 20%); border-radius: 1rem;
  background: var(--card); overflow: hidden; container-type: inline-size; }
.lead-sum { display: flex; align-items: center; gap: 0.85rem; padding: 0.75rem 1.1rem; background: var(--tag); }
.lead-thumb { width: 3.5rem; height: 3.5rem; flex: none; border-radius: 0.55rem; object-fit: cover; background: var(--secondary); }
.lead-sum-t { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; margin: 0; }
.lead-sum-id { display: flex; align-items: baseline; gap: 0.45rem; flex-wrap: wrap; line-height: 1.2; }
.lead-sum-id b { min-width: 0; font-family: 'DM Sans 800', var(--font-sans); font-size: 1.25rem; font-weight: 800; letter-spacing: 0.03em; overflow-wrap: anywhere; }   /* K10b: длинный номер переносится */
.lead-sum-s { font-size: 0.875rem; line-height: 1.35; color: color-mix(in oklab, var(--foreground) 72%, transparent); }
.lead-sum-s b { font-weight: 700; color: var(--foreground); white-space: nowrap; }
.lead-body { padding: 1.2rem 1.35rem 1.25rem; }
.item-info .lead-box h3 { margin: 0; font-family: var(--font-serif); font-size: 1.3rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.01em; text-wrap: balance; }
.item-info .lead-sub { margin: 0.3rem 0 0; font-size: 0.9rem; color: var(--muted-foreground); }
.item-info .lead-sub + .lead-form { margin-top: 1.15rem; }
.item-info .lead-steps { counter-reset: st; margin: 0.95rem 0 1.15rem; padding: 0; background: none; border-radius: 0; }
.item-info .lead-steps li { position: relative; padding: 0.08rem 0 0.55rem 2rem; font-size: 0.875rem; line-height: 1.4;
  color: color-mix(in oklab, var(--foreground) 80%, transparent); }
.item-info .lead-steps li + li { margin-top: 0; }
.item-info .lead-steps li:last-child { padding-bottom: 0; }
.item-info .lead-steps li::before { content: counter(st); position: absolute; left: 0; top: 0; width: 1.375rem; height: 1.375rem; border-radius: 50%;
  display: grid; place-items: center; background: var(--card); border: 1.5px solid color-mix(in oklab, var(--accent) 65%, var(--border));
  font-size: 0.72rem; font-weight: 700; line-height: 1; color: var(--accent-ink); }
.item-info .lead-steps li:not(:last-child)::after { content: ''; position: absolute; left: calc(0.6875rem - 0.75px); top: 1.45rem; bottom: 0.1rem; width: 1.5px;
  background: color-mix(in oklab, var(--accent) 30%, var(--border)); }
.item-info .lf-label { margin: 0; font-size: 0.9375rem; font-weight: 600; color: var(--foreground); }
/* K10b: колонка не уже чипа («WhatsApp» ≈ 129 px) */
.item-info .lf-chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(8.25rem, 1fr)); gap: 0.5rem; margin: -0.25rem 0 0; }
.item-info .lf-chip { display: block; }
.item-info .lf-chip > span { display: flex; align-items: center; justify-content: flex-start; gap: 0.5rem; min-height: 3rem; padding: 0.45rem 0.7rem;
  border: 1px solid var(--border); border-radius: 0.65rem; background: var(--background); color: var(--foreground);
  font-size: 0.9375rem; font-weight: 600; line-height: 1.15; transition: background 0.12s, border-color 0.12s; }
.item-info .lf-chip:hover > span { border-color: color-mix(in oklab, var(--accent) 55%, var(--border)); }
.item-info .lf-chip input:checked + span { background: var(--primary); border-color: var(--primary); color: var(--primary-foreground); }
.lf-mi { width: 1.25rem; height: 1.25rem; flex: none; }
.item-info .lf-chip .lf-mi { color: color-mix(in oklab, var(--foreground) 78%, transparent); }
.item-info .lf-chip input:checked + span .lf-mi { color: var(--primary-foreground); }
.item-info .lf-phone-row input[type="text"] { height: 3rem; padding: 0 0.9rem; border-radius: 0.6rem; }
.item-info .lf-phone-row select.lf-cc { min-height: 3rem; }
.item-info .lf-phone-row.lf-js .lf-cc-box { gap: 0.4rem; width: 6em; height: 3rem; min-height: 0; padding: 0 1.4em 0 0.6em; }
.item-info .lf-phone-row.lf-js .lf-cc-box::after { right: 0.65em; }
.item-info .lead-form textarea { border-radius: 0.6rem; }
.item-info .lf-more summary { position: relative; display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.875rem; color: var(--muted-foreground); text-decoration: none; }
.item-info .lf-more summary span { text-decoration: underline; text-underline-offset: 3px; }
.lf-plus { width: 0.95rem; height: 0.95rem; flex: none; }
.item-info .lf-more[open] .lf-plus { transform: rotate(45deg); }
.item-info .lead-form button[type="submit"]:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.item-info .lead-form button[type="submit"] { width: 100%; min-height: 3.25rem; margin-top: 0.15rem; padding: 0.6rem 1rem; border-radius: 0.5rem;
  font: 700 1.0625rem/1.2 var(--font-sans); }
.item-info .lf-note { margin: -0.25rem 0 0; font-size: 0.8125rem; }
.item-info .lf-status:empty { min-height: 0; margin-top: -0.75rem; }
/* нижняя полоса */
.lead-foot { padding: 0.95rem 1.35rem 1.1rem; border-top: 1px solid var(--line); background: color-mix(in oklab, var(--secondary) 45%, var(--card)); }
.item-info .lead-video { display: flex; align-items: flex-start; gap: 0.6rem; margin: 0; padding: 0; border: 0; border-radius: 0; font-size: 0.875rem; line-height: 1.45; }
.item-info .lead-video b { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: color-mix(in oklab, var(--accent-ink) 55%, transparent); }
.item-info .lead-video:hover b { text-decoration-color: var(--accent-ink); }
.lead-vic { width: 1.25rem; height: 1.25rem; margin-top: 0.02rem; color: var(--accent-ink); }
/* K10c (владелец 18.10): «Questions first?» и кнопки WhatsApp / Instagram (зона ≥ 44 px); под WhatsApp мелко — «message about #… is already typed in» */
.item-info .lead-ask { display: block; margin: 0.85rem 0 0; padding: 0; border: 0; font-size: 0.84rem; }
.item-info .lead-foot > .lead-ask:first-child { margin-top: 0; }
.lead-ask-q { margin: 0 0 0.5rem; }
.lead-msgs { display: grid; grid-template-columns: repeat(2, minmax(0, 12rem)); gap: 0.6rem; align-items: start; }
.lead-msg-wa { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.item-info .lead-msg { display: flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 2.75rem; padding: 0.45rem 0.75rem;
  border: 1px solid var(--border); border-radius: 0.6rem; background: var(--card); color: var(--foreground); font-size: 0.9375rem; font-weight: 600;
  line-height: 1.2; text-decoration: none; white-space: nowrap; }
.item-info .lead-msg:hover { border-color: var(--foreground); }
.item-info .lead-msg:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 2px; }
.lf-mi-s { width: 1.125rem; height: 1.125rem; flex: none; color: var(--accent-ink); }
.lead-wa-note { margin: 0; font-size: 0.78125rem; line-height: 1.35; color: var(--muted-foreground); text-wrap: balance; }
.lead-wa-note b { display: inline-block; max-width: 100%; overflow-wrap: anywhere; font-weight: 700; color: var(--foreground); }   /* номер с дефисом не рвётся */
/* K10c: ссылка про видео — зона нажатия ≥ 44 px (было 42), вид тот же */
.item-info .lead-video { position: relative; }
.item-info .lead-video::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: max(100%, 2.75rem); transform: translateY(-50%); }

/* ---------- Нижняя панель (телефон) ---------- */
.sc-serial { display: inline-flex; align-items: baseline; gap: 0.35rem; align-self: flex-start; max-width: 100%; padding: 0.12rem 0.45rem; border-radius: 0.4rem; background: var(--tag); }
.sc-serial b { min-width: 0; font-family: 'DM Sans 800', var(--font-sans); font-size: 0.9375rem; font-weight: 800; letter-spacing: 0.03em; overflow-wrap: anywhere; }
.sc-serial .item-id-k { white-space: nowrap; }
.sc-btn { flex: none; }
/* 320–359 px: подпись ярлыка — только для скринридера */
@media (max-width: 359px) {
  .sticky-cta { gap: 0.6rem; }
  .sc-btn { padding-left: 0.95rem; padding-right: 0.95rem; }
  .sc-serial .item-id-k { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
}

/* ---------- Узкий блок ---------- */
@container (max-width: 440px) {
  .item-info .item-title { font-size: 1.5rem; }
  .item-id-v { font-size: 1.375rem; }
  .item-info .ip-value { font-size: 2rem; }
  .item-info .ip-req { font-size: 1.5rem; }
  /* K10b: два последних слова — вместе */
  .item-facts li { min-height: 4.2rem; padding: 0.62rem 0.7rem; }
  .if-v { font-size: 1.125rem; }
  .if-num .if-v { font-size: 1.375rem; }
  .if-s { font-size: 0.78125rem; }   /* K10c: значения-фразы — 18 px, как остальные (было 16) */
  .ship-sv { padding: 0.9rem 0.85rem; gap: 0.7rem; }
  .item-info .lead-box { margin-top: 1.4rem; }
}
/* K10c (rC): узкий блок (экран 320–357) — длина и вес парой, как в эскизе; остальные таблички — во всю ширину */
@container (max-width: 309px) {
  .item-facts { gap: 0.4rem; }
  .item-facts li { min-height: 0; padding: 0.55rem 0.8rem; }
  .item-facts li:not(.if-pair) { grid-column: 1 / -1; }
  .item-facts li.if-pair { padding-inline: 0.7rem; }
}
@container (max-width: 300px) {
  .item-info .item-title { font-size: 1.4rem; }
  .item-id { padding-left: 0.85rem; }
  .if-num .if-v { font-size: 1.25rem; }
}
@container (max-width: 400px) {
  .lead-sum { padding: 0.7rem 0.9rem; gap: 0.75rem; }
  .lead-thumb { width: 3.25rem; height: 3.25rem; }
  .lead-body { padding: 1.05rem 1rem 1.1rem; }
  .lead-foot { padding: 0.9rem 1rem 1rem; }
  .item-info .lead-box h3 { font-size: 1.25rem; }
}
/* K10b: чипы — два в ряд, мельче */
@container (max-width: 305px) {
  .item-info .lf-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem; }
  .item-info .lf-chip > span { gap: 0.4rem; padding: 0.45rem 0.55rem; font-size: 0.875rem; }
  .item-info .lf-chip .lf-mi { width: 1.125rem; height: 1.125rem; }
}
/* K10c: кнопки WhatsApp / Instagram на узком блоке — мельче, текст в кнопке */
@container (max-width: 300px) {
  .lead-msgs { gap: 0.5rem; }
  .item-info .lead-msg { gap: 0.35rem; padding-inline: 0.5rem; font-size: 0.875rem; }
}
/* 320 по-немецки */
@container (max-width: 280px) {
  .lead-sum { padding: 0.65rem 0.8rem; }
  .lead-body { padding: 1rem 0.85rem 1.05rem; }
  .lead-foot { padding: 0.85rem 0.85rem 0.95rem; }
}
/* K10b: кнопка отправки — в одну строку */
@container (max-width: 300px) {
  .item-info .lead-form button[type="submit"] { padding: 0.6rem 0.75rem; font-size: 1rem; }
}

@container (max-width: 270px) {
  .lead-msgs { grid-template-columns: minmax(0, 1fr); }   /* K10c: кнопки WhatsApp / Instagram одна под другой — длинный номер под WhatsApp не рвётся */
  .lead-body { padding: 1rem 0.75rem 1.05rem; }
  .item-info .lf-chip > span { gap: 0.35rem; padding: 0.45rem 0.5rem; font-size: 0.8125rem; }
  .item-info .lf-chip .lf-mi { width: 1rem; height: 1rem; }
  .item-info .lead-form button[type="submit"] { padding: 0.6rem 0.5rem; font-size: 0.9375rem; }
}
/* ≤340 px — как блок C (style.css) */
@media (max-width: 340px) {
  .item-info .lf-phone-row.lf-js .lf-cc-box { width: 5.6em; padding: 0 1.05em 0 0.4em; }
  .item-info .lf-phone-row.lf-js .lf-cc-box::after { right: 0.6em; }
}