*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f8fa;color:#111827;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.page-content{animation:pageFadeIn .22s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spin-icon{animation:spinOnce 1s linear infinite}@keyframes spinOnce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{max-width:1640px;margin:0 auto;padding:0 24px}.research-page{padding:24px 0 48px}.filter-bar-sticky{transition:box-shadow .2s ease}.filter-bar-sticky:after{content:"";position:absolute;bottom:0;left:0;right:0;height:16px;background:linear-gradient(to bottom,#f7f8faf2,#f7f8fa00);pointer-events:none}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;align-items:start}.product-grid>*{min-width:0}@media (min-width: 1680px){.product-grid{grid-template-columns:repeat(5,1fr);gap:22px}}@media (min-width: 1300px) and (max-width: 1679px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (min-width: 960px) and (max-width: 1299px){.product-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (min-width: 640px) and (max-width: 959px){.product-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 639px){.product-grid{grid-template-columns:1fr;gap:14px}}.product-card{will-change:transform,box-shadow}.product-grid.comfortable .product-card{border-radius:16px}.state-card{background:#fff;border-radius:14px;border:1.5px solid #E5E7EB;padding:80px 32px;text-align:center;box-shadow:0 1px 3px #0000000d}.ghost-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .13s,color .13s,background .13s;white-space:nowrap;font-family:inherit}.ghost-btn:hover:not(:disabled){border-color:#4f46e5;color:#4f46e5;background:#eef2ff}.ghost-btn:disabled{opacity:.42;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 5px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:color .13s,background .13s;font-family:inherit}.icon-btn:hover{color:#4f46e5!important;background:#eef2ff}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;border:1.5px solid #E5E7EB;background:#fff;font-size:12.5px;font-weight:500;color:#6b7280;cursor:pointer;transition:border-color .14s,color .14s,background .14s;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:inherit}.filter-chip:hover{border-color:#4f46e5;color:#4f46e5;background:#f5f3ff}.filter-chip.active{border-color:#4f46e5;background:#4f46e5;color:#fff}.filter-chip.active:hover{background:#4338ca;border-color:#4338ca}.view-toggle{display:flex;border:1.5px solid #E5E7EB;border-radius:9px;overflow:hidden;background:#fff}.view-toggle button{border:none;background:transparent;padding:6px 10px;cursor:pointer;color:#9ca3af;transition:background .13s,color .13s;display:flex;align-items:center;font-family:inherit}.view-toggle button.active{background:#eef2ff;color:#4f46e5}.view-toggle button:hover:not(.active){background:#f7f8fa;color:#6b7280}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{font-size:15px;font-weight:700;color:#111827;letter-spacing:-.2px}.trending-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.trending-scroll::-webkit-scrollbar{display:none}.ant-layout{background:#f7f8fa!important}.ant-layout-sider{background:#fff!important}.ant-card{border-radius:14px!important;border-color:#e5e7eb!important;box-shadow:0 1px 3px #0000000f!important}.ant-card-head{border-bottom-color:#f3f4f6!important;padding:0 20px!important;min-height:48px!important}.ant-card-body{padding:20px!important}.ant-btn-primary{background:#4f46e5!important;border-color:#4f46e5!important;border-radius:8px!important;font-weight:600!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background:#4338ca!important;border-color:#4338ca!important}.ant-btn{border-radius:8px!important;font-weight:500!important}.ant-input,.ant-input-affix-wrapper{border-radius:8px!important}.ant-input:focus,.ant-input-affix-wrapper-focused{border-color:#a5b4fc!important;box-shadow:0 0 0 3px #4f46e51a!important}.ant-select-selector{border-radius:8px!important}.ant-select-focused .ant-select-selector{border-color:#a5b4fc!important;box-shadow:0 0 0 3px #4f46e51a!important}.ant-picker,.ant-input-number{border-radius:8px!important}.ant-tag{border-radius:6px!important}.ant-pagination-item-active{border-color:#4f46e5!important}.ant-pagination-item-active a{color:#4f46e5!important}.ant-pagination-item:hover{border-color:#4f46e5!important}.ant-pagination-item:hover a{color:#4f46e5!important}.ant-drawer-header{border-bottom:1px solid #F3F4F6!important}.ant-message-notice-content{border-radius:10px!important;box-shadow:0 4px 16px #0000001f!important}.ant-tooltip-inner{border-radius:8px!important;font-size:12px!important}.ant-dropdown-menu{border-radius:10px!important;box-shadow:0 8px 28px #0000001f!important;padding:4px!important}.ant-dropdown-menu-item{border-radius:6px!important;font-size:13px!important}.ant-radio-checked .ant-radio-inner{border-color:#4f46e5!important;background:#4f46e5!important}.ant-radio:hover .ant-radio-inner{border-color:#4f46e5!important}.ant-spin-dot-item,.ant-float-btn-primary .ant-float-btn-body{background:#4f46e5!important}.ant-float-btn-primary .ant-float-btn-body:hover{background:#4338ca!important}@media (max-width: 768px){.research-page{padding:16px 0 32px}.page-container{padding:0 16px}.results-meta-bar{flex-wrap:wrap}}
