/* /trade-business-names v2 (2026-10-30 P-134). Used with pp-v2.css; scoped to .nm2. */
.nm2 .nm2-hero{background:linear-gradient(135deg,#00A0FF,#131B5F);border-radius:18px;padding:28px 20px;text-align:center}
.nm2 .nm2-hero h1{color:#fff;font-size:32px;margin:0 0 6px}
.nm2 .nm2-hero p{color:#E6F6FF;max-width:680px;margin:0 auto 14px;font-size:15.5px}
.nm2-search{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:6px 6px 6px 12px;max-width:620px;margin:0 auto;color:var(--pp-muted);text-align:left}
.nm2-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;min-height:40px;color:var(--pp-text);background:transparent}
.nm2-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--pp-line);border-radius:12px;box-shadow:0 8px 24px rgba(19,27,95,.14);z-index:20;overflow:hidden}
.nm2-sug a,.nm2-sug span{display:block;padding:10px 14px;font-size:14px;text-decoration:none;color:var(--pp-text);border-bottom:1px solid var(--pp-line)}
.nm2-sug a:hover{background:var(--pp-bg)}
.nm2-pop{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:18px}
.nm2 .nm2-pop a{width:90px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;line-height:1.3}
.nm2-pop i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--pp-blue);margin:0 auto 6px;overflow:hidden}
.nm2-pop img{width:100%;height:100%;object-fit:cover}
.nm2-az{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}
.nm2 .nm2-az a{min-width:34px;min-height:34px;display:grid;place-items:center;border:1px solid var(--pp-line);border-radius:8px;font-size:13.5px;font-weight:700;color:var(--pp-navy);text-decoration:none;padding:0 6px}
.nm2 .nm2-az a.on{background:var(--pp-navy);color:#fff;border-color:var(--pp-navy)}
.nm2 .pp2-card h2{font-size:19px;margin:18px 0 10px}
.nm2-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nm2 .nm2-logos a{display:flex;gap:10px;align-items:center;border:1px solid var(--pp-line);border-radius:12px;padding:9px;text-decoration:none;min-width:0}
.nm2 .nm2-logos a:hover{border-color:var(--pp-blue)}
.nm2-logos i{flex:none;width:48px;height:48px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px solid var(--pp-line)}
.nm2-logos img{width:100%;height:100%;object-fit:contain}
.nm2-logos span{min-width:0}
.nm2-logos b{display:block;color:var(--pp-navy);font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm2-logos small{display:block;color:var(--pp-muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm2-names{columns:3;column-gap:24px}
.nm2 .nm2-names a{display:block;break-inside:avoid;padding:7px 0;border-bottom:1px solid var(--pp-line);text-decoration:none;font-size:14.5px;overflow-wrap:anywhere}
.nm2 .nm2-names a:hover{color:var(--pp-blue)}
@media (max-width:860px){.nm2-logos{grid-template-columns:minmax(0,1fr)}.nm2-names{columns:1}.nm2 .nm2-hero h1{font-size:26px}.nm2-pop,.nm2-az{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.nm2 .nm2-pop a{flex:none;width:76px}.nm2 .nm2-az a{flex:none}}
