/* PF: дропдаун районов — фуллскрин по высоте + полупрозрачный фон */
.select2-dropdown.pf-area-dropdown {
/* внутренний паддинг, чтобы скролл не лип к краю */
  padding-top: 8px;
  padding-bottom: 8px;

  /* фон: тёмный, на ~1/3 прозрачный */
  /* фон: тёмный, но завязан на PF-палитру */
  background-color: rgba(5, 7, 15, 0.78);

  /* чуть отделим от краёв */
  border-radius: 4px;
  border: none;
}

/* Дропдаун районов: высоту списка ограничиваем почти всем окном */
.select2-container--open .select2-dropdown.pf-area-dropdown .select2-results,
.select2-container--open .select2-dropdown.pf-area-dropdown .select2-results__options {
    max-height: calc(100vh - 180px) !important;
    overflow-y: auto;
}



/* Строка поиска внутри тёмного дропдауна: ч/б-окошко */
.select2-dropdown.pf-area-dropdown .select2-search--dropdown {
  padding: 10px 12px;
}

.select2-dropdown.pf-area-dropdown .select2-search__field {
  width: 100%;
  box-sizing: border-box;
  background-color: rgba(15, 17, 25, 0.95);
  border: 1px solid rgba(148, 163, 184, 0.6); /* серый бордер */
  border-radius: 6px;
  color: #f9fafb;
  padding: 6px 10px;
}

/* плейсхолдер тоже светло-серый */
.select2-dropdown.pf-area-dropdown .select2-search__field::placeholder {
  color: #9ca3af;
}

/* Опционально: сделать текст читаемым поверх тёмного фона */
.select2-dropdown.pf-area-dropdown .select2-results__option {
  color: var(--pf-bg);
}

/* При ховере/фокусе — чуть более светлый фон */
.select2-dropdown.pf-area-dropdown .select2-results__option--highlighted {
  background-color: rgba(255, 255, 255, 0.08);
}

:root { --pf-sticky-top: 0px; }

#pf-catalog { scroll-margin-top: calc(var(--pf-sticky-top) + 8px); }

.pf-filter-bar { background: #fff; z-index: 50; }

.pf-filter-bar.is-sticky {
  position: sticky;
  top: var(--pf-sticky-top);
}

.pf-filter-bar:not(.is-sticky){
  position: static;
}