/* ── Layout ─────────────────────────────────────── */
#main-grid      { display: none; }

/* ── Active category filter bar ─────────────────── */
#hero-filter        { display: none; margin-bottom: 1em; }
.hero-filter-label  { font-size: 0.88em; }
.hero-filter-clear  { margin-left: 0.75em; color: #449977; font-size: 0.85em; opacity: 0.85; }
.hero-filter-clear:hover { opacity: 1; }

/* ── Search ─────────────────────────────────────── */
.search-wrapper { margin-bottom: 1em; }

/* ── Cards column ───────────────────────────────── */
.cards-column { padding-left: 0; }

/* ── Cards ──────────────────────────────────────── */
.ui.cards .ui.card         { transition: box-shadow 0.15s, transform 0.15s; }
.ui.cards .ui.card:hover   { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(68,153,119,0.22); }
.sw-card-image img         { width: 100%; height: 120px; object-fit: contain; padding: 1em; background: #f5f7f6; }
#empty-message             { display: none; }
#no-results                { display: none; padding: 1.5em 0; color: #6C7E91; text-align: center; }

/* ── Pagination ─────────────────────────────────── */
#pagination-wrapper { margin-top: 1.5em; text-align: center; }
.pagination-info    { margin-top: 0.5em; color: #6C7E91; font-size: 0.85em; }

/* ── Sidebar ────────────────────────────────────── */
#sidebar-loader   { text-align: center; padding: 2em 0; }
#category-sidebar { display: none; }

.sidebar-heading { margin-bottom: 0.6em !important; }

#category-list .item {
  display: block;
  padding: 0.5em 0.65em;
  color: #1C252E;
  border-radius: 4px;
  text-decoration: none;
  line-height: 1.4;
  overflow: hidden;
}
#category-list .item:hover      { background: #D3E8DC; color: #2C654F; }
#category-list .item.active-cat { background: #2C654F; color: #fff !important; font-weight: 600; }
#category-list .item.active-cat .count-badge { background: rgba(255,255,255,0.25) !important; color: #fff !important; }

.count-badge      { float: right; margin-top: 1px; padding: 1px 6px; background: #D3E8DC; border-radius: 9px; font-size: 0.78em; font-weight: 600; color: #2C654F; }
.sidebar-all-item { border-bottom: 1px solid #D3DAE2; margin-bottom: 0.3em; padding-bottom: 0.65em; }
.sidebar-all-icon { opacity: 0.6; }
.sidebar-item-dim { opacity: 0.45; pointer-events: none; }