.brand-boxes{--brand-box-w: 15.6rem;--brand-box-h: 7.6rem;display:flex;flex-direction:column;align-items:stretch;gap:1.6rem}.brand-boxes{max-width:100%;min-width:0;overflow:hidden}.brand-boxes>.brand-boxes__viewport{flex:1 1 auto;width:100%;min-width:0;max-width:100%;margin-left:0;margin-right:0;overflow:hidden}.brand-boxes__label{flex:0 0 auto;margin:0;padding:0 1.5rem;text-align:center;color:#111827;font-size:2.6rem;font-weight:700;line-height:1.2}.brand-boxes__track{display:flex;align-items:center;gap:1.2rem;padding-right:1.2rem}.brand-box{display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:var(--brand-box-w);height:var(--brand-box-h);padding:1.2rem 1.6rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;white-space:normal}.brand-box__logo{display:block;width:100%;height:100%;object-fit:contain}.brand-box__name{color:#203681;font-size:1.5rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere}a.brand-box:hover,a.brand-box:focus-visible{border-color:#1e9cd6}@media screen and (max-width:749px){.brand-boxes{--brand-box-w: 12rem;--brand-box-h: 6rem;flex-direction:column;align-items:stretch;gap:1rem}.brand-boxes__label{font-size:2.2rem}.brand-box{padding:.8rem 1.2rem}.brand-box__name{font-size:1.3rem}}.page-brands .rte p:has(>img){display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.2rem;margin-top:2.4rem}.page-brands .rte p:has(>img)>img,.page-brands .rte p:has(>img)>strong,.page-brands .rte p:has(>img)>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:8.8rem;margin:0;padding:1.2rem 1.6rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#203681;font-size:1.5rem;font-weight:700;line-height:1.2;text-align:center;object-fit:contain}@media screen and (max-width:749px){.page-brands .rte p:has(>img){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.page-brands .rte p:has(>img)>img,.page-brands .rte p:has(>img)>strong,.page-brands .rte p:has(>img)>a{height:7.2rem;font-size:1.3rem}}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1.2rem;margin:2.4rem 0 0;padding:0;list-style:none}.brand-grid .brand-box{width:100%;height:8.8rem}@media screen and (max-width:749px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.brand-grid .brand-box{height:7.2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/impulzo-brand-boxes.css.map */
