/* Mobile Shop / catalogue submenu: Select2-style filter + max ~10 rows with scroll.
 * Enhances details.mobile-treatment-dropdown and drawer drop menus (catalogue / long lists).
 */
.bb-mcat-enhanced > .bb-mcat-panel,
.bb-mcat-enhanced > div:not(.bb-mcat-filter-wrap) {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px 0 4px;
  box-sizing: border-box;
}

.bb-mcat-filter-wrap {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0 0 4px;
  padding: 0;
  background: inherit;
}

.bb-mcat-filter {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 12px 8px 34px;
  border: 1px solid rgba(15, 40, 50, 0.18);
  border-radius: 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236a8088' stroke-width='2' viewBox='0 0 24 24'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>");
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 14px 14px;
  color: inherit;
  font: inherit;
  font-size: 13px;
  line-height: 1.3;
  appearance: none;
  -webkit-appearance: none;
}

.bb-mcat-filter::placeholder {
  color: rgba(15, 40, 50, 0.45);
}

.bb-mcat-filter:focus {
  outline: 2px solid rgba(15, 120, 90, 0.35);
  outline-offset: 1px;
  border-color: rgba(15, 120, 90, 0.45);
}

.bb-mcat-viewall {
  flex: 0 0 auto;
}

.bb-mcat-list {
  --bb-mcat-row: 2.75rem;
  display: flex;
  flex-direction: column;
  gap: 0;
  max-height: calc(var(--bb-mcat-row) * 10);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-right: 2px;
}

.bb-mcat-list > a,
.bb-mcat-list > .mobile-drawer-link,
.bb-mcat-list > .sn-mobile-sub,
.bb-mcat-list > .bb5-mega-mobile-item {
  flex: 0 0 auto;
}

.bb-mcat-list > a[hidden],
.bb-mcat-list > [hidden] {
  display: none !important;
}

.bb-mcat-empty {
  display: none;
  margin: 6px 2px 2px;
  padding: 8px 10px;
  font-size: 12px;
  opacity: 0.72;
}

.bb-mcat-empty.is-on {
  display: block;
}

/* Desktop: leave menus alone (enhancer also skips wide viewports). */
@media (min-width: 901px) {
  .bb-mcat-filter-wrap {
    display: none;
  }
  .bb-mcat-list {
    max-height: none;
    overflow: visible;
  }
}