/* 排序和币种使用浅色下拉；筛选胶囊的所有状态统一由catalog.css维护。 */
body.storefront .sort-field .select-trigger,
body.storefront .currency-control .select-trigger{
  display:flex;align-items:center;min-width:112px;max-width:100%;height:40px;min-height:40px;
  padding:8px 32px 8px 12px;border:1px solid #d9d9d6;border-radius:4px;
  background:#fff;color:#272724;font-family:inherit;font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.1px;
  text-align:left;box-shadow:none;transition:border-color .15s,background-color .15s;
}
body.storefront .sort-field .select-trigger::after,
body.storefront .currency-control .select-trigger::after{
  right:13px;width:6px;height:6px;border-right-width:1px;border-bottom-width:1px;color:#666;
}
body.storefront .sort-field .select-trigger:hover,
body.storefront .currency-control .select-trigger:hover{border-color:#aaa;background:#fafafa}
body.storefront .sort-field .select-trigger:focus,
body.storefront .currency-control .select-trigger:focus,
body.storefront .sort-field .select-trigger[aria-expanded=true],
body.storefront .currency-control .select-trigger[aria-expanded=true]{border-color:#555;background:#fff;box-shadow:none}
body.storefront .sort-field .select-trigger:focus-visible,
body.storefront .currency-control .select-trigger:focus-visible{outline:2px solid #333;outline-offset:3px}
body.storefront .sort-field .select-trigger:disabled,
body.storefront .currency-control .select-trigger:disabled{border-color:#e5e5e2;background:#fafafa;color:#92928b;cursor:not-allowed;opacity:1}
body.storefront .sort-field .select-trigger[aria-expanded=true]::after,
body.storefront .currency-control .select-trigger[aria-expanded=true]::after{transform:translateY(-25%) rotate(225deg)}
body.storefront .select-trigger-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.storefront .catalog-filters{gap:12px}
body.storefront .catalog-filters .filter-field{flex:0 1 auto;min-width:0;max-width:100%}
body.storefront .catalog-filters .select-trigger{width:auto}
body.storefront .sort-field .custom-select{width:190px;max-width:100%}
body.storefront .sort-field .select-trigger{width:100%;min-width:0}
body.storefront .sort-label{font-size:13px;letter-spacing:.1px}
body.storefront .currency-control{display:block;flex:0 0 auto;max-width:104px}
body.storefront .currency-control .custom-select{width:104px;max-width:100%}
body.storefront .currency-control .select-trigger{width:100%;min-width:0}

/* 菜单仍由原有原生弹出层定位；列表与金额面板使用相同的边框和阴影。 */
body.storefront .select-menu{
  max-width:calc(100vw - 16px);border:1px solid #dededb;border-radius:6px;background:#fff;color:#272724;
  font-family:inherit;font-size:13px;line-height:1.5;letter-spacing:.1px;box-shadow:0 8px 28px rgb(0 0 0 / 10%);
  scrollbar-width:thin;scrollbar-color:#ccc transparent;
}
body.storefront .select-menu:not(.price-panel){padding:5px}
body.storefront .select-option{gap:12px;min-height:40px;padding:10px 12px;border-radius:3px;color:#353530;font-size:13px;font-weight:400;line-height:1.5}
body.storefront .select-option[aria-selected=true]{background:#f6f6f3;color:#222;font-weight:500}
body.storefront .select-option.is-active,
body.storefront .select-option:not([aria-disabled=true]):hover{background:#ecece8;color:#222}
body.storefront .select-option[aria-disabled=true]{background:transparent;color:#999;cursor:not-allowed;opacity:.65}
body.storefront .select-option-check{width:16px;color:#333;font-size:14px}
body.storefront .price-panel{padding:18px}
body.storefront .price-panel-title{margin:0 0 16px;font-size:14px;font-weight:500;letter-spacing:.1px}
body.storefront .price-panel .field{font-size:12px;letter-spacing:.1px}
body.storefront .price-panel .form-control{min-width:0;min-height:42px;padding:9px 10px;border-color:#d9d9d6;border-radius:4px;background:#fff;font-size:16px}
body.storefront .price-panel .form-control:focus{border-color:#555;box-shadow:inset 0 0 0 1px #555}
body.storefront .price-panel .btn{min-height:40px;padding:8px 12px;border-radius:4px;font-size:13px;letter-spacing:.1px}
body.storefront .price-panel .btn-outline-secondary{border-color:#d9d9d6;background:#fff}
body.storefront .price-panel .btn-outline-secondary:hover{border-color:#aaa;background:#f6f6f3}

body.storefront .filter-options-menu{padding:10px;min-width:240px}
body.storefront .filter-options-menu .select-option{justify-content:flex-start;min-height:44px;font-size:15px;gap:12px}
.select-option-tick{display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #777;border-radius:2px;color:transparent;font-size:13px}
.select-option[aria-selected=true] .select-option-tick{background:#333;border-color:#333;color:#fff}
.price-range{margin-top:22px}
.price-range-labels{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.price-range-track{position:relative;height:32px;margin:8px 10px 0}
.price-range-track::before,.price-range-fill{position:absolute;top:13px;height:5px;border-radius:5px;background:#ddd;left:0;right:0;content:''}
.price-range-fill{left:var(--range-start,0%);right:calc(100% - var(--range-end,100%));background:#444}
.price-range-track input{position:absolute;inset:0;z-index:2;width:100%;height:32px;margin:0;padding:0;appearance:none;background:transparent;pointer-events:none;outline:none}
.price-range-track input::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:0;border-radius:50%;background:#444;pointer-events:auto;cursor:ew-resize}
.price-range-track input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#444;pointer-events:auto;cursor:ew-resize}
.price-range-track input:focus-visible::-webkit-slider-thumb{outline:2px solid #444;outline-offset:3px}
.price-range-track input:focus-visible::-moz-range-thumb{outline:2px solid #444;outline-offset:3px}
.price-range-track input:disabled{opacity:.4}

@media(max-width:989px){
  body.storefront .currency-control,body.storefront .currency-control .custom-select{width:84px;max-width:84px}
  body.storefront .currency-control .select-trigger{padding-left:9px;padding-right:25px;font-size:12px}
  body.storefront .currency-control .select-trigger::after{right:10px}
  body.storefront .sort-field{gap:8px;max-width:calc(100% - 105px)}
  body.storefront .sort-field .custom-select{width:clamp(140px,34vw,172px);min-width:0;flex:0 1 auto}
  body.storefront .sort-field .select-trigger{font-size:12px}
  body.storefront .sort-label{font-size:12px}
  body.storefront .catalog-filters .filter-field{flex:0 1 auto;max-width:100%}
}
@media(max-width:370px){
  body.storefront .currency-control,body.storefront .currency-control .custom-select{width:78px;max-width:78px}
  body.storefront .currency-control .select-trigger{padding-left:7px;font-size:11px}
  body.storefront .sort-field .custom-select{width:140px}
  body.storefront .sort-label{font-size:11px}
}