/* Listing pages (games + products) */
.page-head { padding-block: clamp(2.2rem, 5vw, 3.8rem) 1.6rem; position: relative; }
.page-head h1 { font-size: clamp(2.1rem, 4.5vw, 3.4rem); letter-spacing: -.035em; }
.page-head p { color: var(--text-2); margin-top: .7rem; max-width: 56ch; font-size: 1.05rem; }
.page-head--games::before, .page-head--leather::before { content: ''; position: absolute; left: 0; top: 0; width: 64px; height: 5px; border-radius: 3px; }
.page-head--games::before { background: var(--signal); }
.page-head--leather::before { background: var(--accent); }

.toolbar { display: grid; grid-template-columns: minmax(0, 1fr) 210px 210px; gap: .9rem; align-items: end; padding: 1.1rem; border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-lg); }
.toolbar--products { grid-template-columns: minmax(0, 1fr) 230px; }
.chips { display: flex; gap: .5rem; overflow-x: auto; padding: 1rem .1rem .3rem; scrollbar-width: none; }
.chips::-webkit-scrollbar { display: none; }
.chips .chip { flex-shrink: 0; }
.result-bar { display: flex; align-items: center; justify-content: space-between; min-height: 40px; margin: 1.4rem 0 1.1rem; color: var(--text-2); font-size: .92rem; }
.link-btn { background: none; border: 0; color: var(--thread); font-weight: 600; padding: .4rem .2rem; text-decoration: underline; text-underline-offset: 3px; }
.link-btn:hover { color: var(--text); }

@media (max-width: 820px) { .toolbar, .toolbar--products { grid-template-columns: 1fr 1fr; } .toolbar .field:first-child { grid-column: 1 / -1; } }
@media (max-width: 480px) { .toolbar, .toolbar--products { grid-template-columns: 1fr; padding: .9rem; } }