.series-selector { margin: 16px 0; padding: 14px 0; border-top: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; }
.series-selector__heading { font-size: 14px; font-weight: 600; color: #26323d; }
.series-selector__name { margin: 4px 0 10px; color: #727b82; font-size: 12px; }
.series-selector__grid { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 7px; }
.series-selector__item { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px; min-height: 44px; max-width: 100%; padding: 9px 11px; border: 1px solid #d9dfe3; border-radius: 7px; color: #26323d; text-decoration: none; background: #fff; font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.series-selector__item:hover { border-color: #b67620; color: #26323d; text-decoration: none; }
.series-selector__grid > .series-selector__item { width: auto; height: auto; white-space: normal; overflow: visible; text-overflow: clip; flex: 0 1 auto; }
.series-selector__item.is-selected { border: 2px solid #b67620; padding: 8px 10px; background: #fff9ef; font-weight: 600; }
.series-selector__item:focus-visible, .series-selector summary:focus-visible { outline: 3px solid #b67620; outline-offset: 2px; }
.series-selector__sku { font-size: 10px; color: #727b82; }
.series-selector__more summary { padding: 8px 0; min-height: 36px; color: #855005; cursor: pointer; font-size: 12px; }
.series-selector__more summary:after { content: ' ▾'; }
.series-selector__more[open] summary:after { content: ' ▴'; }
.series-selector__hint { font-size: 11px; color: #727b82; margin: 5px 0 0; line-height: 1.4; }