.md-header-brands{--md-header-brand-gap: 1.8rem;position:relative;display:block;width:100%;box-sizing:border-box;padding:2rem 2.8rem}.md-header-brands-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain}.md-header-brands-viewport::-webkit-scrollbar{display:none}.md-header-brands-track{display:flex;width:100%;gap:var(--md-header-brand-gap);align-items:flex-start}.md-header-brand-item{flex:0 0 calc((100% - 9rem) / 6);min-width:0;gap:.8rem;scroll-snap-align:start}.md-header-brand-item>a{display:block;width:100%}.md-header-brand-card,.md-header-brand-card.mega-menu-grid-item-image--contain{width:100%;height:11.3rem;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;padding:1.6rem 2rem;overflow:hidden;background:color-mix(in srgb,rgba(var(--color-foreground)),rgba(var(--color-background)) 96%);border:0;border-radius:var(--border-radius-base)}.md-header-brand-card img{display:block;width:100%;height:100%;max-width:19rem;max-height:6.5rem;margin:auto;object-fit:contain;transition:transform .2s ease}.md-header-brand-item:hover .md-header-brand-card img{transform:scale(1.025)}.md-header-brands-nav{position:absolute;z-index:2;top:50%;width:2.4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;padding:0;transform:translateY(-50%);border:0;border-radius:0;background:transparent;color:rgba(var(--color-foreground));opacity:.55;cursor:pointer}.md-header-brands-nav:hover,.md-header-brands-nav:focus-visible{background:transparent;opacity:1}.md-header-brands-nav--prev{inset-inline-start:0}.md-header-brands-nav--next{inset-inline-end:0}.md-header-brands-nav .angle{margin:0}@media(max-width:1399px){.md-header-brand-item{flex-basis:calc((100% - 7.2rem)/5)}}@media(max-width:1199px){.md-header-brands{padding-inline:2.4rem}.md-header-brand-card,.md-header-brand-card.mega-menu-grid-item-image--contain{height:10.4rem;padding-inline:1.5rem}.md-header-brand-card img{max-height:5.8rem}.md-header-brands-nav{width:2rem;height:3.6rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/md-header-brands.css.map */