.artsia-brands { max-width: 1200px; margin: 0 auto; padding: 1rem; }
.artsia-brands__title { margin-bottom: 1rem; }
.artsia-brands__index { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1rem 0 2rem; }
.artsia-brands__index a {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2rem; height: 2rem; padding: 0 .4rem; border: 1px solid #ddd;
    border-radius: 4px; text-decoration: none; font-weight: 600;
}
.artsia-brands__index a:hover { background: #f5f5f5; }
.artsia-brands__letter { border-bottom: 2px solid #eee; padding-bottom: .3rem; margin: 1.5rem 0 1rem; }
.artsia-brands__grid {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem;
}
.artsia-brands__item { border: 1px solid #eee; border-radius: 6px; transition: box-shadow .15s; }
.artsia-brands__item:hover { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.artsia-brands__item a {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: .5rem; padding: 1rem; text-align: center; text-decoration: none; color: inherit; height: 100%;
}
.artsia-brands__logo { max-width: 100%; max-height: 70px; object-fit: contain; }
.artsia-brands__name { font-size: .9rem; }
.artsia-brands__featured { margin-bottom: 2rem; }
.artsia-brands__empty { color: #777; }
@media (max-width: 600px) {
    .artsia-brands__grid { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
}