.catalog-browser { position: relative; margin-top: 30px; }
.catalog-target { position: absolute; top: 0; width: 1px; height: 1px; pointer-events: none; }
.catalog-browser > .filter-chips { margin: 0 0 30px; }
.catalog-browser > .filter-chips [data-filter="all"] { background: var(--plum); color: #fff; border-color: var(--plum); }
.catalog-target:target ~ .filter-chips [data-filter] { background: transparent; color: var(--ink); border-color: #c3bdb3; }
.book-grid.catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 16px; }
.catalog-grid .cover-stage { min-height: 0; height: auto; aspect-ratio: 4 / 5; padding: 16px; }
.catalog-grid .cover-stage .book-object { width: 84%; max-width: 180px; height: auto; aspect-ratio: auto; }
.catalog-grid .cover-stage .book-object img { width: 100%; height: auto; }
.catalog-grid .card-copy { padding-top: 13px; }
.catalog-grid .card-copy h3 { font-size: 20px; }
.catalog-grid .card-author { font-size: 13px; }
.catalog-grid .card-bottom { gap: 6px 12px; padding-block: 9px; }
.catalog-grid .price-note { display: block; font-size: 11px; }
@media (min-width: 700px) {
  .book-grid.catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 38px 24px; }
  .catalog-grid .card-copy h3 { font-size: 22px; }
}
@media (min-width: 1200px) {
  .book-grid.catalog-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
}
@media (max-width: 359px) {
  .catalog-grid .cover-stage { padding: 12px; }
  .catalog-grid .card-copy h3 { font-size: 18px; }
  .catalog-grid .card-author { font-size: 12px; }
}

#all:target ~ .filter-chips [data-filter="all"] { background: var(--plum); color: #fff; border-color: var(--plum); }
#zhizn-v-germanii:target ~ .catalog-grid > .book-card:not([data-genre="zhizn-v-germanii"]) { display: none; }
#zhizn-v-germanii:target ~ .filter-chips [data-filter="zhizn-v-germanii"] { background: var(--plum); color: #fff; border-color: var(--plum); }
#rabota-i-karera:target ~ .catalog-grid > .book-card:not([data-genre="rabota-i-karera"]) { display: none; }
#rabota-i-karera:target ~ .filter-chips [data-filter="rabota-i-karera"] { background: var(--plum); color: #fff; border-color: var(--plum); }
#otnosheniya:target ~ .catalog-grid > .book-card:not([data-genre="otnosheniya"]) { display: none; }
#otnosheniya:target ~ .filter-chips [data-filter="otnosheniya"] { background: var(--plum); color: #fff; border-color: var(--plum); }
#roman:target ~ .catalog-grid > .book-card:not([data-genre="roman"]) { display: none; }
#roman:target ~ .filter-chips [data-filter="roman"] { background: var(--plum); color: #fff; border-color: var(--plum); }