/* Original brand geometry and colours remain in the reviewed artwork. */
.landing-page > footer .payment-trust[hidden] { display: none; }
.landing-page > footer .payment-trust {
  grid-column: 1 / -1; min-width: 0; width: 100%; text-align: center;
  padding: .2rem 0; margin: 0;
  border-top: 1px solid var(--line);
}
.payment-trust h2 {
  margin: 0 0 .35rem; color: #aaa; font: 400 .65rem/1.5 system-ui,sans-serif;
  letter-spacing: .07em;
}
.payment-trust-scroll {
  width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden;
  overscroll-behavior-inline: contain; scrollbar-width: thin;
  scrollbar-color: #404040 transparent;
}
.payment-trust-scroll:focus-visible { outline: 1px solid #888; outline-offset: 2px; }
.payment-trust-marks {
  display: flex; flex-wrap: nowrap; justify-content: center; align-items: center;
  gap: 1rem; width: max-content; min-width: min(100%, 52rem);
  box-sizing: border-box; margin: 0; padding: 0 .5rem;
  list-style: none;
}
.payment-trust-marks li {
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 auto; padding: 0; height: 5rem;
}
.payment-trust-marks img {
  --payment-mark-height: 1.5rem;
  --payment-artwork-space: 1;
  display: block; width: auto;
  height: calc(var(--payment-mark-height) * var(--payment-artwork-space));
  object-fit: contain;
}
/* Only supplied clear space needs an optical factor: artwork is never cropped.
   Painted marks share 24px height; Bancontact keeps its required 50px width
   and the white acceptance box's own surrounding clear space. */
.payment-trust-marks [data-payment-mark="visa"] img { --payment-artwork-space: 3.31; }
.payment-trust-marks [data-payment-mark="google_pay"] img { --payment-artwork-space: 1.85; }
.payment-trust-marks [data-payment-mark="satispay"] img { --payment-artwork-space: 1.535; }
.payment-trust-marks [data-payment-mark="revolut_pay"] img { min-width: 8.125rem; }
.payment-trust-marks [data-payment-mark="bancontact"] img { width: 3.15rem; height: auto; }
/* Offset the payment artwork's built-in top clear space for a close visual gap. */
.landing-page > footer .payment-trust-processor { margin: .3rem 0 -1rem; }
.payment-trust-processor img { display: block; width: auto; height: 1.5rem; margin: 0 auto; }
.landing-page > footer .payment-trust-note {
  margin: .3rem 0 0; color: #888; font: 400 .625rem/1.5 system-ui,sans-serif;
  letter-spacing: 0;
}
.landing-page > footer .payment-trust-regional { font-size: .6rem; }
.landing-page > footer > .footer-editor-status {
  display: inline-flex; align-items: center; gap: .45rem; white-space: nowrap;
}
.footer-editor-status i {
  display: inline-block; width: .375rem; height: .375rem; border-radius: 50%;
}
@media (max-width: 34rem) {
  .payment-trust-marks { gap: 1.25rem; }
  .landing-page > footer > .footer-editor-status { justify-self: start; }
}

.landing-page > footer {min-height:1px;padding-block:0}
.payment-trust-strip {display:flex;align-items:center;justify-content:center;gap:.75rem;width:max-content;min-width:100%;margin:0 auto}