/* Purchase header only. Reuses the order-query brand artwork and gold lettering. */
.purchase-brand {
  display: flex; align-items: center; gap: 9px; flex: 0 0 auto;
  box-sizing: border-box; width: 218px; min-height: 56px; padding: 7px 0;
  background: transparent; text-decoration: none !important; line-height: 1;
  cursor: pointer; border-radius: 8px; transition: opacity .18s ease;
}
.purchase-brand:hover { opacity: .83; }
.purchase-brand:focus-visible { outline: 2px solid #a95c04; outline-offset: 3px; }
.purchase-brand .brand-gold-icon {
  display: block; flex: 0 0 40px; width: 40px; height: 40px;
  object-fit: contain; border-radius: 11px;
}
.purchase-brand .brand-gold-copy { display: block; min-width: 0; text-align: left; }
.purchase-brand .brand-gold-name,
.purchase-brand .brand-gold-tagline { display: block; color: #a95707; white-space: nowrap; }
.purchase-brand .brand-gold-name { font-size: 19px; font-weight: 800; line-height: 23px; letter-spacing: .7px; }
.purchase-brand .brand-gold-tagline { margin-top: 2px; font-size: 11px; font-weight: 500; line-height: 15px; letter-spacing: 0; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .purchase-brand .brand-gold-name,
  .purchase-brand .brand-gold-tagline {
    background-image: linear-gradient(110deg,#985008 0%,#c07513 27%,#e6a82c 43%,#af5b08 60%,#985008 100%);
    background-size: 230% 100%; -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent;
    animation: purchase-brand-lettering 5s ease-in-out infinite alternate;
  }
  .purchase-brand .brand-gold-tagline { animation-delay: -.6s; }
}
@keyframes purchase-brand-lettering { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
.purchase-brand-header .purchase-header-row {
  display: grid !important; grid-template-columns: auto minmax(0,1fr) auto;
  column-gap: 24px; min-height: 70px;
}
.purchase-brand-header .header_left {
  min-width: 0; height: auto; min-height: 48px; flex-wrap: wrap; gap: 6px 12px;
  padding-left: 24px; border-left: 1px solid #e8ebf2;
}
.purchase-brand-header .header_logo {
  display: flex; align-items: center; gap: 10px; margin-right: 0; min-width: 0;
  max-width: 100%; font-size: 18px; line-height: 1.35; overflow-wrap: anywhere;
}
.purchase-brand-header .header_logo img { flex: 0 0 38px; width: 38px; height: 38px; margin-right: 0; }
.purchase-brand-header .online-btn { margin: 0; max-width: 100%; }
.purchase-brand-header .header_link { margin-left: 0; overflow-wrap: anywhere; }
.purchase-brand-header .header_right { height: 70px; flex-shrink: 0; }
.purchase-brand-mobile-bar { padding: 4px 16px; background: #fff; border-bottom: 1px solid #edf0f5; }
@media (max-width: 991px) {
  .purchase-brand-header .purchase-header-row { column-gap: 16px; }
  .purchase-brand-header .header_left { padding-left: 16px; }
  .purchase-brand-header .online-btn { font-size: 11px; }
}
@media (max-width: 767px) {
  .purchase-brand-header { position: relative; }
  .purchase-brand-header .purchase-header-row { grid-template-columns: minmax(0,1fr) auto; gap: 0 10px; }
  .purchase-brand-header .header_left {
    grid-row: 2; grid-column: 1 / -1; padding: 10px 0 12px;
    border-left: 0; border-top: 1px solid #edf0f5; gap: 8px 14px;
  }
  .purchase-brand-header .header_right { height: 64px; }
  .purchase-brand-header .header_button { width: 106px; height: 38px; }
  .purchase-brand-header .header_logo { font-size: 16px; }
  .purchase-brand-header .header_logo img { flex-basis: 30px; width: 30px; height: 30px; }
  .purchase-brand-header ~ #payform .section--first { padding-top: 24px; }
  .purchase-brand { width: 180px; min-height: 52px; gap: 6px; }
  .purchase-brand .brand-gold-icon { flex-basis: 32px; width: 32px; height: 32px; border-radius: 9px; }
  .purchase-brand .brand-gold-name { font-size: 17px; line-height: 20px; letter-spacing: .3px; }
  .purchase-brand .brand-gold-tagline { font-size: 10px; line-height: 13px; }
}
@media (max-width: 359px) {
  .purchase-brand { width: 162px; gap: 4px; }
  .purchase-brand .brand-gold-icon { flex-basis: 27px; width: 27px; height: 27px; }
  .purchase-brand-header .header_button { width: 96px; }
}
@media (prefers-reduced-motion: reduce) {
  .purchase-brand { transition: none; }
  .purchase-brand .brand-gold-name, .purchase-brand .brand-gold-tagline { animation: none; }
}