.h-scroll{display:grid;gap:var(--scroll-gap,1rem)}.filter-scroll{display:flex;gap:0.6rem;overflow-x:auto;padding-bottom:0.4rem;scroll-snap-type:x proximity;scroll-padding-inline:0.4rem}.scroll-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--scroll-card-min,220px),var(--scroll-card-max,1fr));gap:var(--scroll-gap,1rem);overflow-x:auto;padding-bottom:var(--scroll-pad,0.4rem);scroll-snap-type:x mandatory;scroll-padding-inline:var(--scroll-padding,1rem)}.scroll-row>*,.filter-scroll>*{scroll-snap-align:start}.h-scroll,.scroll-row,.filter-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}.h-scroll::-webkit-scrollbar,.scroll-row::-webkit-scrollbar,.filter-scroll::-webkit-scrollbar{height:6px}.h-scroll::-webkit-scrollbar-thumb,.scroll-row::-webkit-scrollbar-thumb,.filter-scroll::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:0}.scroll-arrow-wrap{position:relative}.browse-scroll-wrap{overflow:hidden}.browse-scroll{display:flex;gap:10px;overflow-x:auto;max-width:100%;padding:4px 2px 12px;scroll-snap-type:x mandatory;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start}.browse-scroll.state-scroll .browse-card,.browse-scroll.state-scroll--embedded .browse-card,.horizontal-scroll.state-scroll .browse-card,.state-scroll .browse-card,.scroll-section .state-scroll .browse-card{width:120px !important;min-width:120px !important;max-width:120px !important;height:120px !important;min-height:120px !important;max-height:120px !important;padding:8px !important;gap:4px !important;align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important;aspect-ratio:1 / 1 !important;flex-shrink:0 !important;flex-grow:0 !important;box-sizing:border-box !important}.browse-scroll.state-scroll .browse-card-icon,.browse-scroll.state-scroll--embedded .browse-card-icon,.horizontal-scroll.state-scroll .browse-card-icon,.state-scroll .browse-card-icon{width:28px !important;height:28px !important;margin:0 !important;flex-shrink:0 !important;align-self:flex-start !important}.browse-scroll.state-scroll .browse-card-icon svg,.browse-scroll.state-scroll--embedded .browse-card-icon svg,.horizontal-scroll.state-scroll .browse-card-icon svg,.state-scroll .browse-card-icon svg{width:22px !important;height:22px !important}.browse-scroll.state-scroll .browse-card-body,.browse-scroll.state-scroll--embedded .browse-card-body,.horizontal-scroll.state-scroll .browse-card-body,.state-scroll .browse-card-body{align-items:flex-start !important;text-align:left !important;gap:2px !important;margin:0 !important;padding:0 !important;width:100% !important}.browse-scroll.state-scroll .browse-card-name,.browse-scroll.state-scroll--embedded .browse-card-name,.horizontal-scroll.state-scroll .browse-card-name,.state-scroll .browse-card-name{font-size:15px !important;text-align:left !important;line-height:1.2 !important;margin:0 !important;padding:0 !important}.browse-scroll.state-scroll .browse-card-count,.browse-scroll.state-scroll--embedded .browse-card-count,.horizontal-scroll.state-scroll .browse-card-count,.state-scroll .browse-card-count{font-size:13px !important;padding:2px 0 !important;margin:0 !important;line-height:1.2 !important}.browse-scroll>*{scroll-snap-align:start}.browse-scroll::-webkit-scrollbar{display:none}.scroll-arrow{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:0;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.1);transform:translateY(-50%);transition:var(--transition-ui);line-height:1}.scroll-arrow:hover,.scroll-arrow:focus{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:translateY(-50%) scale(1.15)}.scroll-arrow[disabled],.scroll-arrow-wrap--inactive .scroll-arrow{opacity:0;pointer-events:none}.scroll-arrow--left{left:-12px}.scroll-arrow--right{right:-12px}.mobile-only{display:none}.desktop-only{display:block}.state-filter-scroll{gap:0.75rem;padding-bottom:0.2rem}.state-filter-chip{display:inline-flex;align-items:center;gap:0.6rem;min-height:46px;padding:0.6rem 0.9rem;border-radius:0;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);text-decoration:none;box-shadow:0 8px 20px rgba(8,25,41,0.08);white-space:nowrap;transition:all 0.2s ease}.state-filter-chip:hover,.state-filter-chip:focus{transform:translateY(-2px);background:var(--bg-elevated);box-shadow:0 12px 24px rgba(8,25,41,0.12);color:var(--text-primary) !important}.state-filter-chip--all{position:sticky;left:0;z-index:1;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.state-filter-chip--all:hover,.state-filter-chip--all:focus{color:var(--color-white) !important}.state-filter-chip__thumb{display:inline-flex;align-items:center;justify-content:center;width:24px;height:18px;overflow:hidden;flex-shrink:0}.state-filter-chip__label{font-size:1.0875rem;font-weight:700}.chip-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:24px;padding:0.1rem 0.5rem;border-radius:0;background:rgba(var(--color-primary-rgb),0.12);color:var(--color-primary);font-size:0.9675rem;font-weight:800;line-height:1;flex-shrink:0}.chip-badge--soft{background:var(--bg-elevated);color:var(--text-secondary)}.browse-card{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary)}.browse-card .browse-card-name,.browse-card h3,.browse-card [class*="name"]{color:var(--text-primary) !important;font-weight:700}.browse-card .browse-card-count,.browse-card .state-count,.browse-card .chip-badge,.browse-card [class*="count"]{color:var(--text-secondary) !important}.browse-card svg,.browse-card svg path,.browse-card svg rect,.browse-card svg line,.browse-card svg polyline,.browse-card svg circle,.browse-card svg ellipse{color:var(--text-secondary) !important;stroke:currentColor !important}.browse-card:hover{background:var(--ds-home-browse-card-hover-bg);border-color:var(--ds-home-browse-card-hover-border);color:var(--ds-home-browse-card-hover-text) !important}.browse-card:hover .browse-card-name,.browse-card:hover h3,.browse-card:hover [class*="name"],.browse-card:hover .browse-card-count,.browse-card:hover .state-count,.browse-card:hover .chip-badge,.browse-card:hover [class*="count"]{color:var(--ds-home-browse-card-hover-text) !important}.browse-card:hover svg,.browse-card:hover svg path,.browse-card:hover svg rect,.browse-card:hover svg line,.browse-card:hover svg polyline,.browse-card:hover svg circle,.browse-card:hover svg ellipse{color:var(--ds-home-browse-card-hover-text) !important}@media (max-width:991px){.h-scroll{grid-auto-flow:column;grid-auto-columns:minmax(var(--scroll-card-min,240px),var(--scroll-card-max,80%));grid-template-columns:none;overflow-x:auto;padding-bottom:var(--scroll-pad,0.6rem);scroll-snap-type:x mandatory;scroll-padding-inline:var(--scroll-padding,1rem)}.h-scroll>*{scroll-snap-align:start}.mobile-only{display:grid}.desktop-only{display:none}}@media (hover:none){.scroll-arrow{display:none}}@media (max-width:640px){.region-toggle__state-block--cards .browse-scroll.state-scroll .browse-card,.region-toggle__state-block--cards .browse-scroll.state-scroll--embedded .browse-card,.scroll-section .horizontal-scroll.state-scroll .browse-card,body .state-scroll .browse-card{width:120px !important;min-width:120px !important;max-width:120px !important;height:120px !important;min-height:120px !important;max-height:120px !important;padding:8px !important;aspect-ratio:1 / 1 !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}.region-toggle__state-block--cards .browse-scroll.state-scroll .browse-card,.region-toggle__state-block--cards .browse-scroll.state-scroll--embedded .browse-card{flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}
