.barista-product .tc-product-direct {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

@media (max-width: 760px) {
  .barista-product .barista-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .barista-product .barista-hero > .barista-hero-photo {
    order: -1 !important;
    overflow: hidden;
    grid-column: 1;
    grid-row: 1;
  }

  .vlog-product .barista-hero-photo > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
  }

  .barista-product .barista-hero > .barista-hero-copy {
    order: 0 !important;
    grid-column: 1;
    grid-row: 2;
  }
}