/*
 * JP-1046 - restore mobile spacing above the sub-cards on the
 * Shopsystem / E-Commerce topic page.
 *   DE: /de/themen/shopsystem/shop-und-wawi      (post 288435)
 *   EN: /en/topics/ecommerce/ecommerce-and-erp   (post 293999)
 *
 * These blue sub-cards carry an author-set inline `margin-top: 35px` (the widget's
 * `offset_y` attribute). They also carry the class `md-offset-y-none`, whose widget
 * rule forces `margin-top: 0 !important` at <=767px. A stylesheet !important beats
 * an inline non-important value, so on mobile the authored 35px is overridden to 0
 * and the card sits flush - a 0px gap - against the paragraph above it ("too close").
 *
 * The widget's mobile zero exists to neutralise the NEGATIVE default offset
 * (offset_y defaults to -32px; sibling cards elsewhere use -40px), which would
 * otherwise overlap the text above on small screens. It is too broad: it also zeroes
 * these cards' POSITIVE authored 35px. This override re-asserts that authored 35px on
 * this page's twins at mobile - matching the value the editor set on the card itself
 * (verified: every md-offset-y-none card on both twins has offset_y="35px").
 *
 * Scope: 288435 is the DE page-id, which WPML also stamps on the EN twin's <body>
 * (the EN page carries page-id-293999 AND page-id-288435). This selector therefore
 * matches BOTH language twins and no other page - a bilingual, non-leaking scope,
 * verified by reading the rendered <body class> on each twin.
 *
 * The button-label left-alignment (the other half of the reported bug) is now
 * handled in the ProductButtonsGroup widget itself (JP-1036) and needs no page
 * override here.
 */
@media screen and (max-width: 767px) {
  body.page-id-288435 .product-subcard-widget.md-offset-y-none {
    margin-top: 35px !important;
  }
}