.bw{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:40px}
.bw figure{margin:0;border:1px solid var(--line);border-radius:4px;background:#fff;display:grid;grid-template-rows:1fr auto;height:200px;padding:18px 16px 14px}
.bw figure div{display:grid;place-items:center;min-height:0}
.bw img{max-height:112px;max-width:100%;width:auto;height:auto}
.bw figcaption{font-size:14px;font-weight:600;color:var(--muted);text-align:center;margin-top:8px}
.bw .join-tile{grid-column:span 2;background:var(--green);border-color:var(--green);color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 24px;border-radius:4px;height:200px}
.bw .join-tile b{font-stretch:68%;font-weight:800;font-size:34px;line-height:1}
.bw .join-tile span{font-size:16px;color:#E3F0E7}
.bw.small{grid-template-columns:repeat(4,1fr)}
.bw.small figure{height:150px}
.bw.small img{max-height:84px}
.head2{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}
@media (max-width:980px){.bw{grid-template-columns:repeat(3,1fr)}.head2{grid-template-columns:1fr;gap:20px}}
@media (max-width:560px){.bw,.bw.small{grid-template-columns:1fr 1fr}.bw figure{height:150px;padding:14px 12px 10px}.bw img{max-height:80px}.bw .join-tile{grid-column:span 1;height:150px;padding:16px}.bw .join-tile b{font-size:26px}.bw .join-tile span{font-size:14px}}

/* ---------- dynamic brand list (MVC) ---------- */
/* "More brands" tile: same size as a logo tile, links to /brands/all */
.bw .more-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:200px;padding:18px 16px;border:1px solid var(--green);border-radius:4px;background:var(--green-tint);color:var(--green-deep);text-align:center;transition:background .15s,color .15s}
.bw .more-tile b{font-stretch:68%;font-weight:800;font-size:58px;line-height:1;color:var(--green)}
.bw .more-tile span{font-size:16px;font-weight:700}
.bw .more-tile:hover{background:var(--green);color:#fff}
.bw .more-tile:hover b{color:#fff}
/* brand with no logo image: show the name instead */
.bw .bw-name{font-stretch:68%;font-weight:800;font-size:30px;line-height:1.05;color:var(--ink);text-align:center}
@media (max-width:560px){.bw .more-tile{height:150px;padding:14px 12px}.bw .more-tile b{font-size:44px}.bw .more-tile span{font-size:14px}}

/* "send us a trade enquiry" link: blue and underlined so it reads as a link */
.trade-link{color:#0b63c5;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.trade-link:hover,.trade-link:focus{color:#084a94;text-decoration-thickness:2px}