@media (max-width: 768px) {

  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  main, section, article, div {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }

  h1, h2, h3,
  .hero-title,
  .product-title,
  .collab-title,
  .title {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-height: .95 !important;
  }

  .collab-title span,
  h1 span,
  h2 span,
  h3 span {
    white-space: normal !important;
  }

  .product-price,
  .price,
  .old-price,
  .compare-price {
    max-width: 100% !important;
    white-space: normal !important;
  }

  .artist-grid,
  .product-grid,
  .gallery,
  .product-gallery,
  .thumbnails {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .artist-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}