.pnd-select { position: relative; display: inline-flex; width: 100%; min-width: 0; }
.pnd-select[hidden] { display: none; }
.pnd-select:has(> .catalog-subcategory) { width: auto; min-width: 14.375rem; max-width: 100%; }
.pnd-select > select.pnd-select-native {
  position: absolute !important; width: 0.0625rem !important; height: 0.0625rem !important;
  min-width: 0 !important; padding: 0 !important; border: 0 !important;
  clip-path: inset(50%); overflow: hidden; opacity: 0; pointer-events: none;
}
.pnd-select-trigger {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  width: 100%; min-height: 2.625rem; padding: 0.625rem 0.9375rem;
  border: 0.0625rem solid rgba(255,255,255,.22); border-radius: 0.75rem;
  background: #0c1c2d; color: #fff; font: inherit; font-size: 0.8125rem;
  text-align: left; cursor: pointer; user-select: none; caret-color: transparent;
  transition: border-color .18s, background .18s;
}
.pnd-select-trigger:hover, .pnd-select-trigger[aria-expanded="true"] { border-color: rgba(255,255,255,.65); background: #132638; }
.pnd-select-trigger:focus-visible { outline: 0.125rem solid #fff; outline-offset: 0.1875rem; }
.pnd-select-trigger:disabled { opacity: .45; cursor: not-allowed; }
.pnd-select-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pnd-select-chevron, .pnd-select-check {
  width: 1rem; height: 1rem; flex-shrink: 0; fill: none; stroke: currentColor;
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none;
}
.pnd-select-chevron { transition: transform .18s; }
[aria-expanded="true"] > .pnd-select-chevron { transform: rotate(180deg); }
.pnd-select-menu {
  position: fixed; z-index: 10000; margin: 0; padding: 0.375rem; box-sizing: border-box;
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.28) transparent;
  border: 0.0625rem solid rgba(255,255,255,.28); border-radius: 0.875rem;
  background: #0c1c2d; color: #fff; box-shadow: 0 0.875rem 2.25rem rgba(0,0,0,.4);
  font-family: inherit; font-size: 0.8125rem; line-height: 1.4;
  user-select: none; caret-color: transparent; animation: pnd-select-enter .16s ease-out;
}
.pnd-select-option {
  display: flex; align-items: center; justify-content: space-between; gap: 0.875rem;
  min-height: 2.5rem; padding: 0.625rem 0.75rem; box-sizing: border-box; border-radius: 0.5rem;
  color: #d9e2ec; cursor: pointer; transition: background .12s, color .12s;
}
.pnd-select-option[aria-selected="true"] { color: #fff; background: rgba(255,255,255,.09); font-weight: 600; }
.pnd-select-option.is-focused, .pnd-select-option:hover { color: #fff; background: rgba(255,255,255,.15); }
.pnd-select-option[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.pnd-select-option:not([aria-selected="true"]) .pnd-select-check { visibility: hidden; }
@keyframes pnd-select-enter { from { opacity: 0; transform: translateY(-0.25rem); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .pnd-select-menu { animation: none; } .pnd-select-chevron { transition: none; } }