/* ============================================================
   bufet — горизонтальная лента изделий.
   Перенос из docs/02/design_2/assets/home-c.css (строки 274–297).

   Правила `.pcard__fav` не переносятся: кнопки «в избранное» в Этапе 1
   нет (избранное — Этап 2), а стиль без разметки был бы мёртвым.
   Общий `.sec-title` живёт в base.css — он нужен и другим секциям.
   ============================================================ */
.showcase { padding-top: var(--section-y); padding-bottom: clamp(40px, 6vw, 72px); }
.showcase__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; flex-wrap: wrap; margin-bottom: 44px; }
/* overscroll-behavior-inline: без него свайп вправо в конце ленты
   на iOS и Chrome-Android срабатывает как «назад» и уводит с сайта */
.showcase__viewport { overflow-x: auto; scrollbar-width: none; overscroll-behavior-inline: contain; }
.showcase__viewport::-webkit-scrollbar { display: none; }
.showcase__track { display: flex; gap: clamp(20px, 2.4vw, 36px); padding-inline: var(--gutter); width: max-content; }

.pcard { width: clamp(280px, 32vw, 420px); flex: none; }
.pcard__plate { position: relative; aspect-ratio: 3 / 4; border-radius: var(--r-2); overflow: hidden; }
.pcard__plate .plate { position: absolute; inset: 0; transition: transform var(--dur-slow) var(--ease); }
.pcard:hover .pcard__plate .plate { transform: scale(1.05); }
.pcard__body { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-top: 18px; }
.pcard__name { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-h4); color: var(--ink); }
.pcard__tagline { color: var(--ink-3); font-size: .9rem; margin-top: 4px; }
.pcard__dims { font-variant-numeric: tabular-nums; }
.pcard__price { font-family: var(--font-display); font-weight: 800; font-size: 1.15rem; color: var(--ink); white-space: nowrap; }
.pcard__price small { display: block; font-weight: 600; font-size: .7rem; color: var(--ink-3); text-align: right; }
/* Изделие без цены (мебель по размеру): надпись стоит на месте суммы, но не кричит как она —
   у .pcard__price стоит white-space: nowrap, и «Цена по запросу» в 1.15rem/800 отжала бы имя.
   В макетах такого состояния нет — отступление записано в docs/PARITY-CHECK.md. */
.pcard__price-ask { font-size: .92rem; font-weight: 700; color: var(--ink-2); }
/* Цена со скидкой: get_price_html() отдаёт <del> со старой ценой и <ins> с новой. Стилей
   WooCommerce на сайте нет (woocommerce_enqueue_styles отключён), а браузер по умолчанию
   подчёркивает <ins> — на сайте, где ссылки без подчёркивания, это читается как ссылка.
   Состояния «скидка» в макетах нет — отступление в docs/PARITY-CHECK.md, пункт 36. */
.pcard__price del { margin-right: 8px; font-size: .8em; font-weight: 600; color: var(--ink-3); text-decoration-line: line-through; }
.pcard__price ins { text-decoration: none; background: none; color: inherit; }

/* заглушки на пустом каталоге: те же пропорции, но без обещания ссылки */
.pcard--empty { cursor: default; }
.pcard--empty .pcard__name { color: var(--ink-3); font-weight: 600; }

.showcase__hint { padding-inline: var(--gutter); margin-top: 24px; font-family: var(--font-display); font-weight: 600; font-size: .82rem; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-3); display: inline-flex; align-items: center; gap: 10px; }
.showcase__hint svg { width: 18px; height: 18px; }