.uff-category-navigation{position:relative;width:100%;max-width:var(--uff-container-max,1200px);margin:0 auto var(--uff-space-6,24px);isolation:isolate;z-index:40;transition:padding .2s ease,box-shadow .2s ease,background .2s ease}
.uff-category-navigation.is-sticky{position:sticky;top:var(--uff-sticky-offset,0);z-index:40;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:10px max(16px,calc((100vw - var(--uff-container-max,1200px))/2));background:rgba(247,248,251,.96);box-shadow:0 8px 20px rgba(37,62,102,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.uff-category-navigation.uff-tabs{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;align-items:center}
.uff-category-navigation__viewport{position:relative;min-width:0;overflow:hidden}
.uff-category-navigation__viewport:before,.uff-category-navigation__viewport:after{content:"";position:absolute;top:0;bottom:0;width:36px;z-index:2;pointer-events:none;opacity:0;transition:opacity .18s ease}
.uff-category-navigation__viewport:before{left:0;background:linear-gradient(90deg,#f7f8fb 20%,rgba(247,248,251,0))}
.uff-category-navigation__viewport:after{right:0;background:linear-gradient(270deg,#f7f8fb 20%,rgba(247,248,251,0))}
.uff-category-navigation.has-overflow-left .uff-category-navigation__viewport:before,.uff-category-navigation.has-overflow-right .uff-category-navigation__viewport:after{opacity:1}
.uff-category-navigation__scroll{display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;scroll-behavior:smooth;scrollbar-width:none;justify-content:flex-start;padding:4px!important;border:1px solid var(--uff-color-border,rgba(37,62,102,.08))!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;box-sizing:border-box!important}
.uff-category-navigation__scroll::-webkit-scrollbar{display:none}
.uff-category-navigation__item{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:44px!important;padding:0 16px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--uff-color-text-light,#64748b)!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important;transition:background .18s ease,color .18s ease,box-shadow .18s ease!important}
.uff-category-navigation__item:hover{background:#fff!important;color:var(--uff-color-text,#253e66)!important}
.uff-category-navigation__item.is-active{background:#fff!important;color:var(--uff-color-primary,#253e66)!important;box-shadow:0 5px 18px rgba(37,62,102,.09)!important}
.uff-category-navigation__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(37,62,102,.08);font-size:11px;font-weight:700;line-height:1}
.uff-category-navigation__item.is-active .uff-category-navigation__count{background:rgba(37,62,102,.10)}
.uff-category-navigation__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--uff-color-border,rgba(37,62,102,.08));border-radius:50%;background:#fff;color:var(--uff-color-primary,#253e66);box-shadow:0 6px 18px rgba(37,62,102,.08);font-size:26px;line-height:1;cursor:pointer;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}
.uff-category-navigation__arrow:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(37,62,102,.13)}
.uff-category-navigation__arrow[hidden]{display:flex!important;opacity:0;pointer-events:none}
@media(max-width:640px){.uff-category-navigation.uff-tabs{grid-template-columns:minmax(0,1fr)}.uff-category-navigation__arrow{display:none!important}.uff-category-navigation__viewport:before,.uff-category-navigation__viewport:after{width:24px}.uff-category-navigation__item{min-height:42px!important;padding:0 14px!important;font-size:12px!important}}