.category-page{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.category-page-header{margin-bottom:var(--space-6)}.category-page-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.category-page-breadcrumb a{color:var(--color-accent);text-decoration:none}.category-page-breadcrumb a:hover{text-decoration:underline}.category-page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);display:flex;align-items:center;gap:var(--space-3)}.category-page-title-count{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary)}.category-page-subs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.category-page-sub{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;border:none;transition:all var(--transition-fast)}.category-page-sub:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.category-page-sub.active{background:var(--color-accent);color:#fff}.category-page-body{display:flex;gap:var(--space-8)}@media (min-width:768px){.category-page-body{transition:gap var(--transition-slow)}.filter-sidebar{transition:width var(--transition-slow),opacity var(--transition-normal),transform var(--transition-slow);will-change:width}.category-page.filters-collapsed .category-page-body{gap:0}.category-page.filters-collapsed .filter-sidebar{width:0;opacity:0;transform:translateX(-16px);overflow:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.category-page-body,.filter-sidebar{transition:none}}.category-page-content{flex:1 1;min-width:0}.category-page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.category-page-result-count{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.category-page-filter-btn{display:none}.category-all-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-8)}.category-all-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.category-all-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.category-all-card-emoji{font-size:32px}.category-all-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.category-all-card-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.category-groups{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-8)}.category-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.category-group-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-2)}.category-group-view-all{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-fast)}.category-group-view-all:hover{opacity:.8;text-decoration:underline}.category-group-scroll{display:flex;gap:var(--space-5);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0 calc(-1 * var(--space-2));padding:0 var(--space-2) var(--space-4)}.category-group-scroll::-webkit-scrollbar{display:none}.category-group-scroll>*{scroll-snap-align:start;min-width:260px;max-width:280px;flex-shrink:0}@media (max-width:767px){.category-page{padding:0 var(--space-4)}.category-group-scroll>*{min-width:220px;max-width:240px}.category-page-title{font-size:var(--font-size-xl)}.category-page-subs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2)}.category-page-subs::-webkit-scrollbar{display:none}.category-page-sub{white-space:nowrap;flex-shrink:0}.category-page-filter-btn{display:flex}.category-all-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.category-all-card{padding:var(--space-3)}.category-all-card-emoji{font-size:24px}}.category-infinite-scroll-trigger{margin-top:var(--space-8);padding:var(--space-4) 0;display:flex;justify-content:center;width:100%}.category-loading-more{display:flex;align-items:center;gap:var(--space-3);color:var(--color-accent);font-weight:var(--font-weight-medium)}.category-no-more{color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--space-4);border-top:1px solid var(--color-border-subtle);width:100%;text-align:center}.category-page-sellers{margin-bottom:var(--space-6)}.category-page-sellers-title{font-size:1.05rem;font-weight:600;margin:0 0 var(--space-3);color:var(--text-primary)}.category-page-sellers-scroll{display:flex;overflow-x:auto;gap:16px;padding:8px 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.category-page-sellers-scroll::-webkit-scrollbar{display:none}.category-page-sellers-scroll>div{flex:0 0 auto}