/* Platform marks use the same bundled artwork and monochrome treatment as NetConverter.local. */
.product-story .vendor-strip { margin: 0 0 48px; }
.product-story .mcp-vendor-section { padding-top: 0; padding-bottom: 28px; }
.product-story .mcp-vendor-section .vendor-strip { margin-bottom: 0; }
.product-story .vendor-strip .vendor-strip-label { margin: 0 0 16px; color: #b2b5c0; font-size: .82rem; }
.vendor-list { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; }
.vendor-list li { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; width: 160px; min-height: 96px; padding: 15px; background: #13151a; border: 1px solid #30333d; border-radius: 10px; color: #e7e9f0; font-size: .76rem; font-weight: 600; }
.vendor-logo { width: 125px; height: 34px; display: flex; align-items: center; overflow: hidden; }
.vendor-logo img { display: block; width: auto; height: auto; max-width: 118px; max-height: 30px; object-fit: contain; filter: brightness(0) invert(1); opacity: .88; }
.vendor-logo img[src$="product-cisco.png"] { height: 34px; max-height: 34px; }
.vendor-logo img[src$="product-paloalto.png"] { width: 175px; max-width: none; max-height: none; flex-shrink: 0; transform: translateX(-29px); }
.vendor-logo img[src$="product-fortinet.png"] { width: 118px; }
.product-story .vendor-strip .vendor-strip-note { margin: 14px 0 0; color: #b2b5c0; font-size: .78rem; }
@media (max-width: 600px) { .vendor-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .vendor-list li { width: auto; min-width: 0; } .vendor-logo { max-width: 100%; } }
/* Keep the blue spotlight used by the site's original vendor glow grid. */
.vendor-list li { transition: border-color .2s ease, transform .2s ease, box-shadow .3s ease; }
.vendor-logo img { transition: opacity .2s ease, filter .3s ease, transform .2s ease; }
@media (hover: hover) {
    .vendor-list li:hover { border-color: rgba(59, 130, 246, .35); transform: translateY(-2px); box-shadow: 0 6px 22px rgba(59, 130, 246, .18); }
    .vendor-list li:hover .vendor-logo img { opacity: 1; filter: brightness(0) invert(1) drop-shadow(0 0 14px rgba(59, 130, 246, .65)); }
}
@media (prefers-reduced-motion: reduce) {
    .vendor-list li, .vendor-logo img { transition: none; }
    .vendor-list li:hover { transform: none; }
}