/** * Raise the Empathy X (Interface X) search layer above the storefront sliders. * * Empathy mounts its whole layer inside a Shadow DOM attached to the host * `.x-root-container` (appended to ). The host has no positioning by * default, so the layer paints in the root stacking context below the sliders * (`z-10`/`z-[15]`). Giving the host `position` + a high `z-index` establishes * a stacking context that lifts the entire shadow subtree above theme content * (sliders, header, menu, cart drawer — all <= z-50). */ .x-root-container { position: relative; z-index: 100; }