.store-card {
  display: block;
  background-color: rgba(143, 65, 12, 0.05);
  border-radius: 100px 100px 25px 25px;
  padding: 12px;
  width: 100%;
  color: inherit;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.store-card:hover {
  background-color: rgba(143, 65, 12, 0.08);
  transform: translateY(-2px);
}

.store-card__image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.store-card__image img {
  border-radius: 90px 90px 0 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

.store-card__description {
  margin-top: 7px;
  padding-inline: 4px 8px;
  padding-bottom: 8px;
}

.store-card__title {
  color: var(--color-gray-400);
  font-size: clamp(13px, 3vw, 18px);
  min-height: 48px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.store-card__subtitle {
  color: var(--color-primary);
  font-size: clamp(15px, 3vw, 20px);
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px;
}

.store-card__subtitle-detail {
  color: var(--color-secondary);
  font-size: clamp(8px, 2vw, 10px);
}

.store-card__subtitle-weight {
  color: rgba(94, 94, 94, 0.5);
  font-size: clamp(10px, 2vw, 13px);
}

.store-card__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}

.store-card__arrow {
  color: var(--color-primary);
  display: inline-flex;
}

@media (max-width: 678px) {
  .store-card {
    border-radius: 60px 60px 15px 15px;
    padding: 7px;
  }

  .store-card__image img {
    border-radius: 50px 50px 0 0;
  }

  .store-card__title {
    min-height: 0;
    font-size: 13px;
  }

  .store-card__subtitle {
    font-size: 14px;
  }

  .store-card__actions {
    display: none;
  }
}
