.kategori-sparepart-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.kategori-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:1rem;flex:0 280px;max-width:280px;padding:1.5rem;transition:all .3s}.kategori-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-5px)}.kategori-icon{background:var(--bg-secondary);width:4rem;height:4rem;color:var(--brand-primary);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:1rem;transition:all .3s;display:inline-flex}.kategori-card:hover .kategori-icon{background:var(--brand-gradient);color:#fff}.kategori-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.kategori-description{color:var(--text-muted);font-size:.875rem;line-height:1.5}.sparepart-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.sparepart-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.sparepart-grid{grid-template-columns:repeat(5,1fr)}}.sparepart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s;overflow:hidden}.sparepart-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-5px)}.sparepart-image{aspect-ratio:1;background:var(--bg-secondary);position:relative;overflow:hidden}.sparepart-badge{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.sparepart-badge.indoor{color:#fff;background:#3b82f6}.sparepart-badge.outdoor{color:#fff;background:#10b981}.sparepart-content{text-align:center;padding:1rem}.sparepart-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.psu-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.psu-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;flex:0 300px;max-width:300px;transition:all .3s;overflow:hidden}.psu-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-5px)}.psu-image{aspect-ratio:4/3;background:var(--bg-secondary);position:relative;overflow:hidden}.psu-content{text-align:center;padding:1.5rem}.psu-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.psu-spec{background:var(--bg-secondary);color:var(--brand-primary);border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.rc-grid{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.rc-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;flex:0 350px;max-width:350px;transition:all .3s;overflow:hidden}.rc-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-5px)}.rc-image{aspect-ratio:16/9;background:var(--bg-secondary);position:relative;overflow:hidden}.rc-badge{background:var(--brand-gradient);color:#fff;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.rc-content{text-align:center;padding:1.5rem}.rc-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.cabinet-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:768px){.cabinet-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.cabinet-grid{grid-template-columns:repeat(4,1fr)}}.cabinet-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s;overflow:hidden}.cabinet-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-5px)}.cabinet-image{aspect-ratio:1;background:var(--bg-secondary);position:relative;overflow:hidden}.cabinet-badge{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.625rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.cabinet-badge.indoor{color:#fff;background:#3b82f6}.cabinet-badge.outdoor{color:#fff;background:#10b981}.cabinet-badge.rental{color:#fff;background:#f59e0b}.cabinet-badge.poster{color:#fff;background:#8b5cf6}.cabinet-content{text-align:center;padding:1rem}.cabinet-title{color:var(--text-primary);font-size:.75rem;font-weight:600;line-height:1.4}.processor-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (min-width:640px){.processor-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.processor-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.processor-grid{grid-template-columns:repeat(6,1fr)}}.processor-huidu-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.processor-huidu-grid .processor-card{flex:0 200px;max-width:200px}.processor-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all .3s;overflow:hidden}.processor-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-primary);transform:translateY(-5px)}.processor-image{aspect-ratio:1;background:var(--bg-secondary);position:relative;overflow:hidden}.processor-badge{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.5rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.processor-badge.novastar{color:#fff;background:#dc2626}.processor-badge.huidu{color:#fff;background:#2563eb}.processor-content{text-align:center;padding:.75rem}.processor-title{color:var(--text-primary);font-size:.875rem;font-weight:600}