.category-section{margin-top:var(--spacing-2xl);animation:fadeInUp .6s ease-out backwards}.category-section:nth-child(2){animation-delay:.1s}.category-section:nth-child(3){animation-delay:.2s}.category-section:nth-child(4){animation-delay:.3s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.category-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;position:relative}.category-title::before{content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--primary-gradient);border-radius:var(--radius-full);box-shadow:0 0 12px rgba(124,58,237,.5)}.category-line{flex:1;height:2px;background:linear-gradient(to right,rgba(124,58,237,.5) 0,rgba(6,182,212,.3) 50%,transparent 100%);border-radius:var(--radius-full);position:relative;overflow:hidden}.category-line::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}100%{left:200%}}.case-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-lg)}.case-card{position:relative;cursor:pointer;border-radius:var(--radius-xl);padding:var(--spacing-md);background:var(--card-bg);backdrop-filter:blur(12px);border:1px solid var(--card-border);display:flex;flex-direction:column;transition:all var(--transition-base);overflow:hidden;box-shadow:var(--shadow-md)}.case-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transform:rotate(45deg);transition:transform .6s ease}.case-card:hover::before{transform:translateX(100%) translateY(100%) rotate(45deg)}.case-card::after{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:var(--primary-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.case-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),0 0 40px rgba(124,58,237,.3);border-color:transparent}.case-card:hover::after{opacity:1}.case-card:hover{background:radial-gradient(circle at 50% 0,rgba(124,58,237,.15),transparent 70%),var(--card-bg)}.case-image-wrapper{width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md);background:radial-gradient(circle at 50% 50%,rgba(124,58,237,.1),rgba(6,182,212,.05));display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 20px rgba(0,0,0,.3)}.case-image-wrapper::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,transparent 50%,rgba(0,0,0,.2) 100%);pointer-events:none}.case-image-wrapper img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .4));transition:transform var(--transition-base);position:relative;z-index:1}.case-card:hover .case-image-wrapper img{transform:scale(1.1) rotate(2deg)}.case-info{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.case-name{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.3;margin-bottom:var(--spacing-xs)}.case-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm)}.case-price{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--accent-green),#14f195);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;display:flex;align-items:center;gap:2px}.case-open-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted);background:rgba(124,58,237,.1);padding:4px 12px;border-radius:var(--radius-full);border:1px solid rgba(124,58,237,.2);transition:all var(--transition-base)}.case-card:hover .case-open-label{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.4);color:var(--primary-cyan);box-shadow:0 0 16px rgba(124,58,237,.3)}.case-card{animation:cardAppear .5s ease-out backwards}.case-card:first-child{animation-delay:50ms}.case-card:nth-child(2){animation-delay:.1s}.case-card:nth-child(3){animation-delay:.15s}.case-card:nth-child(4){animation-delay:.2s}.case-card:nth-child(5){animation-delay:.25s}.case-card:nth-child(6){animation-delay:.3s}@keyframes cardAppear{from{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes subtlePulse{0%,100%{box-shadow:var(--shadow-md),0 0 0 rgba(124,58,237,0)}50%{box-shadow:var(--shadow-md),0 0 20px rgba(124,58,237,.2)}}@media (max-width:1200px){.case-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}}@media (max-width:768px){.case-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.category-title{font-size:20px}.case-name{font-size:14px}.case-price{font-size:16px}.case-card{padding:var(--spacing-sm)}}@media (max-width:480px){.case-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.category-title{font-size:18px}.category-title::before{height:20px}.case-card:hover{transform:translateY(-4px) scale(1.01)}}.case-card.featured{border:1px solid rgba(245,158,11,.5);background:radial-gradient(circle at 50% 0,rgba(245,158,11,.1),transparent 70%),var(--card-bg)}.case-card.featured::after{background:linear-gradient(135deg,var(--warning),var(--accent-pink))}.case-card.sold-out{opacity:.6;cursor:not-allowed}.case-card.sold-out:hover{transform:none;box-shadow:var(--shadow-md)}.case-card.sold-out::after{opacity:0}