.filter-bar{position:relative;border-bottom:1px solid rgba(1,56,44,.06);padding:10px var(--gutter);overflow-x:hidden}.filter-bar-inner{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);-webkit-overflow-scrolling:touch;width:min(100%,1400px);max-width:100%;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}.filter-bar-inner>*{flex:0 0 auto}.filter-bar-inner::-webkit-scrollbar{display:none}@media(min-width:1024px){.filter-bar-inner{justify-content:center}}@media(min-width:768px)and (max-width:1023px){.filter-bar-inner{width:100%;max-width:100%;justify-content:flex-start}}.filter-chip{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:500;color:#01382c8c;border:1px solid rgba(1,56,44,.1);background:#fff;white-space:nowrap;cursor:pointer;font-family:inherit;scroll-snap-align:start;transition:border-color .2s,color .2s,background .2s}.filter-chip:hover{border-color:#01382c40;color:#01382c}.filter-chip.active{border-color:#059669;color:#059669;background:#f0fdf8}.filter-chip.filter-chip--value{padding:0;gap:0;cursor:default;min-height:32px}.filter-chip__open{display:inline-flex;align-items:center;gap:5px;padding:6px 6px 6px 14px;min-height:30px;border:0;background:transparent;color:inherit;font:inherit;font-weight:500;cursor:pointer;border-radius:999px 0 0 999px}.filter-chip__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.filter-chip__value{font-weight:600;color:#047857}.filter-chip__value:before{content:"·";margin-right:5px;color:#04785780}.filter-chip__clear{display:inline-flex;align-items:center;align-self:stretch;justify-content:center;width:28px;min-width:28px;min-height:30px;padding:0;border:0;background:transparent;color:#059669;cursor:pointer;border-radius:0 999px 999px 0}.filter-chip__clear:hover{color:#047857}.filter-chip__clear svg{width:12px;height:12px;pointer-events:none}.filter-chip__clear line{pointer-events:none}.filter-chip svg{width:12px;height:12px}.filter-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#0596691f;color:#047857;font-size:.6875rem;font-weight:700;line-height:1}.view-mode-toggle{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:3px;border-radius:999px;border:1px solid rgba(1,56,44,.1);background:#fff;flex-shrink:0;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s}.view-mode-toggle:hover{border-color:#01382c33}.view-mode-toggle__button{width:30px;height:26px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;color:#01382c80;background:transparent;cursor:pointer;font-family:inherit;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.view-mode-toggle__button svg{width:14px;height:14px}.view-mode-toggle__button:hover{color:#01382c;background:#01382c0d;transform:translateY(-1px)}.view-mode-toggle__button.is-active{background:#f0fdf8;color:#059669;box-shadow:inset 0 0 0 1px #0596692e}@media(max-width:767px){.filter-bar{padding-right:0;overflow-x:hidden;overflow-y:visible}.filter-bar:before,.filter-bar:after{content:none;display:none}.view-mode-toggle{min-height:30px}.view-mode-toggle__button{width:28px;height:24px}.filter-bar-inner{box-sizing:border-box;width:100%;max-width:100%;margin-left:0;margin-right:0;padding-right:var(--gutter, 20px);gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity}.filter-bar.has-scroll-left .filter-bar-inner{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 100%)}.filter-bar.has-scroll-right .filter-bar-inner{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%)}.filter-bar.has-scroll-left.has-scroll-right .filter-bar-inner{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%)}.filter-chip{padding:6px 10px;font-size:.72rem}.filter-chip.filter-chip--value{max-width:min(78vw,224px);overflow:hidden}.filter-chip__open{gap:3px;padding:6px 3px 6px 10px;min-width:0;max-width:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chip__label{flex:1 1 auto}.filter-chip__value{flex:0 0 auto;max-width:min(35vw,108px);overflow:hidden;text-overflow:ellipsis}.filter-chip__value:before{margin-right:3px}.filter-chip__clear{width:26px;min-width:26px}}.filter-bar .filter-bar-inner:focus-within,.filter-bar.has-scroll-left .filter-bar-inner:focus-within,.filter-bar.has-scroll-right .filter-bar-inner:focus-within,.filter-bar.has-scroll-left.has-scroll-right .filter-bar-inner:focus-within{scroll-snap-type:none;-webkit-mask-image:none;mask-image:none}.filter-chip:focus-visible,.filter-chip__open:focus-visible,.filter-chip__clear:focus-visible,.view-mode-toggle__button:focus-visible{outline:2px solid rgba(5,150,105,.28);outline-offset:2px}.filter-bar .filter-chip:focus-visible,.filter-bar .filter-chip__open:focus-visible,.filter-bar .filter-chip__clear:focus-visible,.filter-bar .view-mode-toggle__button:focus-visible{outline-offset:-2px}@media(max-width:767px){.filter-bar-inner{flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;row-gap:0}}.filter-bar .filter-chip.filter-chip-more.has-active-filters,.filter-bar .filter-chip.filter-chip-more.has-active-filters:hover{border-color:#2b2b2b;background:transparent}.filter-bar.filter-bar--tpl{border-bottom:0}.filter-bar.filter-bar--tpl .filter-chip{color:#01382c;font-weight:600;border-color:#01382c13}.filter-bar.filter-bar--tpl .filter-chip:hover{border-color:#01382c40;color:#01382c}.filter-bar.filter-bar--tpl .filter-chip.active{border-color:#059669;color:#01382c;background:#f0fdf8}.filter-bar.filter-bar--tpl .filter-chip[data-filter-shortcut=clear]{border-color:#dc2626;color:#b91c1c;background:#fff1f2}.filter-bar.filter-bar--tpl .filter-chip[data-filter-shortcut=clear]:hover{border-color:#b91c1c;color:#991b1b;background:#ffe4e6}.filter-bar.filter-bar--tpl .filter-chip[data-filter-shortcut=clear]:focus-visible{outline:2px solid #b91c1c;outline-offset:3px}