.shops-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: 12px}
.shop-item {position: relative; background: #fff; padding: 16px;border-radius: 12px;display: flex;flex-direction: column;align-items: center;gap: 12px;text-align: center;font-size: 13px;line-height:1.2; font-weight: 600;color: #333;border: 1px solid #eee;transition: all 0.2s;height: 100%}
.shop-item span{display:block}
.shop-item img {width: 48px;height: 48px;border-radius: 50%;object-fit: cover;background: #f5f5f5}
.shop-item .avatar-fallback {width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 20px;text-transform: uppercase;flex-shrink: 0}
.shop-item:hover {border-color: var(--primary-color);color: var(--primary-color);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05)}
@media (max-width: 600px) {
	.shops-list{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 375px) {
    .shop-item .avatar-fallback {width: 40px;height: 40px;font-size: 16px;}
    .shop-item {padding: 12px;}
    .shop-item img {width: 40px;height: 40px;}
    .shop-item span {font-size: 11px;}
}