.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 { box-sizing: border-box; min-width: 0; 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; }

.series-selector__themes { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }
.series-selector__theme { display:inline-flex; align-items:center; gap:4px; min-height:44px; max-width:100%; padding:7px 9px; border:1px solid #d9dfe3; border-radius:6px; color:#52606b; font-size:12px; line-height:1.3; text-decoration:none; box-sizing:border-box; }
.series-selector__theme span { color:#727b82; }
.series-selector__theme.is-selected { border-color:#b67620; background:#fff9ef; color:#26323d; font-weight:600; }
.series-selector__theme:hover { text-decoration:none; border-color:#b67620; color:#26323d; }
.series-selector__theme:focus-visible { outline:3px solid #b67620; outline-offset:2px; }