.category-showcase-section { margin-top:18px; margin-bottom:24px; }
.category-showcase-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(110px, 1fr)); gap:12px; }
.category-card-item { display:flex; flex-direction:column; align-items:center; text-align:center; padding:12px 8px; border:1px solid var(--border-color); border-radius:6px; background:var(--customer-bg-color); color:var(--text-color); text-decoration:none; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.category-card-item:hover { transform:translateY(-2px); border-color:var(--primary-color); box-shadow:0 4px 12px var(--theme-color-rgba-0-0-0-0-08); color:var(--primary-color); }
.category-card-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--customer-surface-color); margin-bottom:8px; color:var(--primary-color); overflow:hidden; }
.category-card-icon img { width:100%; height:100%; object-fit:cover; }
.category-card-icon .material-symbols-outlined { font-size:24px; }
.category-card-name { font-size:11px; font-weight:600; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.category-card-count { font-size:9px; color:var(--muted-color); margin-top:2px; }
@media (max-width:767.98px) {
    .category-showcase-grid { display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; margin-right:-12px; }
    .category-showcase-grid::-webkit-scrollbar { display:none; }
    .category-card-item { flex:0 0 92px; scroll-snap-align:start; }
}