/* 기존 목록/격자 전환 흐름은 유지하고, 격자를 현재 상품 카드 규격에 맞춘다. */
.list.grid,
.store-catalog .list.grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 10px;
}

.list.grid .post {
  padding: 0 5px;
}

.list.grid .thumb,
.store-catalog .list.grid .thumb {
  aspect-ratio: 1 / 1;
  background: var(--gray-100);
}

.list.grid .thumb img,
.store-catalog .list.grid .thumb img {
  object-fit: contain;
}

.list.grid .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.list.grid .price-row-line .price {
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 1024px) {
  .list.grid,
  .store-catalog .list.grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .list.grid,
  .store-catalog .list.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}