/* Approved customer gallery, 26 October 2026. Scoped to customer-* classes. */

 .customer-gallery{margin-top:76px;margin-bottom:76px;scroll-margin-top:120px}
 .customer-gallery-heading{max-width:740px;margin-bottom:28px}
 .customer-gallery-heading h2{margin:8px 0 12px}
 .customer-gallery-heading>p:last-child{color:#526074;font-size:18px;line-height:1.55;margin:0}
 .customer-logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
 .customer-logo{flex:0 0 calc((100% - 64px)/5);min-width:0;margin:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px 18px;min-height:164px;border:1px solid #d6e6f4;border-radius:18px;background:#fff}
 .customer-logo-art{width:100%;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden}
 .customer-logo-art>img,.customer-logo-art>svg{display:block;width:100%;height:64px;max-width:182px;max-height:64px;object-fit:contain}
 .customer-logo figcaption{font-size:14px;line-height:1.35;color:#526074;text-align:center;font-weight:500;overflow-wrap:anywhere}
 .customer-logo-biotechno .customer-logo-art>img{filter:brightness(0) saturate(100%) invert(31%) sepia(70%) saturate(3400%) hue-rotate(200deg) brightness(106%) contrast(94%)}
 .customer-logo-pcgroup .customer-logo-art>img{max-width:170px}
 .customer-logo-capitalproduct .customer-logo-art>img{max-width:156px}
 .customer-logo-azt-pharma .customer-logo-art>img,.customer-logo-step-invest .customer-logo-art>img{filter:brightness(0)}
 .customer-logo-kraft .customer-logo-art>img{max-width:110px;height:56px}
 .customer-logo-leovit>svg{max-width:164px}
 .customer-logo-leovit .logo-letter{fill:#007040}
 @media(max-width:1100px){.customer-logo{flex-basis:calc((100% - 48px)/4)}}
 @media(max-width:820px){.customer-logo{flex-basis:calc((100% - 32px)/3)}.customer-gallery{margin-top:48px;margin-bottom:48px}}
 @media(max-width:560px){.customer-logo-grid{gap:12px}.customer-logo{flex-basis:calc((100% - 12px)/2);padding:18px 12px 14px;min-height:150px;border-radius:15px}.customer-logo-art{height:66px;margin-bottom:14px}.customer-logo-art>img,.customer-logo-art>svg{height:58px;max-height:58px;max-width:100%}.customer-logo-kraft .customer-logo-art>img{max-width:100px;height:52px}.customer-logo figcaption{font-size:13px}.customer-gallery-heading>p:last-child{font-size:16px}.customer-gallery{margin-top:38px;margin-bottom:42px}}


 .customer-motion-heading{display:flex;justify-content:flex-end;margin-top:-78px;margin-bottom:28px;min-height:50px}
 .customer-motion-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}
 .customer-motion-controls[hidden],.customer-motion-button[hidden]{display:none}
 .customer-motion-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c5dff3;background:#fff;color:#0063aa;border-radius:13px;padding:11px 15px;font-size:14px;font-weight:600;line-height:1.35;font-family:inherit;cursor:pointer;min-height:44px;white-space:nowrap;transition:background .18s,border-color .18s}
 .customer-motion-button:hover{background:#edf7ff;border-color:#72b5e9}
 .customer-motion-button:focus-visible{outline:3px solid #0099e0;outline-offset:3px}
 .customer-gallery[data-logo-view="motion"] .customer-logo-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent);padding:2px 0}
 .customer-gallery[data-logo-view="motion"] .customer-logo-grid{display:grid;grid-template-rows:repeat(3,154px);grid-auto-flow:column;grid-auto-columns:216px;gap:16px;width:max-content;justify-content:start;animation:customer-logo-drift var(--logo-duration,70s) linear infinite alternate;animation-play-state:paused;will-change:transform}
 .customer-gallery[data-logo-view="motion"] .customer-logo{width:216px;min-height:154px;padding:20px 16px 16px}
 .customer-gallery[data-logo-view="motion"][data-logo-active="true"][data-logo-paused="false"] .customer-logo-grid{animation-play-state:running}
 .customer-gallery[data-logo-view="motion"] .customer-logo-viewport:hover .customer-logo-grid,.customer-gallery[data-logo-view="motion"] .customer-logo-viewport:focus-within .customer-logo-grid{animation-play-state:paused}
 @keyframes customer-logo-drift{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--logo-travel,0px)))}}
 @media(max-width:1100px){.customer-motion-heading{margin-top:0;justify-content:flex-start}.customer-motion-controls{justify-content:flex-start}}
 @media(max-width:600px){.customer-motion-heading{margin-bottom:20px}.customer-motion-controls{gap:8px}.customer-motion-button{padding:10px 12px;font-size:13px}.customer-gallery[data-logo-view="motion"] .customer-logo-grid{grid-template-rows:repeat(2,144px);grid-auto-columns:176px;gap:12px}.customer-gallery[data-logo-view="motion"] .customer-logo{width:176px;min-height:144px;padding:16px 12px 12px}.customer-gallery[data-logo-view="motion"] .customer-logo-art{height:62px;margin-bottom:13px}}
 @media(prefers-reduced-motion:reduce){.customer-gallery[data-logo-view="motion"] .customer-logo-grid{animation:none;will-change:auto}}