/* Original artwork supplied by the client; never stretch or recolor it. */
.brand .brand-logo-image {
  width: clamp(134px, 21vw, 320px);
  max-width: 100%;
  height: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.hv-official-logo {
  display: block;
  width: 100%;
  max-width: 440px;
  height: auto;
  object-fit: contain;
}
.footer-logo {
  width: min(100%, 340px);
  display: inline-flex;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f7f7f7;
}
.footer-logo img { width: 100%; height: auto; max-height: none; object-fit: contain; }
.choice-grid { grid-template-columns: minmax(0, 1fr); max-width: 1180px; }
.choice-panel.choice-holiday { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.choice-brand { width: 100%; max-width: 430px; }
.choice-brand .hv-official-logo { mix-blend-mode: multiply; }
.choice-copy { min-width: 0; padding: clamp(24px, 4vw, 48px); }
.choice-description { max-width: 100%; }
.hv-card-choices { grid-template-columns: minmax(0, 1fr); }
.hv-card-choice .hv-official-logo { background: #f7f7f7; padding: 12px; border-radius: 10px; }
.final-cards { display: flex; align-items: center; justify-content: center; }
.final-cards .final-card-holiday { position: relative; top: auto; left: auto; right: auto; width: min(100%, 400px); }
.hv-brand-symbol { display: inline-block; width: 100%; max-width: 76px; height: auto; border-radius: 50%; vertical-align: middle; }
.hv-activity-pass__top > span { background: transparent; padding: 0; }
.hv-business-orbit-core .hv-brand-symbol { max-width: 60px; }
.hv-business-network__node .hv-brand-symbol { max-width: 46px; }
@media (max-width: 800px) {
  .choice-panel.choice-holiday { grid-template-columns: minmax(0, 1fr); }
  .choice-panel.choice-holiday .choice-image { min-height: 240px; max-height: 340px; clip-path: none; }
  .choice-brand { max-width: 360px; }
  .footer-logo { max-width: 320px; }
}
@media (max-width: 680px) {
  /* The original symbol keeps both the brand and the purchase CTA legible. */
  .site-header .brand {
    width: 44px;
    min-width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: url('../images/holidays-voucher-symbol.png') center / contain no-repeat;
  }
  .site-header .brand .brand-logo-image {
    width: 44px !important;
    opacity: 0;
  }
}