/* Mobile-only presentation tweaks */
.mobile-category-toolbar { display: none; }
@media (max-width: 768px) {
  .professional-filter-navbar .filter-bottom-row { display: none; }
  .mobile-category-toolbar { display: block; padding: 8px 12px; }
  .btn-category-picker {
    width: 100%;
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px; border-radius: 12px;
    background: #232333; border: 1px solid #3a3a50; color: #e9ebf4;
    font: 500 15px/1.2 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  .btn-category-picker i { opacity: .8; }
  .mobile-toolbar-meta {
    display: flex; justify-content: space-between;
    padding: 8px 4px 0; color: #a7a9b8; font-size: 12px;
  }
}

/* Bottom sheet */
.filter-sheet { position: fixed; inset: 0; z-index: 9999; display: none; }
.filter-sheet.is-open { display: block; }
.filter-sheet .sheet-backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,.5);
}
.filter-sheet .sheet-panel {
  position: absolute; left: 0; right: 0; bottom: 0;
  max-height: 92vh; background: #232333; border-top-left-radius: 20px; border-top-right-radius: 20px;
  transform: translateY(12px); animation: sheet-in .18s ease-out forwards;
  display: flex; flex-direction: column;
  border: 1px solid #3a3a50; border-bottom: none;
}
@keyframes sheet-in { to { transform: translateY(0); } }

.sheet-grabber {
  width: 48px; height: 6px; background: #54546a; border-radius: 999px;
  margin: 8px auto 6px;
}
.sheet-header {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 6px 12px 8px;
}
.sheet-title { grid-column: 2; margin: 0; color: #eef0f7; font: 700 18px/1.2 Inter,sans-serif; text-align: center; }
.sheet-back, .sheet-close {
  background: transparent; border: 0; color: #bfc3d6; font: 600 18px/1 Inter,sans-serif; padding: 6px 10px;
}
.sheet-back[hidden] { visibility: hidden; }
.sheet-content {
  padding: 6px 10px 12px; overflow: auto; -webkit-overflow-scrolling: touch;
}
.category-list { list-style: none; margin: 0; padding: 0; }
.category-list .row {
  width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between;
  padding: 14px 14px; margin: 8px 2px; border-radius: 14px;
  background: #1e1e2a; border: 1px solid #36364a; color: #e8ebf6;
  font: 500 16px/1.2 Inter,sans-serif;
}
.category-list .row .chevron { color: #8b8fa7; }
.category-list .row.is-selected { outline: 2px solid rgba(168,85,247,.7); }
.category-list .row .check { color: #caa7ff; margin-left: 8px; }

.sheet-footer {
  padding: 12px; border-top: 1px solid #34344a; background: #232333;
}
.btn-apply {
  width: 100%; padding: 12px 16px; border-radius: 14px;
  background: #281c39; border: 1px solid rgba(168,85,247,.65); color: #f0eefe;
  font: 600 15px/1 Inter,sans-serif;
}
.btn-apply[disabled] { opacity: .55; pointer-events: none; }

/* Lock body scroll when open */
body.sheet-open { overflow: hidden; }


.category-list[hidden] { display: none !important; }

.section-label {
  margin: 8px 14px 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #A0A6BE; /* matches your muted tone */
}

.section-divider {
  height: 1px;
  margin: 6px 14px 10px;
  background: #36394C;
  opacity: 0.9;
}

.category-list[hidden] { display: none !important; }