.bg-section{background:#fff;padding:3rem 0}.bg-section__inner{max-width:1200px;margin:0 auto;padding:0 2rem}.bg-section__heading{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);font-weight:800;color:#111;margin:0 0 .4rem}.bg-section__subheading{color:#666;font-size:.95rem;margin:0 0 2rem}.bg-layout{display:flex;gap:2.5rem;align-items:flex-start}.bg-sidebar{flex:0 0 220px;border-right:1px solid #eaeaea;padding-right:1.5rem}.bg-sidebar__heading{color:#79b1e0;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem}.bg-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.bg-sidebar__list a{color:#333;font-size:.9rem;text-decoration:none}.bg-sidebar__list a:hover{color:#79b1e0}.bg-main{flex:1;min-width:0}.bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.bg-layout--no-sidebar .bg-grid,.bg-sidebar~.bg-main .bg-grid{grid-template-columns:repeat(6,1fr)}.bg-grid .bg-tile{grid-column:span 2}.bg-grid .bg-tile:nth-child(4){grid-column:2 / 4}.bg-grid .bg-tile:nth-child(5){grid-column:4 / 6}.bg-tile{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;border:1px solid #eaeaea;border-radius:6px;text-decoration:none;transition:box-shadow .15s ease,transform .15s ease}.bg-tile:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.bg-tile__logo-wrap{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.bg-tile__logo{max-width:100%;max-height:100%;object-fit:contain}.bg-tile__logo-placeholder{color:#ccc;font-size:.85rem;font-weight:600;text-align:center}.bg-tile__name{color:#79b1e0;font-weight:700;font-size:.95rem;text-align:center}@media screen and (max-width:989px){.bg-grid{grid-template-columns:repeat(3,1fr)}.bg-layout{flex-direction:column}.bg-sidebar{flex:1 1 auto;width:100%;border-right:none;border-bottom:1px solid #eaeaea;padding-right:0;padding-bottom:1.5rem}}@media screen and (max-width:749px){.bg-section{padding:2rem 0}.bg-section__inner{padding:0 1.25rem}.bg-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.bg-grid .bg-tile{grid-column:span 1!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-brand-grid.css.map */