.category-page{min-height:100vh;background:var(--background);padding:16px;overflow-x:hidden}.category-container{max-width:1200px;margin:0 auto;padding:24px}.category-menu-bar{display:flex;justify-content:flex-end;margin-bottom:16px;position:relative}.category-menu-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(90deg,var(--primary),var(--accent));color:var(--card-bg);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.category-menu-button:hover:not(:disabled){background:linear-gradient(90deg,var(--primary-hover),var(--accent-hover));transform:translateY(-2px)}.category-menu-button:disabled{opacity:.5;cursor:not-allowed}.menu-icon{font-size:1rem}.category-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--card-shadow);padding:16px;z-index:1000;min-width:250px;max-width:400px;animation:slideDown .3s ease-out}.category-title{font-size:1.75rem;font-weight:700;color:var(--secondary);margin-bottom:8px;background:linear-gradient(90deg,var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}.category-intro{font-size:1rem;color:var(--text-muted);text-align:center;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.category-error{color:#ef4444;font-size:.875rem;margin-bottom:16px;text-align:center}.category-no-results{font-size:.875rem;color:var(--text-muted);text-align:center;margin-top:24px}.category-filters{gap:12px}.category-filters,.filter-group{display:flex;flex-direction:column}.filter-group{gap:4px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.filter-group input,.filter-group select{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;color:var(--text-primary);background:var(--background);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.filter-group input{width:100%}.filter-group input:focus,.filter-group select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(16,185,129,.2);outline:none}.category-apply-button{padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(90deg,var(--primary),var(--accent));color:var(--card-bg);font-size:.875rem;cursor:pointer;transition:background .2s ease,transform .2s ease;width:100%}.category-apply-button:hover{background:linear-gradient(90deg,var(--primary-hover),var(--accent-hover));transform:translateY(-2px)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;overflow-x:hidden}.category-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:transform .2s ease,box-shadow .2s ease;animation:fadeIn .5s ease-out forwards;animation-delay:calc(var(--index) * .1s)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.category-card-link{text-decoration:none;color:inherit;display:block}.category-image-wrapper{width:100%;max-height:120px;overflow:hidden;border-radius:8px;margin-bottom:8px}.category-image{width:100%;height:auto;max-height:120px;object-fit:contain;display:block}.category-title-text{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.category-description{font-size:.75rem;color:var(--text-muted);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-price{font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:4px}.category-rating,.category-stock{font-size:.75rem;color:var(--text-primary);margin-bottom:4px}.category-stock.low-stock{color:#f39c12}.category-stock.out-of-stock{color:#ef4444}.skeleton{background:#eee;border-radius:8px;height:200px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.category-page{background:var(--background,#1a202c)}.category-card,.category-container,.category-dropdown{background:var(--card-bg,#2d3748);border-color:var(--border-color,#4a5568)}.category-rating,.category-stock,.category-title-text,.filter-group label{color:var(--text-primary,#e2e8f0)}.category-description,.category-no-results{color:var(--text-muted,#a0aec0)}.category-price{color:var(--accent,#10b981)}.category-error{color:var(--error-color,#f56565)}.filter-group input,.filter-group select{background:var(--background,#1a202c);color:var(--text-primary,#e2e8f0);border-color:var(--border-color,#4a5568)}.skeleton{background:#4a5568}}@media (max-width:639px){.category-container{padding:12px}.category-title{font-size:1.25rem}.category-intro{font-size:.875rem;margin-bottom:16px}.category-menu-bar{justify-content:center}.category-menu-button{font-size:.75rem;padding:6px 12px}.category-dropdown{width:100%;max-width:none;padding:12px}.category-filters{gap:10px}.category-apply-button,.filter-group input,.filter-group select{font-size:.75rem;padding:6px 12px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:8px}.category-image,.category-image-wrapper{max-height:100px}.category-title-text{font-size:.75rem}.category-description{font-size:.625rem;-webkit-line-clamp:2}.category-price,.category-rating,.category-stock{font-size:.625rem}.skeleton{height:180px}}