/* Mitt catalog picker r2: existing filter owner, shared easing, immediate input. */
body[data-uiux-cards] .catalog-content .mitt-brand-filter[data-mitt-picker] { position:relative; }
.mitt-brand-filter[data-mitt-picker] > label[hidden] { display:none!important; }
.mitt-picker-trigger {
  position:relative; display:flex; align-items:center; gap:12px;
  min-height:46px; max-width:100%; min-width:250px; padding:10px 38px 10px 16px;
  border:1px solid #dddfd8; border-radius:12px; background:#f6f6f3; color:#171717;
  font:400 16px/1.4 Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;
  text-align:left; cursor:pointer;
  transition:background-color 180ms var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1)),border-color 180ms var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1));
}
.mitt-picker-hint { font-size:13px; color:#737872; flex:none; }
.mitt-picker-value { min-width:0; overflow-wrap:anywhere; }
.mitt-picker-trigger .mitt-select-arrow {
  top:18px; right:17px;
  transition:transform 180ms var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1));
}
.mitt-picker-trigger[aria-expanded=true] { background:#fff; border-color:#737c75; }
.mitt-picker-trigger[aria-expanded=true] .mitt-select-arrow { transform:rotate(225deg); }
.mitt-picker-list {
  position:absolute; top:calc(100% + 8px); left:0; width:340px; max-width:100%;
  max-height:min(440px,55dvh,var(--mitt-picker-available,55dvh)); overflow:auto; overscroll-behavior:contain; padding:8px;
  background:#fff; border:1px solid #e0e1db; border-radius:14px;
  box-shadow:0 12px 32px #17201b1a; z-index:35; scroll-padding:8px;
  transform-origin:24px -8px; opacity:0; transform:translateY(-4px) scale(.98);
  pointer-events:none;
  transition:opacity 140ms var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1)),transform 140ms var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1));
}
.mitt-picker-list[data-state=open] {
  opacity:1; transform:translateY(0) scale(1); pointer-events:auto; transition-duration:180ms;
}
.mitt-picker-list[hidden] { display:none!important; }
.mitt-picker-list[data-side=above] {top:auto;bottom:calc(100% + 8px);transform-origin:24px calc(100% + 8px)}
.mitt-picker-list > button {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; min-height:44px; padding:10px 14px; border:0; border-radius:8px;
  background:#fff; color:#171717;
  font:400 16px/1.4 Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;
  text-align:left; cursor:pointer;
  transition:background-color 140ms var(--mitt-motion-ease,cubic-bezier(.3,1,.3,1));
}
.mitt-picker-list > button > small { font-size:12px; color:#737872; white-space:nowrap; }
.mitt-picker-list > button[aria-selected=true] { background:#efefeb; font-weight:600; }
@media (hover:hover) and (pointer:fine) {
  .mitt-picker-trigger:hover { background:#efefeb; border-color:#a9aea8; }
  .mitt-picker-list > button:hover { background:#f4f4f0; }
}
.mitt-picker-trigger:active,
.mitt-picker-list > button:active { background:#e3e6e0; transition-duration:0s; }
.mitt-picker-list > button:focus-visible { outline:2px solid #66796e; outline-offset:-2px; background:#f4f5f1; }
.mitt-picker-trigger:focus-visible { outline:2px solid #66796e; outline-offset:2px; }
/* Keyboard and reduced-motion users get the same states without waiting. */
.mitt-brand-filter[data-picker-input=keyboard] :is(.mitt-picker-list,.mitt-picker-trigger,.mitt-select-arrow,.mitt-picker-list > button) { transition:none; }
@media(prefers-reduced-motion:reduce) {
  .mitt-picker-list,.mitt-picker-trigger,.mitt-picker-trigger .mitt-select-arrow,.mitt-picker-list > button { transition:none; }
  .mitt-picker-list { transform:none; }
}
@media(max-width:900px) {
  .mitt-picker-trigger { min-width:0; flex:1; }
  .mitt-picker-list { width:100%; }
}