/* BB category landing tiles (deploy 2). Brand: blue #0068FF, orange #FD5204, navy text, off-white background. */
.bb-cl{--bb-blue:#0068FF;--bb-orange:#FD5204;--bb-navy:#0B1F3A;background:#F7F8FB;border-radius:16px;padding:24px;margin:16px 0 40px;color:var(--bb-navy)}
.bb-cl__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:16px}
.bb-cl__title{margin:0;font-size:1.25rem;color:var(--bb-navy)}
.bb-cl__all{color:var(--bb-blue);font-weight:600;text-decoration:none}
.bb-cl__all:hover,.bb-cl__all:focus-visible{color:var(--bb-orange);text-decoration:underline}
.bb-cl__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.bb-cl__tile{margin:0}
.bb-cl__tile a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #E3E7EF;border-radius:12px;padding:12px;text-decoration:none;color:var(--bb-navy);transition:border-color .15s,box-shadow .15s,transform .15s}
.bb-cl__tile a:hover,.bb-cl__tile a:focus-visible{border-color:var(--bb-blue);box-shadow:0 6px 18px rgba(0,104,255,.12);transform:translateY(-2px)}
.bb-cl__tile a:focus-visible{outline:3px solid var(--bb-orange);outline-offset:2px}
.bb-cl__img{display:block;aspect-ratio:1/1;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:10px}
.bb-cl__img img{width:100%;height:100%;object-fit:contain;background:#fff;display:block}
.bb-cl__ph{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--bb-blue);background:#fff}
.bb-cl__name{font-weight:700;font-size:1rem;line-height:1.25}
.bb-cl__count{margin-top:4px;font-size:.875rem;color:#4A5B73}
.bb-cl__tile a:hover .bb-cl__count{color:var(--bb-orange)}
.bb-cl__foot{margin:24px 0 0;text-align:center}
.bb-cl__btn{display:inline-block;background:var(--bb-blue);color:#fff;font-weight:700;padding:12px 28px;border-radius:999px;text-decoration:none}
.bb-cl__btn:hover,.bb-cl__btn:focus-visible{background:var(--bb-orange);color:#fff}
@media (max-width:600px){.bb-cl{padding:16px;border-radius:12px}.bb-cl__grid{grid-template-columns:repeat(2,1fr);gap:10px}.bb-cl__tile a{padding:8px}.bb-cl__name{font-size:.9rem}}