/*
 * JP-1183 — Shopsystem (DE + EN twin): top-align every "cards + diagram" row so
 * the col-lg-4 diagram's top lines up with the top of the first card row.
 *
 * jp-1016 sets align-items:center as the DEFAULT for every col-lg-8 + col-lg-4
 * figure row on this page, then flips a couple back to flex-start per image.
 * On this page EVERY such row is a tall card grid beside a shorter diagram, so
 * centring drops the diagram far below row 1:
 *   - Customer-Journey                (col-8 1208px) -> ~376px too low
 *   - Systemlandschaft/Schnittstellen (col-8  672px) -> ~108px too low
 * (the two rows jp-1016 already excepts are flex-start already). Figma aligns
 * the diagram top with the first card row in all of them, so top-align the whole
 * pattern rather than list images one by one: this is the exact inverse of
 * jp-1016's default rule and loads after it, so flex-start wins. It matches the
 * same 4 rows jp-1016's default targets and nothing else; the two already-
 * flex-start rows are unaffected (flex-start over flex-start).
 *
 * Covers both twins: the EN page (294026, /en/topics/ecommerce/) carries
 * page-id-288138 and uses the same figure markup, so one rule fixes DE and EN.
 */
body.page-id-288138 #app .row:has(> div[class*="col-lg-8"]):has(> div[class*="col-lg-4"] img.figure-img) {
    align-items: flex-start !important;
}