feat: vendor tooltips, logos, descriptions, product URLs from mont.ru

This commit is contained in:
2026-05-12 15:50:40 +03:00
parent 1747c31ba3
commit 800965598c
193 changed files with 9714 additions and 3 deletions
+87
View File
@@ -667,3 +667,90 @@
text-align: center;
}
/* ── Vendor tooltip popup ── */
.vendor-tooltip {
position: fixed;
z-index: 9999;
width: 280px;
background: #fff;
border-radius: 16px;
box-shadow: 0 20px 60px rgba(16,43,95,.22), 0 4px 16px rgba(16,43,95,.12);
border: 1px solid #dae6ff;
padding: 0;
pointer-events: none;
opacity: 0;
transform: translateY(6px) scale(.97);
transition: opacity .18s ease, transform .18s ease;
overflow: hidden;
}
.vendor-tooltip.visible {
opacity: 1;
transform: translateY(0) scale(1);
}
.vtt-logo {
width: 100%;
height: 88px;
background: #f5f8ff;
border-bottom: 1px solid #e8f0ff;
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
}
.vtt-logo img {
max-width: 100%;
max-height: 64px;
object-fit: contain;
}
.vtt-logo-placeholder {
font-size: 22px;
font-weight: 800;
color: #3978e0;
letter-spacing: .5px;
}
.vtt-body {
padding: 12px 14px 14px;
}
.vtt-name {
font-size: 13px;
font-weight: 800;
color: #1a3e79;
margin: 0 0 6px;
}
.vtt-desc {
font-size: 12px;
color: #4a5d7a;
line-height: 1.55;
margin: 0 0 10px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.vtt-links {
display: flex;
gap: 6px;
flex-wrap: wrap;
}
.vtt-link {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 11px;
font-weight: 700;
padding: 4px 9px;
border-radius: 999px;
text-decoration: none;
transition: .15s ease;
}
.vtt-link.mont {
background: linear-gradient(135deg, #1f4ea3, #3978e0);
color: #fff;
}
.vtt-link.site {
background: #eef4ff;
color: #2a5aaa;
border: 1px solid #d0e0ff;
}
.vtt-link:hover { opacity: .85; }