.banner-brands{background-color:#fc0706;width:100%;overflow:hidden}.banner-brands__container{margin:0 auto;padding:0 120px;display:flex;align-items:center;justify-content:center}.banner-brands__heading{max-width:271px;width:100%}.banner-brands__title{font-family:Roboto,sans-serif;font-weight:600;font-size:16px;line-height:1;color:#fff;text-transform:uppercase;margin:0;letter-spacing:.5px}.banner-brands__content{display:flex;align-items:center;width:auto}.banner-brands__content--marquee{overflow:hidden}.banner-brands__logos{display:flex;align-items:center;gap:60px;flex-wrap:nowrap}.banner-brands__content--marquee .banner-brands__logos{animation:marqueeScroll 30s linear infinite;flex-wrap:nowrap;width:max-content}.banner-brands__logo-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease}.banner-brands__logo-item:hover{transform:scale(1.05);opacity:.8}.banner-brands__logo-link{display:block;text-decoration:none;transition:transform .3s ease}.banner-brands__logo-link:hover{transform:translateY(-2px)}.banner-brands__logo-wrapper{display:flex;align-items:center;justify-content:center;height:60px;max-width:136px}.banner-brands__logo-image{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);transition:filter .3s ease}.banner-brands__logo-link:hover .banner-brands__logo-image{filter:brightness(0) invert(1) opacity(.8)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner-brands__content--marquee:hover .banner-brands__logos{animation-play-state:paused}@media screen and (max-width: 1199px){.banner-brands__container{flex-direction:column}.banner-brands__content[data-marquee=false]{flex-wrap:wrap;gap:16px}.banner-brands__heading{max-width:max-content;margin:0 auto;padding-bottom:16px}.banner-brands__logos{gap:40px}}@media screen and (max-width: 990px){.banner-brands__container{padding:0 40px}.banner-brands__logos{gap:30px}.banner-brands__logo-wrapper{max-width:120px;height:50px}}@media screen and (max-width: 768px){.banner-brands__container{padding:0 20px}.banner-brands__content[data-marquee=false] .banner-brands__logos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:center;justify-items:center}.banner-brands__title{font-size:14px;text-align:center}.banner-brands__logos{gap:20px;justify-content:center;flex-wrap:wrap}.banner-brands__content--marquee .banner-brands__logos{flex-wrap:nowrap;justify-content:flex-start}.banner-brands__logo-wrapper{max-width:100px;height:40px}.banner-brands__heading{text-align:center}}@media (prefers-contrast: high){.banner-brands__logo-image{filter:brightness(0) invert(1) contrast(2)}}@media (prefers-reduced-motion: reduce){.banner-brands__content--marquee .banner-brands__logos{animation:none}.banner-brands__logo-item:hover,.banner-brands__logo-link:hover{transform:none}}.banner-brands__logo-link:focus{outline:2px solid #ffffff;outline-offset:2px;border-radius:4px}.banner-brands__logo-link:focus:not(:focus-visible){outline:none}.banner-brands__logo-link:focus-visible{outline:2px solid #ffffff;outline-offset:2px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-banner-brands.css.map */