/* Custom dropdown (selects.js) */
.cs { position: relative; width: 100%; }
.cs-native { position: absolute !important; left: 0; bottom: 0; width: 100%; height: 1px; opacity: 0; pointer-events: none; border: 0 !important; padding: 0 !important; min-height: 0 !important; }
.cs__btn { width: 100%; min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .45rem .7rem .45rem .8rem; border: 1px solid #d6d3ca; border-radius: 10px; background: #fff; color: var(--ink, #000000); font: 400 .95rem var(--font, inherit); text-align: left; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.cs__btn:hover { border-color: #b8b8ac; }
.cs__btn:focus-visible, .cs.is-open .cs__btn { border-color: var(--plum, var(--t-primary,#5e6e48)); outline: 3px solid var(--plum-tint, var(--t-primary-tint,#f1f3ec)); }
.cs__val { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs__val.is-ph { color: #85857a; }
.cs__chev { display: grid; color: #7a7a70; transition: transform .18s; flex: none; }
.cs.is-open .cs__chev { transform: rotate(180deg); }
.cs.is-disabled .cs__btn { background: #ffffff; color: #85857a; cursor: not-allowed; }
.cs__list { position: absolute; z-index: 90; left: 0; right: 0; top: calc(100% + 6px); min-width: max-content; max-height: 280px; overflow-y: auto; margin: 0; padding: .3rem; list-style: none; background: #fff; border: 1px solid #e3e0d8; border-radius: 12px; box-shadow: 0 18px 40px -16px rgba(31,34,26, .35); animation: csIn .13s ease-out; }
.cs__list[hidden] { display: none; }
.cs.is-up .cs__list { top: auto; bottom: calc(100% + 6px); }
.cs__opt { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .55rem .7rem; border-radius: 8px; font-size: .93rem; cursor: pointer; color: var(--ink, #000000); }
.cs__opt.is-active { background: var(--plum-tint, var(--t-primary-tint,#f1f3ec)); }
.cs__opt.is-sel { font-weight: 700; color: var(--plum, var(--t-primary,#5e6e48)); }
.cs__opt.is-sel::after { content: ""; width: 14px; height: 14px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat; }
.cs__opt.is-disabled { opacity: .45; cursor: not-allowed; }
.cs__group { padding: .5rem .7rem .2rem; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #85857a; }
@keyframes csIn { from { opacity: 0; transform: translateY(-4px); } }
.cs-inline .cs, form .cs.cs--auto { width: auto; }
.filters .cs, .page-actions .cs, .filter-row .cs { min-width: 130px; }
@media (prefers-reduced-motion: reduce) { .cs__list { animation: none; } .cs__chev { transition: none; } }