.brands-section{--brands-grid-gap: 20px;--brands-card-bg: rgba(0, 0, 0, .03);--brands-card-border: #111111;--brands-card-border-hover: #fa903a;--brands-card-padding: 40px;--brands-columns: 6;position:relative;overflow:hidden}.brands-container{max-width:1400px;margin:0 auto}.brands-header{text-align:center;margin-bottom:60px}.brands__heading{margin:0;font-family:var(--font-h2--family, "NeueHaasH2", sans-serif);font-weight:var(--font-h2--weight, 300);font-synthesis:none;font-size:var(--font-h1--size);line-height:var(--font-h1--line-height, 1.1);letter-spacing:var(--ls-headings, var(--font-h1--letter-spacing, .06em));text-transform:uppercase}.brands__paragraph{margin:20px auto 0;max-width:720px;font-family:var(--font-paragraph--family);font-size:var(--font-paragraph--size, 1rem);line-height:var(--font-paragraph--line-height, 1.7);letter-spacing:var(--font-paragraph--letter-spacing, normal)}.brands-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:0 auto 48px;padding:0 20px;max-width:960px}.brands-tabs__btn{-webkit-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid transparent;padding:8px 2px 10px;margin:0;cursor:pointer;font-family:var(--font-paragraph--family);font-size:clamp(13px,1.4vw,16px);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#11111173;transition:color .2s ease,border-color .2s ease}.brands-tabs__btn:hover{color:#111}.brands-tabs__btn.is-active{color:#fa903a;border-bottom-color:#fa903a}.brands-tabs__panel[hidden],.brands-grid.brands-tabs__panel:not(.is-active){display:none!important}.brands-grid.brands-tabs__panel.is-active{display:flex!important}.brands-empty--panel{flex:1 1 100%;width:100%;padding:40px 20px}@media(max-width:749px){.brands-tabs{gap:6px 16px;margin-bottom:32px;padding:0 16px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.brands-tabs::-webkit-scrollbar{display:none}.brands-tabs__btn{flex:0 0 auto;white-space:nowrap;font-size:12px}.brands-header{padding-inline:24px;box-sizing:border-box}}.brands-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--brands-grid-gap);margin:0;padding:0;list-style:none;width:100%}.brands-grid__item{position:relative;flex:0 0 calc((100% - (var(--brands-columns) - 1) * var(--brands-grid-gap)) / var(--brands-columns));max-width:calc((100% - (var(--brands-columns) - 1) * var(--brands-grid-gap)) / var(--brands-columns));box-sizing:border-box;aspect-ratio:1 / 1;min-height:200px;background:var(--brands-card-bg);border:1px solid var(--brands-card-border);border-radius:8px;overflow:hidden;transition:border-color .22s ease;--hover-bg: rgba(0, 0, 0, .05)}.brands-grid__item:hover{border-color:var(--brands-card-border-hover)}.brands-card{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--brands-card-padding);text-decoration:none;position:relative;z-index:1}.brands-card__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:brightness(.95) contrast(1.05);transition:filter .28s ease}.brands-card:hover .brands-card__image{filter:brightness(1.1) contrast(1)}.brands-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:.4}.brands-card__placeholder-text{margin:0;font-family:var(--font-paragraph--family);font-size:14px;color:#00000080;letter-spacing:.3px}.brands-empty{text-align:center;padding:80px 20px;color:#00000080;font-family:var(--font-paragraph--family);font-size:16px}@media(max-width:989px){.brands-section{--brands-columns: 4}.brands-grid{gap:16px}.brands-card{--brands-card-padding: 30px}.brands-header{margin-bottom:40px}}@media(max-width:749px){.brands-section{--brands-columns: 2}.brands-grid{gap:12px}.brands-card{--brands-card-padding: 24px}.brands-header{margin-bottom:32px}.brands-grid__item{min-height:160px}}@media(max-width:479px){.brands-grid{gap:10px}.brands-card{--brands-card-padding: 20px;border-radius:6px}.brands-grid__item{min-height:140px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/brands.css.map */