/* Alfa Star mobile fixes — isolated from the original template CSS */

/* The first order-step replacement image is 1080x1080 while the template's
   other mobile step images are 112x112. Display it at the intended card size
   without stretching or changing the source image. */
@media screen and (max-width: 991px) {
  .b-block11 img.b-img[src*="b11_img_1_wap-2"] {
    width: 112px !important;
    height: auto !important;
    max-width: 112px !important;
  }

  /* Allow vertical page scrolling while still recognizing horizontal swipes. */
  .b-block9 .b-box-comments {
    touch-action: pan-y;
    -ms-touch-action: pan-y;
  }
}

/* Keep the same first-step image proportional on desktop too.
   This also removes the old dependency on the animation class for its width. */
@media screen and (min-width: 992px) {
  .b-block11 img.b-img[src*="b11_img_1_wap-2"] {
    width: 179px !important;
    height: auto !important;
    max-width: 179px !important;
  }
}