/* Local, original brand assets. Two identical groups form one seamless loop. */
.customer-band{background:#f0ede7;border-block:1px solid #dedbd5;padding:2px 0;margin:0;position:relative;z-index:1}
.customer-band .logo-strip{max-width:1440px;margin-inline:auto;position:relative;padding-right:52px}
.customer-band .logo-strip-heading{position:absolute;right:8px;top:0;bottom:0;padding:0;min-height:0;z-index:2}
.customer-band .logo-strip-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.customer-band .logo-strip-toggle{width:44px;padding:8px;color:#7b807f}
.customer-band [data-logo-toggle-label]{display:none}
.customer-band .logo-strip-group{min-width:0;justify-content:flex-start}
.logo-strip{min-width:0;max-width:100%;--logo-speed:40s}
.logo-strip-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:0 28px 8px}
.logo-strip-heading h2{font-size:14px;font-weight:500;letter-spacing:0;line-height:1.5;margin:0;color:#59636b}
.logo-strip-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#52616b;font:inherit;font-size:13px;cursor:pointer;flex-shrink:0}
.logo-strip-toggle[hidden]{display:none}
.logo-strip-toggle:hover{background:#ffffff80;border-color:#d4d1ca}
.logo-strip-toggle:focus-visible{outline:2px solid #bc4924;outline-offset:3px}
.logo-strip-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.logo-play-icon{display:none}
.logo-strip-toggle[aria-pressed="true"] .logo-play-icon{display:block}
.logo-strip-toggle[aria-pressed="true"] .logo-pause-icon{display:none}
.logo-strip-viewport{overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;min-width:0}
.logo-strip-track{display:flex;width:max-content;min-width:100%}
.logo-strip-group{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;list-style:none;padding:0;margin:0;min-width:var(--logo-viewport-width,100%)}
.logo-strip-group>li{list-style:none;flex-shrink:0;margin:0}
.customer-logo{width:136px;height:44px;display:flex;align-items:center;justify-content:center;padding:9px 12px}
.customer-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.85}
.customer-logo--nancy{padding-block:5px}
.customer-logo--podotherapie-verduin{width:164px;padding:6px 12px}
.customer-logo--system{width:60px;padding:10px 18px}
.customer-logo--system-picqer,.customer-logo--system-woocommerce{width:106px;padding-inline:13px}
.customer-logo--system-bol{width:72px;padding-inline:16px}
.logo-strip.is-ready .logo-strip-viewport{overflow:hidden}
/* Stationary edge covers avoid combining a mask with filtered moving images. */
.customer-band .logo-strip-viewport{position:relative}
.customer-band .is-ready .logo-strip-viewport:before,.customer-band .is-ready .logo-strip-viewport:after{content:'';position:absolute;z-index:1;top:0;bottom:0;width:12px;pointer-events:none}
.customer-band .is-ready .logo-strip-viewport:before{left:0;background:linear-gradient(90deg,#f0ede7,#f0ede700)}
.customer-band .is-ready .logo-strip-viewport:after{right:0;background:linear-gradient(270deg,#f0ede7,#f0ede700)}
.logo-strip.is-ready .logo-strip-track{animation:logo-strip-travel var(--logo-speed) linear infinite;animation-play-state:paused}
.logo-strip.is-playing .logo-strip-track{animation-play-state:running}
.logo-strip [data-direction="reverse"] .logo-strip-track{animation-direction:reverse}
@media(hover:hover) and (pointer:fine){.logo-strip-viewport:hover .logo-strip-track{animation-play-state:paused}}
.logo-strip--systems{margin:26px -16px 0}
.logo-strip--systems .logo-strip-heading{padding:0 16px 8px}
.logo-strip--systems .logo-strip-viewport{margin-bottom:12px;padding-block:3px}
.logo-strip--systems .logo-strip-group{min-width:0;gap:0;justify-content:flex-start}
.system-logo{padding-inline:5px}
.system-logo a{display:flex;align-items:center;justify-content:center;gap:10px;height:70px;min-width:158px;padding:16px 20px;border:1px solid #dedbd5;border-radius:12px;background:#faf9f6;color:#293943;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:border-color .15s,background .15s}
.system-logo a:hover,.system-logo a:focus-visible{border-color:#bc4924;background:#fff;outline-offset:3px}
.system-logo img{display:block;width:26px;height:26px;object-fit:contain;filter:grayscale(1) brightness(0);opacity:.85}
.system-logo--woocommerce img{width:58px}
.system-logo--picqer img{width:92px;height:32px}
.system-logo--bol img{width:58px;height:32px}
/* Keyboard users get a stationary, scrollable set of the original links. */
.logo-strip.has-keyboard-focus .logo-strip-track{animation:none;transform:none;will-change:auto}
.logo-strip.has-keyboard-focus [data-logo-clone],.logo-strip.has-keyboard-focus [data-logo-fill]{display:none}
.logo-strip.has-keyboard-focus .logo-strip-viewport{overflow-x:auto}
.logo-strip.has-keyboard-focus .logo-strip-viewport:before,.logo-strip.has-keyboard-focus .logo-strip-viewport:after{display:none}
@keyframes logo-strip-travel{to{transform:translateX(-50%)}}
@media(max-width:650px){
 .logo-strip-heading{padding-inline:20px;padding-bottom:4px}
 .logo-strip-heading h2{font-size:13px}
 .customer-logo{width:128px;height:42px;padding:9px 12px}
 .customer-logo--nancy{padding-block:5px}
.customer-logo--podotherapie-verduin{width:164px;padding:6px 12px}
 .customer-logo--system{width:56px;padding:9px 16px}
 .customer-logo--system-picqer,.customer-logo--system-woocommerce{width:100px;padding-inline:12px}
 .customer-logo--system-bol{width:68px;padding-inline:14px}
 .logo-strip--systems{margin:20px -6px 0}
 .logo-strip--systems .logo-strip-heading{padding-inline:6px}
 .system-logo{padding-inline:4px}
 .system-logo a{height:62px;min-width:146px;padding:14px 16px;font-size:14px;gap:9px;border-radius:12px}
 .system-logo img{width:24px;height:24px}
 .system-logo--woocommerce img{width:52px}
 .system-logo--picqer img{width:80px;height:28px}
 .system-logo--bol img{width:52px;height:28px}
}
@media(prefers-reduced-motion:reduce){
 .logo-strip .logo-strip-toggle,.logo-strip [data-logo-clone],.logo-strip [data-logo-fill]{display:none}
 .customer-band .logo-strip{padding-right:0}
 .logo-strip .logo-strip-track{animation:none;transform:none;width:100%;will-change:auto}
 .logo-strip .logo-strip-viewport{overflow:visible}
 .logo-strip .logo-strip-viewport:before,.logo-strip .logo-strip-viewport:after{display:none}
 .logo-strip .logo-strip-group{min-width:0;width:100%;flex-wrap:wrap;justify-content:center;row-gap:10px}
 .logo-strip--customers .customer-logo{max-width:164px}
 .logo-strip--systems .system-logo{padding:3px;flex:1 1 150px;max-width:240px}
 .logo-strip--systems .system-logo a{min-width:0;width:100%;padding-inline:14px}
}
/* Logos sit back in grey and turn black only under the pointer. */
.customer-logo img,.system-logo img{opacity:.34;transition:opacity .25s ease}
.customer-logo:hover img,.system-logo:hover img{opacity:.9}
@media(prefers-reduced-motion:reduce){.customer-logo img,.system-logo img{transition:none}}
