@media (max-width: 640px) {
  .product-card,
  .product-tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
  .product-image-link,
  .product-media {
    width: 120px !important;
    height: 120px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 8px auto 12px auto !important;
    float: none !important;
    position: static !important;
  }
  .product-image-link img,
  .product-media img,
  .product-image {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  .product-brand,
  .product-title,
  .product-meta,
  .product-details,
  .product-info-row,
  .product-title-link,
  .product-actions,
  .amazon-btn {
    text-align: center !important;
    width: 100% !important;
  }
  .product-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  /* override id-specific rules for the amazon grid on mobile */
  #amazon-protein-grid .product-card {
    align-items: center !important;
    text-align: center !important;
  }
  #amazon-protein-grid .product-image-link {
    width: 120px !important;
    height: 120px !important;
    margin: 8px auto 12px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  #amazon-protein-grid .product-image-link img,
  #amazon-protein-grid .product-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  #amazon-protein-grid .product-info-row,
  #amazon-protein-grid .product-title-link,
  #amazon-protein-grid .product-details,
  #amazon-protein-grid .amazon-btn {
    text-align: center !important;
    align-items: center !important;
    width: 100% !important;
  }
}