.brands-display__header{max-width:42rem;margin-bottom:1.5rem}.brands-display__note{background:var(--colour-alabaster);border-radius:var(--border-radius-md);padding:.875rem 1.25rem;margin-bottom:1.5rem}.brands-display__note p{margin:0;max-width:none}.brands-display__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter, 1rem);list-style:none;margin:0;padding:0}.brand-card{background:var(--colour-white);border:1px solid rgba(0,0,0,.08);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;flex-direction:column}.brand-card__image{position:relative;aspect-ratio:4 / 3;overflow:hidden}.brand-card__image img{width:100%;height:100%;object-fit:cover;display:block}.brand-card__image--placeholder{background:var(--colour-alabaster);display:flex;align-items:center;justify-content:center}.brand-card__image--placeholder span{font-size:.875rem;color:var(--colour-text-base);opacity:.4}.brand-card__logo{position:absolute;bottom:.75rem;left:.75rem;background:var(--colour-white);border-radius:var(--border-radius-sm);padding:.2rem .4rem;display:flex;align-items:center;justify-content:center;max-width:8rem}.brand-card__logo img{width:auto;height:6.5rem;object-fit:contain;display:block}.brand-card__logo--centered{position:static;background:none;padding:0;max-width:10rem}.brand-card__logo--centered img{height:3rem}.brand-card__body{padding:1.25rem;display:flex;flex-direction:column;flex:1;gap:.5rem}.brand-card__name{margin-bottom:0}.brand-card__known-for{margin:0;opacity:.7}.brand-card__branches{display:flex;flex-wrap:wrap;gap:.3rem;margin:0}.brand-card__branch-tag{font-size:.75rem;background:var(--colour-alabaster);border-radius:var(--border-radius-sm);padding:.2rem .6rem}.brand-card__link{margin-top:auto;padding-top:.25rem;text-decoration:none;color:var(--colour-water);display:inline-flex;align-items:center;gap:.4rem}.brand-card__link:hover{text-decoration:underline}.brands-display__footer-note{margin-top:1rem;text-align:center}.brands-display__footer-link{color:var(--colour-water);text-decoration:none}.brands-display__footer-link:hover{text-decoration:underline}@media screen and (max-width:989px){.brands-display__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.brands-display__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-brands-display.css.map */