/* SHOP-1.0.16 FIX1 - MOBILE LOGIN/REGISTER STACK
   Login/register/guest-checkout pages (account/login, checkout/login,
   affiliate/login) all render their "New customer" / "Existing customer"
   panels via a shared .row.login-box > .col-sm-6 structure. style.css
   turns .login-box into a flex row (display: flex, children forced to
   width: 100%) with no flex-wrap, so it never lets Bootstrap's own
   mobile-first column stacking take over below the sm breakpoint: the
   two col-sm-6 panels stay side by side on a single flex line and get
   squeezed/clipped instead of stacking, worse on EN where "Existing
   Customer" is longer. Undo the flex layout below 768px so the columns
   fall back to plain stacked blocks; desktop (>=768px) keeps the
   original flex, equal-height-columns behavior untouched. */

@media (max-width: 767px) {
    .login-box {
        display: block;
    }

    .login-box::before,
    .login-box::after {
        content: " ";
        display: table;
    }

    .login-box::after {
        clear: both;
    }

    .login-box > div {
        width: auto;
    }

    .login-box .well {
        height: auto;
    }
}