/* JP-1028 — shopsystem "decorated-container" cards lose their content inset on
   mobile, so the heading + text sit flush/cramped against the card edges (the
   "collapsed" look) — e.g. "Grundlegende SEO-Faktoren im Onlineshop",
   "Nutzerfreundlichkeit, UX & SEO-Signale im Onlineshop" (EN: "User-friendliness,
   UX & SEO signals in the online store") on gaio-seo, and "Kundenbindung via
   Onlineshop" on vorzuege.

   Cause: the DecoratedContainer widget zeroes the content padding on small
   screens —
     `.decorated-container-items-wrapper { padding: 0 }`  @max-width:500px
     `.decorated-container-wrapper       { padding: 16px }` @max-width:768px
   so the 40px side inset the card has on desktop is gone on mobile.

   Fix: restore a horizontal padding on the items-wrapper for these pages on
   mobile so the content keeps a proper inset from the card edges. `#app` gives
   the selector enough specificity to win. Scoped to the two shopsystem pages;
   the DE page-ids also match their EN WPML twins (CLAUDE.md rule 21).

   NOTE: verified statically — the page OOM-crashes headless on this box. Review
   on the dev clone at mobile and tune the 16px value if the inset should be
   larger/smaller. */

@media (max-width: 767.98px) {
    body.page-id-288453 #app .decorated-container-inner .decorated-container-wrapper .decorated-container-items-wrapper,
    body.page-id-288423 #app .decorated-container-inner .decorated-container-wrapper .decorated-container-items-wrapper {
        padding-top: 16px !important;
        padding-right: 16px !important;
        padding-bottom: 16px !important;
        padding-left: 16px !important;
    }

    /* The light-blue subcard (`.product-subcard-widget`) carries the
       `md-offset-y-none` class, which the widget zeroes to `margin-top: 0` on
       mobile — killing the editor's inline `margin-top` and collapsing the gap
       between the subcard and the content above it. Restore a real gap. */
    body.page-id-288453 #app .product-subcard-widget.md-offset-y-none,
    body.page-id-288423 #app .product-subcard-widget.md-offset-y-none {
        margin-top: 40px !important;
    }
}