/*
 * HJ Product Entry R7 art direction — title-led installed-system scenes.
 * Asset 20260824-23 gives all 327 Product titles distinct explanatory scenes.
 * Asset revision 20260824-13 adds title-specific EV, autogate, Barrier Gate, KNX, BMS,
 * PA/PA-VA, projector, LV distribution, electrical protection, lightning,
 * earthing, smart-water and multimedia-show-control scenes.
 * emergency communication, industrial intercom, school bell and clock scenes.
 * The stable R6 selector remains for backwards-safe build compatibility.
 * R7 makes the named device and its field/controller/output relationships
 * visually dominant; the four-node planning path is deliberately quiet.
 */

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram {
  --pv-line: var(--me-r3-accent);
  --pv-secondary: var(--me-r3-secondary);
  gap: 12px;
}

@media (min-width: 1080px) {
  body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-hero-grid {
    grid-template-columns: minmax(0, .98fr) minmax(520px, .9fr);
    gap: clamp(42px, 5vw, 72px);
  }

  body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-signal {
    padding: 28px;
  }
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-concept-diagram-plot {
  background:
    linear-gradient(rgba(var(--me-r3-accent-rgb), .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--me-r3-accent-rgb), .035) 1px, transparent 1px),
    radial-gradient(circle at 38% 43%, rgba(var(--me-r3-secondary-rgb), .14), transparent 40%),
    linear-gradient(160deg, rgba(var(--me-r3-accent-rgb), .075), transparent 58%);
  background-size: 26px 26px, 26px 26px, auto, auto;
  border: 1px solid rgba(var(--me-r3-accent-rgb), .16);
  border-radius: 18px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 22px 44px rgba(0, 0, 0, .26);
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram-head {
  grid-template-columns: minmax(92px, .58fr) minmax(0, 1.42fr);
  align-items: center;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram-head strong {
  font-size: clamp(.9rem, 1.1vw, 1.04rem);
  line-height: 1.28;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork {
  color: var(--pv-line);
  filter: url(#pv-device-shadow);
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork :is(.pv-shell, .pv-screen, .pv-line, .pv-line--heavy, .pv-wave, .pv-accent-line, .pv-soft) {
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-shell {
  fill: url(#pv-shell-gradient);
  stroke: var(--pv-line);
  stroke-width: 2.8;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-screen {
  fill: url(#pv-screen-gradient);
  stroke: rgba(var(--me-r3-accent-rgb), .76);
  stroke-width: 1.8;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-line {
  fill: none;
  stroke: rgba(var(--me-r3-accent-rgb), .88);
  stroke-width: 2;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-line--heavy {
  stroke-width: 3.6;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-accent-line {
  fill: none;
  stroke: var(--pv-secondary);
  stroke-width: 2.8;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-wave {
  fill: none;
  stroke: var(--pv-secondary);
  stroke-width: 2.2;
  stroke-dasharray: 5 5;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-soft {
  fill: rgba(var(--me-r3-secondary-rgb), .12);
  stroke: rgba(var(--me-r3-secondary-rgb), .62);
  stroke-width: 1.7;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-accent {
  fill: var(--pv-line);
  stroke: rgba(255,255,255,.62);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-dot {
  fill: var(--pv-secondary);
  opacity: .96;
}

/* R7 filled shapes: solid silhouettes first, technical lines second. */
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork :is(.pv-solid, .pv-panel, .pv-target, .pv-detection, .pv-projector-beam, .pv-lpr-scan, .pv-parking-bay, .pv-fountain-basin, .pv-water-fill, .pv-safety-fill, .pv-safety-panel, .pv-fence-wire, .pv-fill-secondary, .pv-label-line) {
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-solid {
  fill: url(#pv-shell-gradient);
  stroke: rgba(var(--me-r3-accent-rgb), .92);
  stroke-width: 2.4;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-panel {
  fill: rgba(6, 25, 39, .92);
  stroke: rgba(var(--me-r3-accent-rgb), .62);
  stroke-width: 1.5;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork :is(.pv-target, .pv-parking-bay, .pv-fountain-basin) {
  fill: rgba(var(--me-r3-accent-rgb), .08);
  stroke: rgba(var(--me-r3-accent-rgb), .64);
  stroke-width: 1.8;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork :is(.pv-detection, .pv-projector-beam, .pv-lpr-scan) {
  fill: rgba(var(--me-r3-accent-rgb), .13);
  stroke: rgba(var(--me-r3-accent-rgb), .5);
  stroke-width: 1.5;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-fill-secondary {
  fill: var(--pv-secondary);
  stroke: rgba(255, 255, 255, .5);
  stroke-width: 1.1;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork :is(.pv-safety-fill, .pv-safety-panel) {
  fill: rgba(31, 213, 132, .16);
  stroke: #52e699;
  stroke-width: 2;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork :is(.pv-fence-wire, .pv-water-fill, .pv-label-line) {
  fill: none;
  stroke: var(--pv-secondary);
  stroke-width: 2.2;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-water-fill {
  stroke: #38ccff;
  stroke-width: 3;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-label {
  fill: #bfffe0;
  font: 800 21px/1.1 Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .06em;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-label--plate {
  font-size: 10px;
  letter-spacing: .04em;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork :is(.pv-digital-time, .pv-time-value) {
  font-size: 45px;
  letter-spacing: .08em;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-temperature-value {
  font-size: 34px;
  letter-spacing: .02em;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-moon {
  fill: rgba(227, 244, 255, .9);
  stroke: rgba(255, 255, 255, .72);
  stroke-width: 1.2;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-exit-person,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-product-artwork .pv-exit-arrow {
  fill: #bfffe0;
}

/* Scene layer: large operating context, low enough contrast to keep the product primary. */
body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene {
  opacity: .68;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene :is(.pv-scene-line, .pv-scene-chart, .pv-scene-water, .pv-scene-arrow) {
  fill: none;
  stroke: rgba(var(--me-r3-accent-rgb), .31);
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene .pv-scene-line--strong {
  stroke: rgba(var(--me-r3-accent-rgb), .46);
  stroke-width: 2.2;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene .pv-scene-line--soft {
  stroke: rgba(var(--me-r3-secondary-rgb), .24);
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene .pv-scene-line--dash {
  stroke: rgba(var(--me-r3-secondary-rgb), .42);
  stroke-dasharray: 5 7;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-fill {
  fill: rgba(var(--me-r3-panel), .22);
  stroke: rgba(var(--me-r3-accent-rgb), .2);
  stroke-width: 1.2;
  vector-effect: non-scaling-stroke;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-cone {
  fill: rgba(var(--me-r3-accent-rgb), .065);
  stroke: rgba(var(--me-r3-accent-rgb), .22);
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-slot {
  fill: rgba(var(--me-r3-secondary-rgb), .1);
  stroke: rgba(var(--me-r3-secondary-rgb), .48);
  stroke-width: 1.5;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-dot {
  fill: var(--pv-secondary);
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-chart,
body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-water,
body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-scene-bolt {
  fill: rgba(var(--me-r3-secondary-rgb), .08);
  stroke: var(--pv-secondary);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

/* Title-derived feature marks: three readable reasons this illustration fits this page. */
body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-feature-rail {
  pointer-events: none;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-feature rect {
  fill: rgba(3, 16, 25, .72);
  stroke: rgba(var(--me-r3-secondary-rgb), .36);
  stroke-width: 1.1;
  vector-effect: non-scaling-stroke;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-feature-symbol {
  fill: none;
  stroke: var(--pv-secondary);
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-feature text {
  fill: #dcecf3;
  font: 700 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .04em;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-ports rect {
  fill: rgba(var(--me-r3-accent-rgb), .08);
  stroke: var(--pv-line);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-route {
  opacity: .24;
  stroke-width: 2;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-route--echo {
  opacity: .1;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-node-ring {
  fill: rgba(var(--me-r3-panel), .94);
  stroke: rgba(var(--me-r3-accent-rgb), .5);
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-node-core {
  fill: var(--pv-line);
  stroke-width: 0;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-node text {
  fill: var(--me-bg);
  font-size: 6px;
  font-weight: 800;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 4px;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend li {
  grid-template-columns: 25px minmax(0, 1fr);
  min-height: 42px;
  gap: 7px;
  padding: 5px 8px;
  border-right: 1px solid var(--me-line);
  border-bottom: 0;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend li:last-child {
  border-right: 0;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend li span {
  width: 23px;
  height: 23px;
  font-size: .58rem;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend li strong {
  font-size: .67rem;
  line-height: 1.28;
}

body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram figcaption {
  max-width: 68ch;
  font-size: .68rem;
  line-height: 1.42;
  opacity: .82;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .pv-illustration-notes {
  margin-top: -3px;
  border-top: 1px solid rgba(var(--me-r3-accent-rgb), .12);
  color: var(--me-muted);
  font-size: .66rem;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .pv-illustration-notes summary {
  padding: 9px 0 2px;
  color: rgba(220, 236, 243, .66);
  cursor: pointer;
  font-weight: 700;
  letter-spacing: .035em;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .pv-illustration-notes p {
  margin: 7px 0 0;
  font-size: .66rem;
  line-height: 1.5;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-hero h1 {
  font-size: clamp(2.55rem, 4.45vw, 4.15rem);
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="ai-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="face-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="people-count-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="human-vehicle-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="color-night-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="deterrence-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="audio-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="ip-camera"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="hybrid-recorder"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="alarm-system"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="home-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="commercial-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="industrial-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="wired-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="wireless-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="smart-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="axpro-alarm"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="nvr-recorder"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="dvr-recorder"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="access-reader"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="door-access-system"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="access-controller"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="credential-reader"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="face-access"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="biometric-access"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="access-attendance"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="attendance-terminal"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="face-attendance"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="credential-attendance"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="attendance-platform"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="visitor-kiosk"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="qr-visitor"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="video-intercom"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="ip-video-intercom"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="hikvision-intercom"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="multiunit-intercom"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="parking-guidance"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="parking-lpr"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="parking-access"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="fiber-tester"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="bms-building"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="exit-sign"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="projector"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="rack-ups"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="electric-fence"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="fountain-pump"] .pv-scene {
  opacity: .13;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram:is(
  [data-hj-product-motif="wifi-system"],
  [data-hj-product-motif="mesh-wifi"],
  [data-hj-product-motif="enterprise-wifi"],
  [data-hj-product-motif="guest-wifi"],
  [data-hj-product-motif="outdoor-wifi"],
  [data-hj-product-motif="wireless-bridge"],
  [data-hj-product-motif="wireless-multipoint"],
  [data-hj-product-motif="network-system"],
  [data-hj-product-motif="network-cabling"],
  [data-hj-product-motif="network-rack"],
  [data-hj-product-motif="network-switch"],
  [data-hj-product-motif="network-security"],
  [data-hj-product-motif="network-console"],
  [data-hj-product-motif="network-upgrade"],
  [data-hj-product-motif="fiber-system"],
  [data-hj-product-motif="fiber-backbone"],
  [data-hj-product-motif="fiber-types"],
  [data-hj-product-motif="fiber-splice"],
  [data-hj-product-motif="fiber-repair"],
  [data-hj-product-motif="fiber-panel"],
  [data-hj-product-motif="fiber-transceiver"],
  [data-hj-product-motif="ftth-topology"],
  [data-hj-product-motif="ftth-building"],
  [data-hj-product-motif="pon-devices"],
  [data-hj-product-motif="optical-splitter"],
  [data-hj-product-motif="business-computer"],
  [data-hj-product-motif="workstation"],
  [data-hj-product-motif="computer-deployment"],
  [data-hj-product-motif="network-printer"],
  [data-hj-product-motif="nas-storage"],
  [data-hj-product-motif="nas-cctv"],
  [data-hj-product-motif="business-server"],
  [data-hj-product-motif="raid-storage"],
  [data-hj-product-motif="rack-server-ups"],
  [data-hj-product-motif="server-room"],
  [data-hj-product-motif="central-storage"],
  [data-hj-product-motif="ip-pbx"],
  [data-hj-product-motif="voip-system"],
  [data-hj-product-motif="multi-branch-phone"],
  [data-hj-product-motif="phone-paging"]
) .pv-scene {
  opacity: .1;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="fire-system"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="conventional-fire"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="addressable-fire"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="wireless-fire"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="fire-monitoring"] .pv-scene,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="fire-integration"] .pv-scene {
  opacity: .09;
}

body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="ai-camera"] .pv-feature-rail,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="nvr-recorder"] .pv-feature-rail,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="parking-guidance"] .pv-feature-rail,
body[data-hj-entry-type="product"][data-hj-product-art-direction="r7"] .me-concept-diagram[data-hj-product-motif="bms-building"] .pv-feature-rail {
  opacity: .52;
}

/* Product families keep the brand system but change their technical backdrop. */
body[data-hj-entry-content-track="security-surveillance"] .me-product-artwork .pv-soft,
body[data-hj-entry-content-track="security-operations"] .me-product-artwork .pv-soft {
  fill: rgba(var(--me-r3-accent-rgb), .05);
}

body[data-hj-entry-content-track="identity-access"] .me-product-artwork .pv-shell,
body[data-hj-entry-content-track="vehicle-access-parking"] .me-product-artwork .pv-shell {
  stroke-width: 2.4;
}

body[data-hj-entry-content-track="ict-network"] .me-product-artwork .pv-wave,
body[data-hj-entry-content-track="ict-compute-storage"] .me-product-artwork .pv-wave {
  stroke-dasharray: 2 4;
}

body[data-hj-entry-content-track="communication-av"] .me-product-artwork .pv-accent-line {
  filter: drop-shadow(0 0 5px rgba(var(--me-r3-secondary-rgb), .45));
}

body[data-hj-entry-content-track="fire-life-safety"] .me-product-artwork .pv-shell,
body[data-hj-entry-content-track="lv-power-infrastructure"] .me-product-artwork .pv-shell {
  fill: rgba(var(--me-r3-accent-rgb), .04);
  stroke-width: 2.5;
}

body[data-hj-entry-content-track="special-systems"] .me-product-artwork {
  filter: drop-shadow(0 0 14px rgba(var(--me-r3-secondary-rgb), .28));
}

@media (max-width: 640px) {
  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-concept-diagram-plot {
    width: calc(100% + 4px);
    margin-inline: -2px;
  }

  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork {
    filter: url(#pv-device-shadow);
  }

  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .pv-feature text {
    font-size: 7px;
  }

  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram-head {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram-head strong {
    text-align: left;
  }

  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-concept-diagram .me-visual-legend li:nth-child(2) {
    border-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork * {
    animation: none !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork :is(.pv-shell, .pv-screen, .pv-line, .pv-line--heavy, .pv-wave, .pv-accent-line, .pv-soft) {
    fill: Canvas;
    stroke: CanvasText;
  }
  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork :is(.pv-accent, .pv-dot) {
    fill: CanvasText;
  }
}

@media print {
  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork {
    filter: none;
  }
  body[data-hj-entry-type="product"][data-hj-product-visual-version="r6"] .me-product-artwork .pv-shell {
    fill: transparent;
  }
}