.header-category-trigger{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;min-width:0;max-width:320px;padding:.25rem .375rem;transition:color .15s,background .15s;display:flex}.header-category-trigger:hover,.header-category-trigger--open{color:#1e293b;background:#0000000b}.header-category-trigger-icon{opacity:.55;flex-shrink:0;transition:opacity .15s}.header-category-trigger:hover .header-category-trigger-icon,.header-category-trigger--open .header-category-trigger-icon{opacity:.85}.header-category-trigger-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.header-category-trigger-chevron{opacity:.45;flex-shrink:0;margin-left:1px;transition:transform .18s,opacity .15s}.header-category-trigger--open .header-category-trigger-chevron{opacity:.7;transform:rotate(180deg)}@media (max-width:768px){.header-category-trigger-icon,.header-category-trigger-title{display:none}.header-category-trigger{color:#64748b}.header-category-trigger-chevron{opacity:1}}.header-category-backdrop{z-index:999;background:#00000040;animation:.18s backdrop-in;position:fixed;inset:56px 0 0}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.header-category-search{z-index:1000;background:#fff;flex-direction:column;width:360px;height:calc(100vh - 56px);animation:.2s search-in;display:flex;position:fixed;top:56px;left:0;box-shadow:4px 0 20px #00000012}@keyframes search-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.header-category-search--mobile{box-shadow:none;z-index:1100;top:0;left:0;right:0;width:100%!important;height:100dvh!important}.header-category-search-header{text-transform:uppercase;letter-spacing:.07em;color:#64748b;border-bottom:1px solid #0000000f;flex-shrink:0;align-items:center;gap:.375rem;padding:1rem 1rem .75rem;font-size:.75rem;font-weight:700;display:flex}.header-category-search-header-icon{opacity:.7;flex-shrink:0;align-items:center;display:flex}.header-category-label-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.07em;color:#64748b;background:0 0;border:none;border-radius:4px;align-items:center;gap:.2rem;padding:.125rem .25rem;font-size:.75rem;font-weight:700;transition:color .15s,background .15s;display:flex}.header-category-label-btn:hover,.header-category-label-btn--open{color:var(--color-primary);background:#0d948812}.header-category-label-chevron{opacity:.7;flex-shrink:0;transition:transform .18s}.header-category-label-btn--open .header-category-label-chevron{transform:rotate(180deg)}.header-category-menu{flex-direction:column;gap:2px;margin:0;padding:.5rem .625rem;list-style:none;display:flex}.header-category-menu-item{cursor:pointer;color:#64748b;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.6rem .75rem;font-size:.875rem;font-weight:400;transition:background .13s,color .13s;display:flex}.header-category-menu-item:hover{color:#1e293b;background:#0000000b}.header-category-menu-item--active{color:var(--color-primary);background:#0d948817;font-weight:500}.header-category-menu-item--active:hover{background:#0d948821}.header-category-menu-check{color:var(--color-primary);opacity:.8;flex-shrink:0}.header-category-menu-item-inner{align-items:center;gap:.45rem;display:flex}.header-category-menu-item-icon{opacity:.65;flex-shrink:0}.header-category-menu-section{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;border-top:1px solid #0000000f;margin-top:.5rem;padding:.5rem .75rem .2rem;font-size:.6875rem;font-weight:600}.header-category-menu-divider{background:#0000000f;height:1px;margin:.25rem 0}.header-category-search-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:auto;padding:0;transition:color .15s,background .15s;display:flex}.header-category-search-close:hover{color:#475569;background:#0000000f}.header-category-search-content{overscroll-behavior:contain;flex:1;overflow-y:auto}.header-category-panel-empty{justify-content:center;height:100%}.header-category-panel-grid{grid-template-columns:1fr 1fr;gap:.625rem;padding:.75rem;display:grid}.header-category-card{cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:stretch;padding:0;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.header-category-card:hover{background:#00000008}.header-category-card--active{border-color:var(--color-primary);cursor:default}.header-category-card-thumb{aspect-ratio:4/3;background:#e8f4f3;border-radius:6px 6px 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.header-category-card-initial{color:#94a3b8;-webkit-user-select:none;user-select:none;font-size:2.5rem;font-weight:700;line-height:1}.header-category-card-img{object-fit:cover;width:100%;height:100%;transition:opacity .2s;display:block;position:absolute;inset:0}.header-category-card-name{color:#475569;white-space:nowrap;text-overflow:ellipsis;padding:.3rem .5rem .5rem;font-size:.75rem;display:block;overflow:hidden}.header-category-card--active .header-category-card-name{color:var(--color-primary);font-weight:600}.header-category-loader{flex:1;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.header-category-spinner{border:3px solid var(--color-border,#e5e7eb);border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite category-spin}@keyframes category-spin{to{transform:rotate(360deg)}}.header-category-card-skeleton{border-radius:8px;overflow:hidden}.header-category-card-skeleton-thumb{aspect-ratio:4/3;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px 6px 0 0;width:100%;animation:1.4s infinite skeleton-shimmer}.header-category-card-skeleton-name{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:4px;height:10px;margin:.4rem .5rem .6rem;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}