body.template-collection {
  .page-header.show_image_above_heading {
    &.page-header--padded-small .image-overlay__image {
      min-height: 200px;
    }

    &.page-header--padded-medium .image-overlay__image {
      min-height: 350px;
    }

    &.page-header--padded-large .image-overlay__image {
      min-height: 500px;
    }

    &.page-header--padded-huge .image-overlay__image {
      min-height: 600px;
    }

    &.page-header--padded-auto .image-overlay__image {
      min-height: unset;
    }

    &.page-header--padded-auto .image-overlay__image > img {
      position: relative;
    }

    .image-overlay__image {
      position: relative;
      width: 100%;
      display: none;
      @media (min-width: 768px) {
        display: block;
      }
    }

    .text-overlay,
    .text-overlay__text,
    .text-overlay__title,
    .text-overlay__rte, .text-overlay__rte * {
      /* overriding --image-overlay-text-color */
      color: rgb(var(--body-text-color));
    }

    .text-overlay {
      padding-top: 0px;
      padding-bottom: 0px;

      max-width: var(--page-container-width);
      margin-right: auto;
      margin-left: auto;
      padding-right: var(--container-pad-x);
      padding-left: var(--container-pad-x);

      .text-overlay__inner {
        padding-left: 0;
        padding-right: 0;
        &::before {
          background: none;
        }
      }
      .text-overlay__text {
        .text-overlay__title {
          font-size: 22px;
          text-align: left;
        }
        .text-overlay__rte {
          font-size: 13px;
          text-align: left;
          max-width: unset;
        }
      }
    }
  }

  /* Disable the product block gallary's arrow icons & image dots on the PLP for mobile devices */
  .product-block .image-page-button {
    &.image-page-button--previous,
    &.image-page-button--next {
      @media (max-width: 768px) {
        display: none;
      }
    }
  }
  .product-block .product-block__image-dots {
    @media (max-width: 768px) {
      display: none;
    }
  }
}