#coverGalleryFilters[hidden], #coverGalleryEmpty[hidden], .cover-gallery-section[hidden], .cover-card[hidden] { display: none !important; }
.cover-gallery-filters { margin: 28px 0 20px; padding: 18px; border: 1px solid #b7a077; border-radius: 6px; background: #fff8ec; color: #17120f; }
.cover-gallery-filters h2 { margin: 0 0 10px; }
.cover-gallery-filters p { margin: 0 0 14px; font-size: 16px; line-height: 1.5; }
.cover-filter-fields { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 14px; }
.cover-filter-fields > div { min-width: 0; }
.cover-filter-fields label { display: block; margin-bottom: 6px; font: 700 16px/1.4 Arial, sans-serif; }
.cover-filter-fields input, .cover-filter-fields select { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; padding: 10px; border: 1px solid #79644a; border-radius: 4px; color: #17120f; background: white; font: 16px/1.4 Arial, sans-serif; }
.cover-filter-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.cover-filter-footer p { margin: 0; }
.cover-filter-footer button { min-height: 44px; padding: 10px 14px; border: 1px solid #662217; border-radius: 4px; background: #7f2a1b; color: white; cursor: pointer; font: 700 16px/1.4 Arial, sans-serif; }
.cover-gallery-filters :is(input, select, button):focus-visible { outline: 3px solid #1c647d; outline-offset: 3px; }
#coverGalleryEmpty { padding: 18px; border: 1px solid #b7a077; background: #fff8ec; }
@media (max-width: 620px) { .cover-filter-fields { grid-template-columns: minmax(0, 1fr); } .cover-gallery-filters { padding: 14px; } }