/* Local-only media refresh for the homepage, media resources, and contact pages. */
html body .buyer-action-card.menu-test-card {
  display: grid !important;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
  align-items: center !important;
  gap: clamp(28px, 4vw, 64px) !important;
  padding: clamp(28px, 3.4vw, 52px) !important;
  color: #111111 !important;
  background: #ffffff !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  box-shadow: 0 24px 68px rgba(17, 17, 17, 0.08) !important;
}

html body .buyer-action-card.menu-test-card::before {
  display: none !important;
}

html body .buyer-action-card.menu-test-card > * {
  max-width: none !important;
}

html body .buyer-action-card.menu-test-card .menu-test-copy {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
}

html body .buyer-action-card.menu-test-card .menu-test-visual {
  min-width: 0 !important;
  min-height: 340px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 20px !important;
}

html body .buyer-action-card.menu-test-card .menu-test-visual img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 430px !important;
  border: 0 !important;
  border-radius: 18px !important;
  object-fit: contain !important;
}

html body .buyer-action-card.menu-test-card .eyebrow,
html body .buyer-action-card.menu-test-card h2 {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

html body .buyer-action-card.menu-test-card p {
  color: rgba(17, 17, 17, 0.66) !important;
  -webkit-text-fill-color: rgba(17, 17, 17, 0.66) !important;
}

html body .buyer-action-card.menu-test-card .steps {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body .buyer-action-card.menu-test-card .steps span {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(17, 17, 17, 0.16) !important;
  backdrop-filter: blur(12px) !important;
}

html body .buyer-action-card.menu-test-card .button.primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #111111 !important;
  border-color: #111111 !important;
}

html body.media-page .media-hero-visual,
html body .contact-hero-visual {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}

html body.media-page .media-hero-visual img,
html body .contact-hero-visual img {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 22px !important;
  object-fit: cover !important;
}

html body.media-page .media-hero-visual img {
  object-fit: contain !important;
  object-position: center !important;
}

html body.media-page .media-hero-visual {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
}

html body .contact-hero-visual img {
  object-position: 56% center !important;
}

html body.media-page .media-kit-card,
html body.media-page .media-proof-card {
  display: none !important;
}

@media (max-width: 760px) {
  html body.media-page .media-hero-copy,
  html body .contact-hero-copy {
    padding-right: 52px !important;
  }

  html body .global-proof-section .client-logo-card {
    flex-basis: 68px !important;
    width: 68px !important;
    height: 68px !important;
  }

  html body .global-proof-section .client-logo-card img {
    width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    max-height: 54px !important;
  }

  html body .buyer-action-card.menu-test-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    min-height: 0 !important;
    padding: 14px 14px 24px !important;
    background: #ffffff !important;
    border-radius: 22px !important;
  }

  html body .buyer-action-card.menu-test-card::before {
    display: none !important;
  }

  html body .buyer-action-card.menu-test-card > * {
    max-width: none !important;
  }

  html body .buyer-action-card.menu-test-card .menu-test-copy {
    padding-right: 52px !important;
  }

  html body .buyer-action-card.menu-test-card .menu-test-visual {
    order: -1 !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
  }

  html body .buyer-action-card.menu-test-card .menu-test-visual img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 16px !important;
    object-fit: contain !important;
  }

  html body .buyer-action-card.menu-test-card .menu-test-copy h2 {
    max-width: none !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }

  html body .buyer-action-card.menu-test-card .steps {
    margin: 18px 0 20px !important;
    padding: 0 !important;
  }

  html body.media-page .media-hero-visual,
  html body .contact-hero-visual {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    aspect-ratio: 4 / 3 !important;
  }

  html body.media-page .media-hero-visual {
    aspect-ratio: 16 / 9 !important;
  }

  html body.media-page .media-hero-visual img,
  html body .contact-hero-visual img {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 18px !important;
  }

  html body.media-page .media-hero-visual img {
    object-fit: contain !important;
  }

  html body .contact-hero-visual img {
    object-fit: cover !important;
    object-position: 58% center !important;
  }
}