/* A single, bounded series rail; native touch scrolling remains available. */
.catalog-tools.series-tools{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:18px;margin:30px 0 28px;padding:10px 16px 10px 10px;min-width:0;max-width:100%;border:1px solid #393442;border-radius:999px;background:#19171f;box-shadow:0 8px 25px #231a3010;color:#f4f1fc;isolation:isolate}
.series-rail{position:relative;display:flex;align-items:center;gap:5px;flex:1 1 0%;min-width:0}
.series-rail__viewport{position:relative;flex:1 1 0%;min-width:0;overflow:hidden;border-radius:999px}
.series-rail__viewport:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(180px circle at var(--pointer-x,50%) 50%,#d2beff12,transparent);z-index:2}
.series-tools .filters{position:relative;display:flex;align-items:center;flex-wrap:nowrap;width:100%;min-width:0;gap:6px;padding:3px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;cursor:grab;mask-image:linear-gradient(to right,transparent,#000 var(--fade-left,0px),#000 calc(100% - var(--fade-right,26px)),transparent)}
.series-tools .filters::-webkit-scrollbar{display:none;width:0;height:0}
.series-tools .filter{position:relative;flex:0 0 auto;white-space:nowrap;min-height:44px;margin:0;padding:11px 19px;border:1px solid transparent;border-radius:999px;background:transparent;color:#b9b4c5;font-size:14px;line-height:20px;font-weight:500;letter-spacing:.015em;transition:color .2s,background .2s,border-color .2s,box-shadow .25s,transform .2s;user-select:none;-webkit-user-select:none}
.series-tools .filter:hover{transform:translateY(-1px);background:#ffffff0c;border-color:#ffffff12;color:white}
.series-tools .filter.active{background:#e1d4ff;color:#271e38;border-color:#f5eeff;font-weight:700;box-shadow:0 0 16px #cbb0ff2b,inset 0 1px 0 #ffffffb3}
.series-tools .filter.active:hover{background:#ece3ff}
.series-tools .filter:focus-visible,.series-rail__arrow:focus-visible{outline:2px solid #fda9b8;outline-offset:-3px}
.series-rail__arrow{position:relative;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #ffffff15;border-radius:50%;background:#ffffff08;color:#e5d9ff;cursor:pointer;transition:background .2s,color .2s,opacity .2s,transform .2s}
.series-rail__arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.series-rail__arrow:hover:not(:disabled){background:#e1d4ff;color:#271e38;transform:scale(1.06)}
.series-rail__arrow:disabled{opacity:.24;cursor:default}
.series-tools>#result-count{position:relative;flex:0 0 auto;max-width:190px;padding:0 0 0 17px;border-left:1px solid #ffffff1c;white-space:nowrap;color:#d6cedf;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums}
.series-rail__progress{position:absolute;left:51px;right:51px;bottom:-8px;height:2px;overflow:hidden;border-radius:2px;background:#ffffff0b;pointer-events:none}
.series-rail__progress:before{content:"";display:block;height:100%;width:var(--thumb-width,6%);transform:translateX(var(--thumb-x,0px));border-radius:2px;background:linear-gradient(90deg,#c1a9ff,#ffacba);box-shadow:0 0 8px #e1d4ff80}
.series-rail.is-dragging .filters,.series-rail.is-dragging .filter{cursor:grabbing}
.series-rail.is-dragging .filter{transition:none;transform:none}
@media(max-width:680px){.catalog-tools.series-tools{gap:8px;padding:7px 10px 7px 6px;margin-top:24px}.series-rail{gap:1px}.series-rail__arrow{flex-basis:27px;width:27px;height:31px;border-color:transparent;background:transparent}.series-rail__arrow svg{width:14px;height:14px}.series-tools .filters{gap:3px;padding:2px 4px}.series-tools .filter{min-height:38px;padding:8px 13px;font-size:12px;line-height:20px}.series-tools>#result-count{max-width:110px;padding-left:10px;font-size:10px;line-height:16px}.series-rail__progress{left:37px;right:37px;bottom:-6px}}
@media(prefers-reduced-motion:reduce){.series-tools .filter,.series-rail__arrow{transition:none;transform:none!important}}
