.product-card{background-color:#fff;border:1px solid white;border-radius:14px;overflow:hidden;transition:all var(--transition-normal);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:var(--spacing-xs);width:100%}.product-image-container{width:100%;aspect-ratio:.8;background-color:var(--color-bg-secondary);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;border-radius:14px;border:1px solid white}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal);cursor:pointer;border-radius:14px}.product-id-overlay{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);background-color:#000;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:17px;width:50px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;z-index:10;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;color:var(--color-text-secondary);font-size:.875rem;border-radius:14px}.product-info{padding:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-sm);flex-grow:1}.product-id{font-size:.875rem;color:var(--color-text-secondary);margin:0;font-weight:600}@media (max-width: 768px){.product-card{border-radius:14px}.product-image-container{aspect-ratio:1}.product-info{padding:var(--spacing-sm);gap:var(--spacing-xs)}.product-name{font-size:.85rem}.product-category{font-size:.7rem}.product-id{font-size:.875rem}.product-id-overlay{font-size:.875rem;padding:4px 8px;bottom:var(--spacing-sm);right:var(--spacing-sm)}.product-link-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem}}@media (max-width: 480px){.product-card:hover{transform:translateY(-4px)}.product-card:hover .product-image{transform:scale(1.02)}.product-image-container{aspect-ratio:1}.product-id-overlay{font-size:.7rem;padding:3px 7px}}@media (max-width: 600px){.product-card{padding:var(--spacing-xs)}.product-image-container{width:100%;aspect-ratio:1}.product-image{width:100%;height:100%;object-fit:cover;border-radius:14px}.product-id-overlay{font-size:.875rem;padding:3px 7px;bottom:var(--spacing-xs);right:var(--spacing-xs)}}.product-grid-container{flex:1;min-width:0}.grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.grid-header h2{font-size:1.5rem;color:var(--color-text-primary);margin:0}.product-count{background-color:var(--color-bg-tertiary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;font-size:.9rem;color:var(--color-text-secondary);font-weight:600}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--spacing-md);animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-container,.error-container,.loading-container{min-height:400px;display:flex;align-items:center;justify-content:center}.empty-message,.error-message,.loading-spinner{text-align:center}.empty-message p,.error-message p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.empty-sub,.error-message p{font-size:.95rem;color:var(--color-text-secondary)}.error-message{padding:var(--spacing-lg);background-color:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-lg);color:#fca5a5}.loading-spinner{font-size:1.125rem}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}}@media (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.grid-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.product-grid{grid-template-columns:repeat(2,minmax(100px,1fr));gap:var(--spacing-sm)}.product-count{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}}@media (max-width: 360px){.product-grid{gap:var(--spacing-xs)}}.sidebar-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:999;width:70px;height:70px;background-color:#df37dc;color:#fff;border-radius:50%;font-size:19px;box-shadow:0 4px 12px #6366f14d}.sidebar{width:200px;background-color:#000;border-radius:0;padding-top:25px;height:fit-content;position:sticky;top:0;border:none;border-right:2px solid var(--color-border);align-self:flex-start}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:0;border-bottom:none}.sidebar-header h2{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);letter-spacing:1px;margin:0}.sidebar-close{display:none;background:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer}.categories-section{margin-bottom:0}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.category-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-sm);background:none;border:none;color:var(--color-text-secondary);text-align:left;font-size:.9rem;font-weight:400;transition:all var(--transition-fast);cursor:pointer}.category-item:last-child{border-bottom:none}.category-item:hover{color:var(--color-text-primary)}.category-name{flex:1;text-align:left}.category-count{background-color:var(--color-bg-tertiary);padding:2px 10px;border-radius:20px;font-size:.85rem;color:var(--color-text-secondary);font-weight:500;min-width:auto;text-align:center;margin-left:var(--spacing-sm);border:1px solid var(--colmd-border)}.category-item.active{color:var(--color-text-primary);font-weight:500}.category-item.active .category-count{background-color:#737272;color:#fff;border-color:var(--color-accent);font-weight:600}@media (max-width: 768px){.category-item{font-size:1.3rem}.sidebar-toggle{display:flex;background-color:#df37dc;align-items:center;justify-content:center;z-index:1200}.sidebar{position:fixed;left:-100%;top:0;width:280px;height:100vh;border-radius:0;padding:var(--spacing-lg);z-index:1000;transition:left var(--transition-normal);overflow-y:auto;border:none}.sidebar.open{left:0;box-shadow:2px 0 16px #00000080}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.sidebar-close{display:block}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}}.product-showcase{min-height:100vh;background-color:#000;padding:var(--spacing-lg)}.showcase-container{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);max-width:1400px;margin:0 auto}.right-section{display:flex;flex-direction:column;gap:var(--spacing-lg);flex:1}.showcase-header{margin-bottom:var(--spacing-md);padding-bottom:0;transition:margin-bottom var(--transition-normal)}.search-result-info{color:var(--color-text-secondary);font-size:.85rem;text-align:center;margin-top:var(--spacing-sm);animation:fadeIn var(--transition-fast) ease-in}.search-random-container{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:0;max-width:480px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.header-search-input{width:100%;padding:16px 40px 16px 52px;background-color:#111016;border:1px solid #2c2b2b;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:14px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.header-search-input::placeholder{color:#908e94fc}.header-search-input:focus{outline:none;border-color:#7470701a;box-shadow:0 0 0 3px #7470701a}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);font-size:1.25rem;cursor:pointer;padding:var(--spacing-sm);transition:color var(--transition-fast)}.search-clear-btn:hover{color:var(--color-text-primary)}.header-random-btn{padding:var(--spacing-md) var(--spacing-lg);background-color:#411741;color:#fff;border:1px solid rgb(159,73,159);border-radius:var(--radius-lg);font-size:.95rem;font-weight:600;transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:1px}.header-random-btn.random-mode{background-color:#301230;color:#fff;border:2px solid rgb(54,54,54)}.header-random-btn.random-mode:hover{box-shadow:0 4px 12px #6366f14d}.header-random-btn.ordered-mode{background-color:#353535;color:var(--color-text-primary);border:2px solid rgb(54,54,54)}.header-random-btn.ordered-mode:hover{box-shadow:0 4px 12px #6366f14d}@media (max-width: 768px){.product-showcase{padding:var(--spacing-md)}.showcase-container{flex-direction:column;gap:var(--spacing-md)}.right-section{gap:var(--spacing-md)}.search-random-container{flex-direction:column;max-width:100%;align-items:stretch}.search-input-wrapper{min-width:auto;max-width:100%;width:100%}.header-random-btn{width:100%;justify-content:center;font-size:1.1rem}}@media (max-width: 480px){.product-showcase{padding:var(--spacing-sm)}.search-random-container{gap:var(--spacing-sm)}.header-search-input{padding:var(--spacing-md) var(--spacing-md);padding-left:38px;padding-right:36px;font-size:1.1rem}.header-random-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;background-color:#1a1a1a;color:#fff}*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg-primary: rgb(26, 26, 26);--color-bg-secondary: rgb(45, 45, 45);--color-bg-tertiary: rgb(58, 58, 58);--color-text-primary: rgb(255, 255, 255);--color-text-secondary: rgb(179, 179, 179);--color-border: rgb(35, 35, 35);--color-accent: rgb(99, 102, 241);--color-accent-hover: rgb(79, 70, 229);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary)}body{overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}p{line-height:1.6;color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11a}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.grid{display:grid}@media (max-width: 768px){:root{font-size:14px}}@media (max-width: 480px){:root{font-size:12px}}