.brands-intro{max-width:780px;font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.6;color:#526573}
.brands-jump{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 48px}
.brands-jump a{border:1px solid #c8d8e4;border-radius:999px;padding:10px 18px;color:#123661;text-decoration:none;font-size:15px}
.brands-jump a:hover{background:#edf6fa}
.brands-collection{position:relative;min-width:0;margin:0 0 52px;padding-top:66px;scroll-margin-top:160px}
.brands-collection>h2{padding-right:110px;margin:0 0 24px;font-size:clamp(1.7rem,2.7vw,2.5rem)}
.brands-rail{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 16px!important;max-width:100%;scrollbar-width:thin;scrollbar-color:#bdd0df #f0f5f8}
.brands-rail>*{margin-block-start:0!important}
.brands-rail:focus-visible,.brands-jump a:focus-visible,.brands-controls button:focus-visible{outline:3px solid #1668df;outline-offset:3px}
.brand-card{min-width:0;overflow:hidden;scroll-snap-align:start;background:#f4f8fb;border:1px solid #dde7ed;border-radius:22px;align-self:stretch}
.brand-card__media{margin:0!important;width:100%;height:auto;aspect-ratio:5/3;background:white;overflow:hidden}
.brand-card__media img,.brand-card__media picture{display:block;width:100%;height:100%}
.brand-card__media img{object-fit:cover}
.brand-card__media--logo img{object-fit:contain;padding:18px;box-sizing:border-box}
.brand-card>h3{font-family:inherit;font-size:18px;font-weight:600;line-height:1.3;margin:0!important;padding:20px 18px;text-align:center}
.brands-controls{position:absolute;top:0;right:0;display:flex;gap:8px}
.brands-controls button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #c7d8e5;border-radius:50%;background:white;color:#143e68;cursor:pointer;font:22px/1 sans-serif}
.brands-controls button:disabled{opacity:.35;cursor:default}
.brands-controls button:hover:not(:disabled){background:#edf6fa}
.brands-visit{border-radius:24px;background:#edf6fa;padding:32px!important;margin-block:24px 48px!important}
.brands-visit h2{margin-top:0}
.brands-visit p{max-width:850px}
@media(max-width:1100px){.brands-rail{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:780px){.brands-rail{grid-auto-columns:calc((100% - 16px)/2);gap:16px}.brands-jump{margin-bottom:36px}.brands-collection{scroll-margin-top:110px}.brand-card>h3{font-size:16px;padding:16px}}
@media(max-width:500px){.brands-rail{grid-auto-columns:82%;gap:14px}.brands-collection{margin-bottom:38px}.brands-collection>h2{font-size:28px;padding-right:98px;margin-bottom:18px}.brands-jump a{font-size:14px;padding:9px 14px}.brands-controls button{width:40px;height:40px}.brands-visit{padding:24px!important}.brands-intro{font-size:18px}}
@media(prefers-reduced-motion:reduce){.brands-rail{scroll-behavior:auto}}