/* Product category grouping — Talynex */
.product-category-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(4,23,53,.06)}
.product-category-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font-weight:800;cursor:pointer;transition:.22s ease;white-space:nowrap}
.product-category-tab i{color:var(--blue);font-size:.9rem}
.product-category-tab:hover{background:var(--surface-2);border-color:var(--line);transform:translateY(-1px)}
.product-category-tab.active{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(6,71,185,.18)}
.product-category-tab.active i{color:var(--gold)}
.product-filter-status{font-size:.82rem;font-weight:700;color:var(--text-muted);margin:0 0 24px;padding-left:3px}
.product-card.product-filtered{display:none}
.product-card.product-filter-in{animation:productFilterIn .28s ease both}
@keyframes productFilterIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-theme="dark"] .product-category-filter{background:var(--surface);border-color:var(--line);box-shadow:0 14px 34px rgba(0,0,0,.18)}
html[data-theme="dark"] .product-category-tab{color:var(--text)}
html[data-theme="dark"] .product-category-tab:hover{background:var(--surface-2);border-color:var(--line)}
html[data-theme="dark"] .product-category-tab i{color:#8db7ff}
html[data-theme="dark"] .product-category-tab.active{color:#fff}
@media(max-width:700px){.product-category-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.product-category-tab{width:100%;padding:10px 8px;font-size:.82rem}.product-filter-status{margin-bottom:18px}}
@media(max-width:390px){.product-category-filter{grid-template-columns:1fr}.product-category-tab{justify-content:flex-start;padding-left:14px}}