/* Shared conversion hierarchy for product landing pages. */
.h2h-more-products {
  padding: 44px 20px !important;
}

.h2h-more-products h2 {
  font-size: clamp(22px, 3vw, 30px) !important;
}

.h2h-more-products__card:hover {
  transform: translateY(-1px) !important;
  border-color: #aebdb7 !important;
  box-shadow: 0 5px 14px rgba(31, 60, 51, 0.06) !important;
}

.h2h-more-products__button {
  padding: 13px 24px !important;
  border: 1px solid #9eaaa6 !important;
  background: transparent !important;
  color: #53675f !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

.h2h-more-products__button:hover {
  background: #fff !important;
  transform: translateY(-1px) !important;
}

/* Display the square brand artwork in full instead of cropping it. */
.h2h-portal-logo-link {
  width: 220px !important;
  height: 220px !important;
  overflow: hidden !important;
}

.h2h-portal-logo-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
}

@media (max-width: 760px) {
  .h2h-more-products {
    padding: 44px 18px !important;
  }

  .h2h-portal-logo-link {
    width: 190px !important;
    height: 190px !important;
  }
}