feat: add 41 categories, interactive tooltip, IB links to vendor page, vendor info bar

static/css/index.css

@@ -687,6 +687,7 @@
     .vendor-tooltip.visible {
       opacity: 1;
       transform: translateY(0) scale(1);
+      pointer-events: auto;
     }
     .vtt-logo {
       width: 100%;
@@ -754,3 +755,46 @@
       border: 1px solid #d0e0ff;
     }
     .vtt-link:hover { opacity: .85; }
+    /* Vendor info bar in results */
+    .vendor-info-bar {
+      display: flex;
+      align-items: flex-start;
+      gap: 18px;
+      background: linear-gradient(135deg, #f0f5ff 0%, #e8f0ff 100%);
+      border: 1px solid #c8d8f5;
+      border-radius: 16px;
+      padding: 16px 20px;
+      margin-bottom: 18px;
+    }
+    .vendor-info-bar + .vendor-info-bar { margin-top: -8px; }
+    .vib-logo {
+      flex-shrink: 0;
+      width: 100px;
+      height: 64px;
+      background: #fff;
+      border-radius: 10px;
+      border: 1px solid #dae6ff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 8px 10px;
+    }
+    .vib-logo img { max-width: 100%; max-height: 48px; object-fit: contain; }
+    .vib-logo-text { font-size: 18px; font-weight: 800; color: #3978e0; }
+    .vib-info { flex: 1; min-width: 0; }
+    .vib-name { font-size: 15px; font-weight: 800; color: #1a3e79; margin: 0 0 5px; }
+    .vib-desc { font-size: 13px; color: #4a5d7a; line-height: 1.55; margin: 0 0 10px; }
+    .vib-links { display: flex; gap: 8px; flex-wrap: wrap; }
+    .vib-link {
+      display: inline-flex;
+      align-items: center;
+      font-size: 12px;
+      font-weight: 700;
+      padding: 4px 12px;
+      border-radius: 999px;
+      text-decoration: none;
+      transition: .15s ease;
+    }
+    .vib-link.mont { background: linear-gradient(135deg, #1f4ea3, #3978e0); color: #fff; }
+    .vib-link.site { background: #fff; color: #2a5aaa; border: 1px solid #c8d8f5; }
+    .vib-link:hover { opacity: .82; transform: translateY(-1px); }