.trending-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:calc(var(--space-24) + var(--space-8)) var(--space-6) var(--space-16)}.trending-header{text-align:center;margin-bottom:var(--space-10)}.trending-header h1{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--space-3)}.trending-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.trending-filters{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.filter-btn{padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.filter-btn.active{background:var(--gradient-primary);border-color:transparent;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);animation:fadeInUp .5s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.trend-score{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.demand-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.demand-high{background:#22c55e33;color:#22c55e}.demand-medium{background:#fbbf2433;color:#fbbf24}.product-name{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-1)}.product-niche{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:500;margin-bottom:var(--space-3)}.product-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-5)}.product-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.stat-item{text-align:center}.stat-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-size-lg);font-weight:700}.stat-value.profit{color:#22c55e}.why-trending{padding:var(--space-4);background:#6366f11a;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.why-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary)}.why-trending p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.product-actions{display:flex;flex-direction:column;gap:var(--space-3)}.source-links{display:flex;gap:var(--space-3)}.source-link{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.source-link:hover{background:var(--color-bg-tertiary);color:var(--color-text);border-color:var(--color-border-hover)}.create-shop-btn{width:100%}.refresh-section{display:flex;justify-content:center;margin-top:var(--space-10)}.nav-links a.active{color:var(--color-primary)}@media(max-width:768px){.products-grid{grid-template-columns:1fr}.trending-filters{gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}}
