/* Cikkszám-megfeleltetés – termékoldal és találati lista (a sablon --jm-* színeivel, sötét / világos téma) */
.jm-xref {
    margin-top: 16px; padding: 14px 16px; border-radius: var(--jm-radius, 14px);
    border: 1px solid var(--jm-line); background: var(--jm-surface);
}
.jm-xref__head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-family: var(--jm-font-cond); font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: .4px; color: var(--jm-text); }
.jm-xref__head svg, .jm-xref-notice svg { width: 20px; height: 20px; flex: none; fill: none; stroke: var(--jm-accent-fg); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.jm-xref__group + .jm-xref__group { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--jm-line-soft); }
.jm-xref__codes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.jm-xref__code {
    display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 8px;
    border: 1px solid var(--jm-line); background: var(--jm-surface-2); color: var(--jm-text);
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 13.5px; font-weight: 700; letter-spacing: .3px; text-decoration: none;
}
a.jm-xref__code:hover { border-color: var(--jm-accent); color: var(--jm-accent-fg); }
.jm-xref__eq { color: var(--jm-muted); font-weight: 700; }
.jm-xref__note { margin: 6px 0 0; font-size: 13px; color: var(--jm-muted); }
.jm-xref__more { display: inline-block; margin-top: 10px; font-family: var(--jm-font-cond); font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: .3px; color: var(--jm-accent-fg); text-decoration: none; }
.jm-xref__more:hover { text-decoration: underline; text-underline-offset: 3px; }

.jm-xref-products__sub { margin: 4px 0 0; color: var(--jm-muted); font-size: 14px; }

.jm-xref-notice {
    display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px;
    border: 1px solid rgba(var(--jm-accent-rgb), .35); background: rgba(var(--jm-accent-rgb), .08); color: var(--jm-text); font-size: 14px; line-height: 1.6;
}
.jm-xref-notice .jm-xref__code { height: 24px; padding: 0 7px; margin: 0 2px; font-size: 12.5px; }
.jm-xref-notice small { color: var(--jm-muted); margin-left: 4px; }