/* Logo bank (LogoBank.astro), every logo row on the site: per-logo optical heights and a label on a rule. Moved out of
   site-components.css so /book-call, which does not load the site layers, can show the same customer bank (D-109).
   Loaded right after site-components.css, so the cascade on every other page is unchanged. */
.z-logo-bank.z-logo-bank--bare { padding: 0; background: transparent; border: 0; }
.z-logo-bank__marquee { --gap: 56px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent); mask-image: linear-gradient(90deg, transparent, #000 64px, #000 calc(100% - 64px), transparent); }
.z-logo-bank__item, .z-logo-bank__item--wide, .z-logo-bank__item--stack { width: auto !important; height: 40px; }
.z-logo-bank__item img { height: var(--h, 22px) !important; width: auto !important; max-width: none !important; max-height: none !important; filter: grayscale(1); opacity: .85; }
.z-logo-bank__item:hover img { filter: none; opacity: 1; }
.z-logo-bank--labelled { display: flex; align-items: center; gap: 32px; max-width: 84rem; margin: 0 auto; }
.z-logo-bank--labelled .z-logo-bank__marquee { flex: 1 1 auto; min-width: 0; }
.z-logo-bank__label { flex: 0 0 auto; max-width: 12.5rem; margin: 0; padding-right: 32px; border-right: 1px solid var(--z3-rule-2, #c8bfb1); font: 500 14px/1.4 var(--z-font-body); letter-spacing: 0; color: var(--z3-body, #323232); text-align: left; }
@media (max-width: 767px) {
  .z-logo-bank--labelled { flex-direction: column; align-items: flex-start; gap: 16px; }
  .z-logo-bank__label { max-width: none; padding-right: 0; border-right: 0; font-size: 13px; }
  .z-logo-bank--labelled .z-logo-bank__marquee { width: 100%; }
  .z-logo-bank__marquee { --gap: 40px; }
  .z-logo-bank__item img { height: calc(var(--h, 22px) * .8) !important; }
}
/* Customer logo strip label ("Thousands of businesses already switched to Zamp."): two balanced lines on desktop (user,
   2026-10-31). Wider than the 12.5rem cap set for the shorter labels it replaced. */
@media (min-width: 768px) { html body .z-logo-bank .z-logo-bank__label { max-width: 15.5rem !important; text-wrap: balance; } }