.custom-select{position:relative;min-width:0;width:100%}
.custom-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;min-height:48px;border:1px solid #dcd7d0;border-radius:3px;padding:11px 12px;background:#fcfbf9;color:var(--ink,#221e1b);font:inherit;font-size:16px;line-height:1.6;text-align:left;cursor:pointer}
.custom-select__value{min-width:0;overflow-wrap:anywhere}
.custom-select__trigger:hover,.custom-select__trigger[aria-expanded="true"]{border-color:var(--brown,#835537)}
.custom-select__trigger:focus-visible{outline:3px solid var(--accent,#ac724b);outline-offset:3px}
.custom-select__trigger[aria-invalid="true"]{border-color:#a02d26}
.custom-select__trigger:disabled{cursor:not-allowed;opacity:.6}
.custom-select__trigger.is-placeholder{color:var(--muted,#706b66)}
.custom-select__chevron{width:8px;height:8px;flex:0 0 8px;border-right:1.5px solid var(--brown,#835537);border-bottom:1.5px solid var(--brown,#835537);margin:-4px 3px 0 0;transform:rotate(45deg);transition:transform .18s}
.custom-select__trigger[aria-expanded="true"] .custom-select__chevron{transform:translateY(4px) rotate(225deg)}
.custom-select__listbox{position:fixed;z-index:1000;box-sizing:border-box;max-width:calc(100vw - 16px);max-height:260px;min-height:0;margin:0;padding:5px;list-style:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid #cbb8a8;border-radius:5px;background:#fff;color:var(--ink,#221e1b);box-shadow:0 12px 32px #29211c24;font-family:var(--sans,Manrope,'Segoe UI',Arial,sans-serif);font-size:16px;line-height:1.6;scrollbar-color:var(--brown,#835537) var(--cream,#f5f3f0);scrollbar-width:thin}
.custom-select__listbox[hidden]{display:none!important}
.custom-select__option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:9px 11px;border-radius:2px;cursor:pointer;overflow-wrap:anywhere;user-select:none}
.custom-select__option>span:first-child{min-width:0}
.custom-select__option.is-active,.custom-select__option:not([aria-disabled="true"]):hover{background:var(--brown,#835537);color:#fff}
.custom-select__option[aria-selected="true"]{font-weight:700}
.custom-select__option[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.custom-select__check{flex:0 0 auto;width:16px;text-align:center;visibility:hidden}
.custom-select__option[aria-selected="true"] .custom-select__check{visibility:visible}
.custom-select__error{margin:8px 0 0;font-size:13px;line-height:1.6}
/* Still rendered and programmatically focusable for native form validation. */
.form-panel select.custom-select__native{position:absolute!important;left:0!important;top:0!important;width:1px!important;min-width:0!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important}
@media(prefers-reduced-motion:reduce){.custom-select__chevron{transition:none}}
@media(forced-colors:active){.custom-select__trigger,.custom-select__listbox{border-color:ButtonText}.custom-select__option.is-active,.custom-select__option:not([aria-disabled="true"]):hover{background:Highlight;color:HighlightText}.custom-select__chevron{border-color:ButtonText}}
