#chips { display: none !important; }
.mobile-catalog-control { display: flex; gap: 4px; min-width: 0; }
.mobile-catalog-control button { min-height: 42px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--ink); padding: 8px 12px; font: inherit; font-size: 13px; }
#mobile-catalog-label { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
html.telegram-app body:not(.zone-active) #subcat-chips { display: none !important; }
@media (max-width: 819px) { body:not(.zone-active) #subcat-chips { display: none !important; } }
body.zone-active .mobile-catalog-control { display: none; }
.filter-bar { flex-wrap: wrap; }
.mobile-catalog-control { order: 0; }
.filter-bar .filter-toggle { order: 1; margin-left: auto; }
.filter-bar .feed-heading { order: 2; flex-basis: 100%; }
.filter-bar .filter-summary { order: 3; }
#mobile-catalog { box-sizing: border-box; margin: auto auto 0; width: 100%; max-width: 620px; max-height: 72dvh; padding: 20px 16px calc(20px + env(safe-area-inset-bottom)); border: 1px solid var(--border); border-radius: 24px 24px 0 0; background: var(--bg); color: var(--ink); overflow-y: auto; overscroll-behavior: contain; }
#mobile-catalog::backdrop { background: #0008; }
body:has(#mobile-catalog[open]) { overflow: hidden; }
#mobile-catalog[open] { animation: catalog-rise .2s ease-out; }
#mobile-catalog header { position: static; display: flex; align-items: center; gap: 12px; padding: 0 0 16px; }
#mobile-catalog h2 { font-size: 20px; flex: 1; margin: 0; }
#mobile-catalog button { min-height: 44px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--ink); padding: 10px; font: inherit; cursor: pointer; }
.mobile-catalog-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.mobile-catalog-grid button { text-align: left; overflow-wrap: anywhere; }
#mobile-catalog button[aria-pressed=true] { background: #f2c94c; color: #292516; }
.market-switcher-item { white-space: nowrap; font-size: 12px; padding: 8px 6px; }
.market-switcher-item.active { background: #f2c94c; color: #292516; border-color: #f2c94c; }
.photo-placeholder { display: flex; flex-direction: column; justify-content: center; gap: 16px; background: radial-gradient(ellipse at 50% 40%, var(--accent-light), transparent 75%), var(--surface); color: var(--ink-soft); font-size: 12px; letter-spacing: .03em; }
.photo-placeholder svg { width: 64px; height: 64px; stroke: currentColor; fill: none; stroke-width: 1.2; opacity: .65; }
@keyframes catalog-rise { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #mobile-catalog[open] { animation: none; } }
@media (min-width: 820px) {
 html.standalone-web .mobile-catalog-control { display: none; }

 html.standalone-web .filter-bar .feed-heading { order: 0; flex-basis: auto; }
 html.standalone-web .web-sections a.active { background: #f2c94c; color: #292516; border-radius: 10px; padding-inline: 12px; }
 html.standalone-web .web-sections a.active span { color: #292516; }
}
.mobile-catalog-grid button { display: flex; align-items: center; gap: 8px; } .mobile-catalog-grid svg { width: 24px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; }

.card-open { color: inherit; text-decoration: none; font: inherit; }