/**
 * MiTrade24 mobile hits cards and touch carousel.
 * Scope: only the home-page [data-mi-hit-products] block on small screens.
 * Rollback: remove this file's Asset::addCss() registration.
 */
@media (max-width: 600px) {
  [data-mi-hit-products] .mi-products-viewport {
    margin-right: 0;
    padding: 3px 3px 10px;
    overflow-x: auto !important;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 3px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
  }

  [data-mi-hit-products] .mi-products-viewport::-webkit-scrollbar {
    display: none;
  }

  [data-mi-hit-products] .mi-products {
    gap: 12px;
    transform: none !important;
    transition: none;
  }

  [data-mi-hit-products] .mi-product {
    flex: 0 0 calc((100% - 12px) / 2);
    padding: 8px 8px 10px !important;
    border: 1px solid #dfe9e6 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(24, 59, 55, .06) !important;
    scroll-snap-align: start;
    scroll-snap-stop: normal;
  }

  [data-mi-hit-products] .mi-product:hover {
    transform: none;
  }

  [data-mi-hit-products] .mi-product__image {
    border-radius: 12px;
  }

  [data-mi-hit-products] .mi-product__buy-row {
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 6px;
  }

  [data-mi-hit-products] .mi-product__cart {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}