.category-nav[data-v-20fcf876]{position:relative}.category-nav__tabs[data-v-20fcf876]{display:flex;gap:0;padding-inline:1rem}.category-nav__tab[data-v-20fcf876]{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;padding:.55rem 1rem;background:none;font-size:.9rem;font-weight:400;color:var(--huvi-black);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.category-nav__tab.active[data-v-20fcf876],.category-nav__tab[data-v-20fcf876]:hover{color:var(--huvi-teal)}.category-nav__tab.active[data-v-20fcf876]{border-bottom-color:var(--huvi-teal);font-weight:500}.category-nav__tab-icon[data-v-20fcf876]{width:15px;height:15px;flex-shrink:0;opacity:.65}.category-nav__tab-chevron[data-v-20fcf876]{width:13px;height:13px;flex-shrink:0;transition:transform .15s}.category-nav__tab-chevron--open[data-v-20fcf876]{transform:rotate(180deg)}.category-nav__sub-row[data-v-20fcf876]{display:none}@media(max-width:767px){.category-nav__tabs[data-v-20fcf876]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline-end:0;gap:.4rem}.category-nav__tabs[data-v-20fcf876]::-webkit-scrollbar{display:none}.category-nav__tab[data-v-20fcf876]{border:1px solid #d1d5db;border-radius:999px;padding:.35rem .85rem;font-size:.875rem}.category-nav__tab.active[data-v-20fcf876]{border-color:var(--huvi-teal);font-weight:600}.category-nav__tab-chevron[data-v-20fcf876]{display:none}.category-nav__sub-row[data-v-20fcf876]{display:flex;gap:.375rem;padding:.5rem 1rem;margin-top:.25rem;overflow-x:auto;scrollbar-width:none;border-top:1px solid #f3f4f6}.category-nav__sub-row[data-v-20fcf876]::-webkit-scrollbar{display:none}.category-nav__sub-pill[data-v-20fcf876]{display:inline-flex;align-items:center;white-space:nowrap;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s,background .15s}.category-nav__sub-pill.active[data-v-20fcf876]{border-color:var(--huvi-teal);background:#f0faf9;color:var(--huvi-teal);font-weight:600}}@media(min-width:768px){.category-nav__tabs[data-v-20fcf876]{padding-inline:0}.category-nav__sub-row[data-v-20fcf876]{display:none}.category-nav__tabs--genres[data-v-20fcf876]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.category-nav__tabs--genres[data-v-20fcf876]::-webkit-scrollbar{display:none}}@media(max-width:767px){.mega-backdrop,.mega-panel{display:none!important}}.mega-backdrop{bottom:0;z-index:48;background:#00000059;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.mega-backdrop,.mega-panel{position:fixed;top:var(--navbar-mega-top,120px);left:0;right:0}.mega-panel{z-index:49;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 8px 24px -2px #00000017;max-height:480px;overflow:hidden}.mega-panel__inner{display:flex;width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem;height:100%;max-height:480px}.mega-panel__left{width:280px;flex-shrink:0;padding:1rem .5rem 1rem 0;overflow-y:auto;scrollbar-width:thin}.mega-panel__item{display:flex;align-items:center;gap:.85rem;text-align:start;width:100%;padding:.7rem 1rem;border-radius:.5rem;border:none;background:none;font-size:.9rem;font-weight:400;color:#111;cursor:pointer;transition:background .1s,color .1s}.mega-panel__item.hovered,.mega-panel__item:hover{background:#f3f4f6;color:#3cafa4}.mega-panel__item.active{background:#e6f7f6;color:#226058;font-weight:500}.mega-panel__item-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:#3cafa4}.mega-panel__divider{width:1px;background:#e5e7eb;align-self:stretch;flex-shrink:0;margin-block:.75rem}.mega-panel__right{flex:1;padding:1.5rem 2rem;overflow-y:auto}.mega-panel__right-links{display:flex;flex-wrap:wrap;gap:.25rem}.mega-panel__right-link{padding:.55rem 1rem;border-radius:.5rem;border:none;background:none;font-size:.9rem;color:#111;cursor:pointer;min-width:140px;text-align:start;transition:background .1s,color .1s}.mega-panel__right-link.active,.mega-panel__right-link:hover{background:#f3f4f6;color:#3cafa4}.mega-panel__right-link-icon{display:inline-flex;align-items:center;margin-inline-end:.4rem;opacity:.6;width:14px;height:14px;flex-shrink:0}.backdrop-enter-active,.backdrop-leave-active{transition:opacity .18s ease}.backdrop-enter-from,.backdrop-leave-to{opacity:0}.mega-enter-active,.mega-leave-active{transition:opacity .15s ease,transform .15s ease}.mega-enter-from,.mega-leave-to{opacity:0;transform:translateY(-6px)}