/* Stores cards (used on stores page + home) */

.store-card{
  display:flex;
  gap: 12px;
  padding: 14px;
  align-items:center;
  min-height: 86px; /* same size */
  transition: transform .14s ease, border-color .14s ease;
}
.store-card:hover{ transform: translateY(-2px); }

.store-card img{
  width: 56px;
  height: 56px;
  border-radius: 14px;
  object-fit: cover;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border);
}

.store-card__body{
  flex:1;
  min-width: 0;
}

.store-card__body h3{
  margin:0 0 6px;
  font-size: 15px;
  line-height: 1.2;
  display:-webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow:hidden;
}

.store-card__body .meta{
  margin:0;
  color: var(--muted);
  font-size: 13px;
}

/* Better spacing + margin under letters */
.letterbar{
  margin: 16px 0 26px;      /* more bottom space before cards */
  padding: 12px 14px;
  gap: 10px;                /* space between items */
}

/* Each letter a bit wider + readable */
.letterbar__item{
  height: 36px;
  min-width: 38px;          /* more space between letters */
  padding: 0 12px;
  font-size: 14px;
  letter-spacing: .02em;    /* makes letters breathe */
}

/* If you want letters as plain text (not pills) */
@media (max-width: 640px){
  .letterbar{
    gap: 8px;
    padding: 10px;
  }
  .letterbar__item{
    height: 34px;
    min-width: 34px;
    padding: 0 10px;
  }
}