/* Витрина использует существующие карточки, источники и дизайн-систему. */
[data-unified-market=market] .market-layout{grid-template-columns:minmax(0,1fr)}
[data-unified-market=market] .market-layout>.context{display:grid;grid-template-columns:1fr 1fr;gap:20px}
/* Панель «Моя витрина» скрыта, пока скрипт не снял атрибут hidden: до T-017
   правило прятало её безусловно, и снятие hidden ничего не меняло — владелец
   витрины не видел её никогда. Нашёл второй исполнитель при проверке T-017. */
[data-unified-market=market] .context .mine[hidden]{display:none}
[data-unified-market=market] .hero{min-height:0;padding:28px;background:var(--tm-panel-soft);border:1px solid var(--tm-line);border-radius:var(--tm-radius-lg);color:var(--tm-ink)}
[data-unified-market=market] .hero-symbol{display:none}
[data-unified-market=market] .hero h1{font-size:clamp(26px,4vw,40px);margin:8px 0}
[data-unified-market=market] .hero p{color:var(--tm-ink-soft)}
[data-unified-market=market] .offers-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
[data-unified-market=market] .market-app>header{position:sticky;top:0;z-index:10;background:var(--tm-panel);gap:16px;padding:18px 24px}
[data-unified-market=market] #market-search{flex:1}
[data-unified-market=market] .market-category-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
[data-unified-market=market] .market-category{min-height:100px}
[data-unified-market=market] .market-category img{width:58px;height:58px;object-fit:contain}
@media(max-width:700px){[data-unified-market=market] .market-layout>.context{grid-template-columns:1fr}[data-unified-market=market] .market-app>header{position:static;flex-wrap:wrap;padding:16px}[data-unified-market=market] #market-search{flex-basis:100%}[data-unified-market=market] .offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}[data-unified-market=market] .offer-body{padding:12px}[data-unified-market=market] .offer-actions{flex-wrap:wrap}[data-unified-market=market] .offer-actions button{width:100%;padding:10px 6px}}
@media(max-width:1100px){[data-unified-market=market] .market-app>header{flex-wrap:wrap}[data-unified-market=market] #market-search{flex-basis:100%;order:0}[data-unified-market=market] .market-layout>.context{grid-template-columns:1fr}}

[data-unified-market=market] .market-category{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:6px;padding:12px 8px}[data-unified-market=market] .market-category span{max-width:100%;overflow-wrap:anywhere}[data-unified-market=market] .market-category>span:last-child{display:none}
.market-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:16px 0;width:100%;grid-column:1/-1}
.market-app>header{flex-wrap:wrap}
.market-app>header .market-filters{flex:0 0 100%;max-width:none;order:3}
.market-filters label{display:flex;flex-direction:column;gap:6px;min-width:110px;flex:1;font-size:13px}
.market-filters input,.market-filters select{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--tm-border,#d6d9d8);border-radius:10px;padding:10px;background:var(--tm-surface,#fff);color:inherit;font:inherit}
.market-filters .market-filter-check{flex-direction:row;align-items:center;min-height:40px}
.market-filter-check input{width:auto}
@media(max-width:600px){.market-filters label{flex-basis:40%}.market-filters button{flex:1}}

.market-intent-link{display:block;margin:12px 0;color:var(--tm-indigo,#5340d5)}

/* T-007. Отметки карточки предложения, которые market.js рисует с самого
   начала, а правил под них не было ни в одном файле дерева.
   Токены — дизайн-системы v1.0 (foundation.css), она доезжает до экрана
   отдельной ссылкой из shell.ts: /assets/tm-design-system.css.
   Новых цветовых значений не вводится, только существующие переменные.
   Различие между двумя отметками — формой, а не оттенком (см. задачу):
   наличие — строчная метка-таблетка, изменение цены — блок с левой полосой
   и раскрытием. */
.offer-observation{display:inline-flex;align-items:center;gap:var(--tm-space-2);margin:var(--tm-space-2) 0;padding:var(--tm-space-1) var(--tm-space-3);border:1px solid var(--tm-line);border-radius:var(--tm-radius-pill);background:var(--tm-panel-soft);color:var(--tm-muted);font-size:var(--tm-font-caption);line-height:1.45}
.offer-price-change{display:block;margin:var(--tm-space-2) 0;padding:var(--tm-space-3) var(--tm-space-4);border:1px solid var(--tm-line);border-left:3px solid var(--tm-yellow);border-radius:var(--tm-radius-sm);background:var(--tm-panel-soft);color:var(--tm-ink-soft);font-size:var(--tm-font-caption)}
.offer-price-change>summary{color:var(--tm-ink);font-weight:640;cursor:pointer}
.offer-price-change>p{margin:var(--tm-space-2) 0 0}